:root{--bg:#fff7ed;--ink:#482c40;--green:#bf3c57;--muted:#7d6671;--line:#edccc4;--gold:#df872a;--tint:#ffe1d5;--tint2:#f6bdcb;--deep:#7f264d;--bright:#f16b6c;--secondary:#2465af;--current-motif:url(motifs/flowers.svg)}
body[data-theme=ocean]{--bg:#effbff;--ink:#193f65;--green:#1267b6;--muted:#5a7891;--line:#beddea;--tint:#cbf2fa;--tint2:#81cddd;--deep:#124b88;--bright:#34bad1;--secondary:#ee8552}
body[data-theme=fuchsia]{--bg:#fff4fa;--ink:#56214c;--green:#bc2378;--muted:#8d5c7c;--line:#efc3de;--tint:#ffdaef;--tint2:#f298c3;--deep:#81165e;--bright:#e94d9b;--secondary:#704eb7}
body[data-theme=sunshine]{--bg:#fffcef;--ink:#5b3c24;--green:#b54c19;--muted:#8f7653;--line:#ecd9a5;--tint:#fff0b0;--tint2:#ffd66b;--deep:#7c3825;--bright:#f2af29;--secondary:#167a88}
body[data-theme=violet]{--bg:#f7f3ff;--ink:#3b2a62;--green:#7040b6;--muted:#7a6b94;--line:#d9c8eb;--tint:#e9ddfa;--tint2:#baa0e6;--deep:#4c2984;--bright:#aa7add;--secondary:#ed8257}
body[data-theme=jade]{--bg:#effbf5;--ink:#164d4d;--green:#008a86;--muted:#5b8179;--line:#b8e1ce;--tint:#c9f0db;--tint2:#77d5bc;--deep:#00666b;--bright:#22bba1;--secondary:#ec7050}
body{background:var(--bg);transition:background-color .25s,color .25s}.topbar{background:#fffdf8;border-bottom:3px solid var(--bright);height:100px}.brand{font-family:'DM Sans',Arial,sans-serif;font-weight:700;font-size:23px;letter-spacing:-.6px}.brand-mark{border:0;background:var(--green);color:#ffe292;border-radius:13px;box-shadow:3px 3px 0 var(--tint2);height:44px;width:43px;transform:rotate(-5deg)}.brand small{letter-spacing:2.4px;color:var(--muted);font-size:8px}.topbar nav button{font-size:12px;color:var(--muted);padding:0 13px}.topbar nav button.active{color:var(--green)}.topbar nav button.active:after{height:4px;background:var(--bright)}.settings-button{background:var(--tint);border:0;border-radius:10px;font-weight:600;color:var(--deep);padding:12px 15px}.settings-button:hover{background:var(--tint2)}.date{font-size:10px;color:var(--muted);text-transform:lowercase;letter-spacing:0}.date:first-letter{text-transform:uppercase}h1,h2{font-family:'DM Sans',Arial,sans-serif;font-weight:700}h1{letter-spacing:-2px}.hero{gap:5%;grid-template-columns:1fr 1fr;min-height:540px;margin:25px 0 36px}.intro{padding:10px 0}.welcome-label{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--secondary);display:flex;align-items:center;gap:10px}.welcome-label:before{content:'';display:block;height:10px;width:10px;background:var(--bright);border-radius:50%}.intro h1{font-size:clamp(54px,5.7vw,80px);line-height:1.05;letter-spacing:-3px;margin:22px 0}.intro h1 em{font-style:normal;color:var(--green);position:relative;display:inline-block}.intro h1 em:after{content:'';position:absolute;bottom:-4px;left:3px;right:-7px;height:8px;border-radius:60% 30%;background:var(--tint2);z-index:-1;transform:rotate(-2deg)}.intro>p{font-size:17px;line-height:1.6;color:var(--muted);margin-bottom:25px}.last-pancito{background:#fffdfa;border:1px solid var(--line);border-left:5px solid var(--bright);border-radius:9px;padding:16px 20px;max-width:345px;display:grid;grid-template-columns:1fr auto;gap:5px 10px;box-shadow:3px 4px 0 var(--tint)}.last-pancito>span:only-of-type{font-size:12px;color:var(--muted);line-height:1.6}.last-pancito .mini-star{grid-column:2;grid-row:1;color:var(--bright);font-size:22px}.last-pancito small{grid-column:1/-1;font-size:9px;letter-spacing:1.4px;color:var(--muted);font-weight:700}.last-pancito strong{font-size:19px;grid-column:1/-1}.last-pancito>span:not(.mini-star){grid-column:1/-1;font-size:10px;color:var(--muted)}.last-pancito .text-button{grid-column:1/-1;padding:5px 0 0;text-align:left;color:var(--green);font-weight:700;font-size:12px}.receive{position:relative;background:#fffdf8;border:1px solid var(--line);border-radius:150px 150px 22px 22px;padding:14px 14px 22px;box-shadow:8px 10px 0 var(--tint),12px 18px 35px #71334013;max-width:450px;width:100%;justify-self:center}.object-stage{height:300px;border-radius:140px 140px 12px 12px;overflow:hidden;background-image:radial-gradient(ellipse at center,#fff6e6 0 52%,transparent 53%),var(--current-motif);background-size:100% 100%,cover;background-position:center;border-bottom:3px solid var(--tint2);margin-bottom:19px}.object-hit{transform:scale(.94)}.object-caption{font-size:8px;letter-spacing:1.7px;color:var(--muted);margin:0 0 14px}.ground-shadow{background:#5f31552b;bottom:40px;filter:blur(8px)}.primary{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 4px 0 var(--deep);border-radius:11px;font-weight:700;transition:transform .15s,box-shadow .15s}.primary:hover{background:var(--deep);transform:translateY(-1px)}.primary:active{transform:translateY(3px);box-shadow:0 1px 0 var(--deep)}.outline{border-radius:10px;border-color:var(--line);background:#fffdf8;color:var(--green);font-weight:600}.outline:hover{background:var(--tint)}.text-button{color:var(--green)}.home-bottom{border-top:2px solid var(--line);padding:27px 0 32px}.home-bottom .eyebrow{color:var(--secondary);font-size:9px;font-weight:700}.home-bottom h2{font-size:27px;font-weight:700}.notebook-teaser{background:var(--tint);border:0;box-shadow:4px 5px 0 var(--tint2);border-radius:14px;color:var(--deep)}.notebook-teaser small{color:var(--muted)}.tiny-book{background-image:linear-gradient(90deg,#0005,transparent 20%),var(--current-motif);background-size:cover;box-shadow:3px 3px 0 #fff5d8,5px 5px 0 var(--deep)}footer{color:var(--muted)}footer>span:first-child{color:var(--green)}.eyebrow{color:var(--secondary)}
.envelope-back{background:#304eae}.envelope-front{background:linear-gradient(135deg,#559dec,#3e69cc);box-shadow:inset 0 -2px #1a3f84}.envelope-front:after{background:linear-gradient(145deg,#5a99e7,#3e6ac9)}.envelope-flap{background:linear-gradient(160deg,#82bcf2,#4a7fd5)}.envelope-letter{background:#fff7df}.envelope-letter span{color:#7b4c64;font-weight:bold}.seal{background:radial-gradient(circle at 35% 25%,#ffe4a0,#edb04a);border-color:#f9c96a;color:#a65a24;box-shadow:0 4px 6px #172a7355,inset 0 0 0 1px #dd9848}.envelope-front:before{content:'✿';position:absolute;left:25px;top:90px;font-size:34px;color:#d2e9ff;z-index:2;transform:rotate(18deg);text-shadow:1px 2px #15428b33}.scroll{background:linear-gradient(90deg,#d7a24c,#ffe1a0 12%,#fff0bd 50%,#f8d48c 92%,#d7a24c);color:#80542f}.scroll .scroll-ribbon{background:linear-gradient(90deg,#076f7f,#21a9ac,#057588)}.bible{background:linear-gradient(100deg,#8f294e 0,#e77790 7%,#b23261 11%,#cb4d78 89%,#8c2848);box-shadow:9px 5px 0 -1px #e5c173,12px 6px 0 #9a2c50,inset 0 0 0 1px #e5899d}.bible strong{text-align:center}.bible:before{border-color:#f1c98a88}.bread{background:radial-gradient(ellipse at 38% 18%,#ffe6a5 0,#efb053 33%,#cc782c 75%,#96501d)}.bread .bread-message{background:#fff8df;color:#6d4123;font-weight:bold}.opening .bible{transform:rotateY(-62deg) rotate(-4deg)}
/* Illustrated, clothbound notebook covers */
.cover-woman{--motif:url(motifs/flowers.svg);--cover-bg:#e95378;--cover-dark:#aa3256}.cover-man{--motif:url(motifs/mountains.svg);--cover-bg:#167cab;--cover-dark:#17477a}.cover-child{--motif:url(motifs/galaxy.svg);--cover-bg:#6243a3;--cover-dark:#35256b}.cover-teen{--motif:url(motifs/waves.svg);--cover-bg:#189cb4;--cover-dark:#225082}.cover-citrus{--motif:url(motifs/citrus.svg);--cover-bg:#2a74c7;--cover-dark:#244e9a}.cover-tropical{--motif:url(motifs/tropical.svg);--cover-bg:#f1a735;--cover-dark:#b07827}.cover-mosaic{--motif:url(motifs/mosaic.svg);--cover-bg:#de876f;--cover-dark:#ab4c59}.cover-butterflies{--motif:url(motifs/butterflies.svg);--cover-bg:#dc7fb2;--cover-dark:#994e8b}.book-preview{background:var(--cover-bg);overflow:visible;box-shadow:6px 3px 0 #fce9c6,9px 5px 0 var(--cover-dark),16px 20px 22px #49245632;width:160px;height:208px}.cover-art{border-radius:5px 10px 10px 5px;background-image:linear-gradient(90deg,#0004,transparent 11%,#fff4 14%,transparent 20%),var(--motif);background-size:cover;box-shadow:inset 0 1px 2px #fff9,inset -3px 0 4px #0002}.cover-art:before,.cover-art:after{display:none}.cover-title{left:31px;right:20px;top:59px;background:#fff8e9f0;border-radius:4px;padding:12px 0 14px;box-shadow:0 3px 4px #37224833;font-family:'DM Sans',sans-serif;font-weight:800;letter-spacing:-.5px;color:#363456;font-size:24px;line-height:1.1;text-shadow:none;transform:rotate(-1deg)}.book-preview small{bottom:18px;color:white;font-size:6px;background:#22375b88;padding:4px 1px;margin:0 10px;letter-spacing:1px}.book-preview:after{border-color:#fff8;inset:7px 7px 7px 17px}.notes-sidebar .book-preview{margin-bottom:35px}.note-item.selected{background:var(--tint);border-left:3px solid var(--bright)}.note-item{border-bottom-color:var(--line)}.note-item small{color:var(--muted)}.notebook-paper{border:1px solid var(--line);box-shadow:4px 5px 0 #f7ead7,6px 8px 0 var(--tint2),12px 15px 25px #55304719;overflow:hidden}.notebook-paper:before{content:'';position:absolute;left:0;right:0;top:0;height:15px;background-image:var(--current-motif);background-position:center 52%;background-size:cover}.note-title{font-family:'DM Sans',sans-serif;font-weight:700;color:var(--ink)}.editor-empty h2{color:var(--ink)}.editor-empty .eyebrow{color:var(--secondary)}.attached-verse{background:var(--tint);border-left-color:var(--bright);color:var(--ink);border-radius:0 8px 8px 0}.local-note{color:var(--muted)}.section-top .eyebrow{color:var(--secondary)}input[type=search]{border-color:var(--line);background:#fffdfa}.section-top h1{font-size:42px}
/* Personalization */
dialog{border:0;background:#fffdf8;box-shadow:0 25px 100px #41213966}.settings-dialog{width:min(760px,calc(100vw - 24px));padding-top:36px}.settings-dialog h2{font-size:31px}.settings-dialog h3{font-weight:700;color:var(--ink)}.settings-dialog:before{content:'';position:absolute;top:0;left:0;right:0;height:10px;background:var(--bright)}.design-option,.cover-option{background:var(--tint);border:2px solid transparent;border-radius:12px;padding:12px 5px}.design-option[aria-pressed=true],.cover-option[aria-pressed=true]{border-color:var(--green);background:#fff5df;padding:12px 5px;box-shadow:0 3px 0 var(--green)}.design-option[aria-pressed=true]:after,.cover-option[aria-pressed=true]:after{background:var(--green);color:white;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;right:6px;top:6px}.design-options{gap:12px}.cover-options{grid-template-columns:repeat(4,1fr);gap:12px}.cover-mini{height:120px}.cover-option .book-preview{top:-35px;margin-left:-80px}.cover-option>span:last-child,.design-option>span:last-child{font-size:12px;font-weight:600;margin-top:2px}.theme-options{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.theme-choice{border:0;background:transparent;display:flex;align-items:center;flex-direction:column;gap:8px;font-size:10px;padding:4px 0;color:var(--muted)}.swatch{width:46px;height:46px;border-radius:50%;border:4px solid #fff;box-shadow:0 2px 5px #1d203420;position:relative}.theme-choice[aria-pressed=true] .swatch{outline:2px solid var(--green);outline-offset:2px}.theme-choice[aria-pressed=true] .swatch:after{content:'✓';color:white;position:absolute;inset:0;display:grid;place-items:center;font-size:17px;text-shadow:0 1px 3px #0008}.swatch-coral{background:conic-gradient(#ed6875 0 50%,#ffd66a 50% 75%,#3c76c5 75%)}.swatch-ocean{background:conic-gradient(#2382c4 0 50%,#55d4d8 50% 75%,#ffbf65 75%)}.swatch-fuchsia{background:conic-gradient(#d02f8b 0 50%,#faa2ca 50% 75%,#7b50b7 75%)}.swatch-sunshine{background:conic-gradient(#ffb52e 0 50%,#f66d43 50% 75%,#2d9d99 75%)}.swatch-violet{background:conic-gradient(#8353c3 0 50%,#c69be8 50% 75%,#fba25b 75%)}.swatch-jade{background:conic-gradient(#17ad99 0 50%,#85dfb6 50% 75%,#fb8863 75%)}.settings-row select{border-color:var(--line);color:var(--ink)}.settings-row label{color:var(--muted)}.saved-settings,.voice-help{font-size:11px;color:var(--muted)}.backup-box{border-top:2px solid var(--line)}.backup-box p{color:var(--muted)}.settings-dialog .close{position:sticky;float:right;right:0;top:0;background:#fffdf8e8;border-radius:50%;z-index:2;margin-top:-20px}.toast{background:var(--deep)}
/* Reading and audio */
.verse-dialog{border-top:10px solid var(--bright)}.verse-top .eyebrow{color:var(--secondary)}.verse-ref{font-family:'DM Sans',Arial,sans-serif;font-weight:700;color:var(--green)}.verse-dialog blockquote{color:var(--ink)}.verse-spark{color:var(--bright)}.source-label{color:var(--muted);font-size:10px}.reflection{border-top-color:var(--line)}.reflection .eyebrow{color:var(--green)}.reflection p{color:#63515d}.reflection p.question{color:var(--green)}.audio-player{display:flex;align-items:center;gap:11px;padding:13px;margin-top:20px;background:var(--tint);border-radius:12px}.listen-button{background:var(--green);color:white;border:0;border-radius:8px;min-width:113px;padding:12px 14px;font-size:12px;font-weight:700;min-height:42px}.audio-stop{border:1px solid var(--line);background:#fff8ed;color:var(--green);width:36px;height:38px;border-radius:8px}.audio-info{flex:1;min-width:0;font-size:10px;color:var(--deep)}.audio-track{height:4px;background:#fff9;margin-top:8px;border-radius:4px;overflow:hidden}.audio-track span{display:block;height:100%;width:0;background:var(--green);transition:width .2s}.favorite-card{border:1px solid var(--line);border-top:6px solid var(--bright);box-shadow:4px 5px 0 var(--tint);border-radius:12px}.favorite-card:nth-child(3n+2){border-top-color:var(--secondary)}.favorite-card:nth-child(3n+3){border-top-color:#e5aa29}.favorite-card h2{font-size:23px;color:var(--green)}
/* A record, not a counter or a game. */
.history-list{max-width:900px;margin:24px auto 50px}.history-summary{font-size:12px;color:var(--muted);margin-top:-12px}.history-day{font-family:'DM Sans',sans-serif;font-size:14px;letter-spacing:0;margin:25px 0 14px;color:var(--deep)}.history-card{width:100%;display:flex;align-items:center;gap:20px;text-align:left;border:1px solid var(--line);background:#fffdf8;padding:16px 22px 16px 10px;margin-bottom:12px;border-radius:14px;box-shadow:3px 4px 0 var(--tint)}.history-card:hover{border-color:var(--green)}.history-art{display:grid;place-items:center;position:relative;flex-shrink:0;width:110px;height:100px;border-radius:9px;background:var(--tint);overflow:hidden}.history-art .artifact{position:absolute;transform:scale(.3) rotate(-8deg)}.history-art .bible{transform:scale(.33) rotate(-8deg)}.history-content{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px}.history-content small{font-size:10px;color:var(--muted)}.history-content strong{font-size:19px;color:var(--green)}.history-content>span{font:14px/1.6 Georgia,serif;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-card>span:last-child{font-size:22px;color:var(--green)}
@media(max-width:1000px){.topbar nav button{padding:0 9px;font-size:11px}.brand{font-size:20px}.intro h1{font-size:61px}.intro>p{font-size:15px}.hero{gap:4%;min-height:510px}.object-stage{height:280px}.object-hit{transform:scale(.8)}.receive{padding:10px 10px 20px}.cover-mini{height:110px}}
@media(max-width:680px){.topbar{height:131px;padding:16px 5vw 0}.brand{font-size:23px}.brand-mark{width:36px;height:38px}.topbar nav{height:44px;gap:0}.topbar nav button{font-size:11px;padding:0 8px}.topbar nav button.active:after{left:8px;right:8px}.settings-button{padding:10px}.date{padding-top:17px;font-size:10px;text-align:left}.hero{grid-template-columns:1fr;gap:24px;margin:16px 0 30px;min-height:0}.intro{padding:3px 2px 0}.welcome-label{font-size:8px;letter-spacing:1.8px}.intro h1{font-size:57px;line-height:1.02;letter-spacing:-2.4px;margin:16px 0}.intro h1 br{display:none}.intro h1 em{display:block}.intro>p{font-size:14px;margin-bottom:20px}.intro>p br{display:none}.last-pancito{max-width:none;padding:12px 16px;gap:4px}.last-pancito strong{font-size:17px}.receive{max-width:365px;border-radius:110px 110px 18px 18px;padding:10px 10px 20px;box-shadow:6px 7px 0 var(--tint)}.object-stage,.object-stage:has(.bible){height:258px;border-radius:105px 105px 10px 10px;margin-top:0;margin-bottom:18px}.object-hit{transform:scale(.91)}.artifact.envelope{transform:scale(.86) rotate(-7deg)}.object-caption{font-size:8px}.home-bottom h2{font-size:26px}.notebook-teaser{margin-top:16px}.section-top h1{font-size:34px;letter-spacing:-1.3px}.settings-dialog{padding:28px 18px}.settings-dialog h2{font-size:27px}.settings-dialog h3{font-size:13px}.theme-options{gap:5px}.swatch{width:37px;height:37px;border-width:3px}.theme-choice{font-size:9px;gap:6px}.design-options,.cover-options{gap:8px}.design-option,.cover-option{padding:10px 3px}.design-option[aria-pressed=true],.cover-option[aria-pressed=true]{padding:10px 3px}.cover-options{grid-template-columns:repeat(2,1fr)}.cover-mini{height:135px}.cover-option .book-preview{transform:scale(.58) rotate(-5deg);top:-23px}.design-mini{height:70px}.design-mini>.artifact{transform:scale(.25) rotate(-9deg)}.design-mini>.bible{transform:scale(.27) rotate(-9deg)}.design-option>span:last-child{font-size:9px}.cover-option>span:last-child{font-size:12px}.notebook-paper{padding-top:32px}.notes-sidebar{gap:9px}.note-item.selected{background:var(--tint)}.editor-meta{font-size:8px}.editor-empty h2{font-size:29px}.audio-player{padding:10px;gap:8px}.listen-button{min-width:102px;font-size:11px;padding:12px}.audio-info{font-size:9px;line-height:1.4}.verse-dialog{padding:25px 22px 20px}.verse-dialog blockquote{font-size:22px}.section-top:has(#historySearch){display:block}.section-top:has(#historySearch) input{margin-bottom:20px}.history-summary{margin-top:0}.history-card{gap:13px;padding:12px 14px 12px 9px}.history-art{width:75px;height:85px}.history-art .artifact{transform:scale(.23) rotate(-8deg)}.history-art .bible{transform:scale(.27) rotate(-8deg)}.history-content strong{font-size:16px}.history-content>span{font-size:13px;-webkit-line-clamp:3}.history-card>span:last-child{font-size:17px}.history-day{font-size:12px}.last-pancito .mini-star{grid-row:1}.empty-favorites h2{font-size:25px}footer .text-button{color:var(--green)}}