@font-face{font-family:'Amatic SC';src:url('fonts/AmaticSC-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
body,button,input,select,textarea,h1,h2,h3,.brand,.brand small,.verse-ref,.cover-title,.note-title,.history-day,.history-content>span,.envelope-letter span,.artifact{font-family:'Amatic SC',cursive;font-weight:700;letter-spacing:.4px}
body{font-size:28px;line-height:1.35}button,input,select,textarea{font-size:26px}p{line-height:1.45}.brand{font-size:36px}.brand small{font-size:18px;letter-spacing:2px}.topbar{height:auto;min-height:115px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px;gap:15px}.topbar nav{min-height:55px}.topbar nav button{font-size:26px;padding:0 12px}.topbar nav span{font-size:22px}.settings-button,.primary,.outline,.text-button,.receive>.text-button{font-size:26px}.eyebrow,.welcome-label,.date,.object-caption,.home-bottom .eyebrow{font-size:22px;letter-spacing:1.5px}.intro h1{font-size:clamp(68px,7vw,100px);letter-spacing:0;line-height:1.05}.intro>p{font-size:32px}.intro h1 em{font-weight:700}.last-pancito small,.last-pancito>span:not(.mini-star),.last-pancito>span:only-of-type{font-size:23px}.last-pancito strong{font-size:32px}.last-pancito .text-button{font-size:26px}.home-bottom h2,.section-top h1{font-size:48px;letter-spacing:0}.notebook-teaser{min-width:0}.notebook-teaser small{font-size:24px}footer,footer .text-button{font-size:23px}.cover-title{font-size:34px}.book-preview small{font-size:10px}.theme-choice,.design-option>span:last-child,.cover-option>span:last-child{font-size:26px}.settings-dialog h2{font-size:48px}.settings-dialog h3{font-size:30px}.settings-row label,.backup-box p,.saved-settings,.local-note,.history-summary,.editor-meta,.editor-footer,.note-item small{font-size:24px}.settings-row select{font-size:26px;max-width:100%}.settings-row{flex-wrap:wrap}.history-day{font-size:30px}.history-content small{font-size:23px}.history-content strong,.favorite-card h2{font-size:36px}.history-content>span,.favorite-card p{font-size:28px;line-height:1.35}.note-title{font-size:40px}#noteBody{font-family:var(--editor-font);font-size:var(--note-size);line-height:1.55}.attached-verse,.editor-empty p,.empty-list{font-size:28px}.editor-empty h2,.empty-favorites h2{font-size:44px}.source-label{font-size:22px}.toast{font-size:26px}.close{font-family:Arial,sans-serif;font-size:32px}
/* The reading surface is the opened object, with actions kept outside it. */
.verse-dialog{width:min(1060px,calc(100vw - 24px));max-height:94dvh;padding:58px 28px 24px;background:var(--bg);border:0;border-radius:22px;overflow:auto}.verse-dialog>.close{position:absolute;right:14px;top:10px;z-index:3;background:white;border-radius:50%;box-shadow:0 2px 6px #0002;width:38px;height:38px}.reading-object{position:relative;margin:16px 12px 36px;filter:drop-shadow(0 18px 14px #472e3726)}.reading-pages{position:relative;z-index:1;padding:40px;background:#fff8e6;border:1px solid #e7cf9c}.verse-top{margin-bottom:16px}.verse-ref{font-size:40px;margin:12px 0;color:#93472c}.verse-dialog blockquote{font-family:'Amatic SC',cursive;font-size:38px;font-weight:700;line-height:1.4;margin:18px 0;color:#442e24}.reflection{margin-top:28px;padding-top:22px;border-top:1px solid #c9a977}.reflection p,.reflection p.question{font-family:'Amatic SC',cursive;font-size:30px;line-height:1.45;color:#573e2e}.reflection .eyebrow{font-size:23px;color:#93472c}.verse-actions{flex-wrap:wrap;justify-content:center}.verse-actions button{flex:1;min-width:160px}.another{display:block;margin:18px auto 0}.verse-spark{font-size:30px}
/* An open, bound Bible: a verse on one page, meditation on the facing page. */
[data-presentation=bible] .reading-object{padding:9px 9px 14px;background:linear-gradient(90deg,#7c2046,#d05e87 47%,#631333 50%,#b73e6b 53%,#7c2046);border-radius:12px 12px 20px 20px;box-shadow:0 5px 0 #621732,0 9px 0 #46132b}
[data-presentation=bible] .reading-pages{display:grid;grid-template-columns:1fr 1fr;padding:0;border-radius:7px 7px 16px 16px;background:linear-gradient(90deg,#eadbb7,#fffdf0 8%,#fff9e6 44%,#d0bb90 49.5%,#ad916a 50%,#eee0bf 51%,#fffdf1 58%,#fff7e2 94%,#dfc99e);box-shadow:0 3px 0 #d8c69b,0 6px 0 #f5e8c8}
[data-presentation=bible] .scripture-page,[data-presentation=bible] .reflection{padding:30px 34px;margin:0;border:0}
[data-presentation=bible] .reflection{padding-top:48px}[data-presentation=bible] .reading-object:after{content:'';position:absolute;right:20%;bottom:-22px;width:27px;height:60px;background:#cc3f57;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%)}
/* Rolled parchment with wooden rollers, shaded edges and a continuous sheet. */
[data-presentation=scroll] .reading-object{margin:36px 20px 48px}
[data-presentation=scroll] .reading-pages{padding:48px 60px;background:linear-gradient(90deg,#d8a557,#ffe5ad 7%,#fff1c9 45%,#ffe7b5 93%,#d7a45a);border:0;border-radius:4px}
[data-presentation=scroll] .reading-object:before,[data-presentation=scroll] .reading-object:after{content:'';position:absolute;z-index:2;left:-16px;right:-16px;height:32px;border-radius:18px;background:linear-gradient(#8c5427,#e9b564 25%,#fff0b9 45%,#d7a05b 75%,#815025);border-left:15px solid #9b642d;border-right:15px solid #9b642d;box-shadow:0 5px 6px #5b341d44}
[data-presentation=scroll] .reading-object:before{top:-13px}[data-presentation=scroll] .reading-object:after{bottom:-13px}
/* The letter rests inside the opened blue envelope. */
[data-presentation=envelope] .reading-object{padding:30px 24px 80px;background:linear-gradient(145deg,#2852a5,#6da9ec);border-radius:16px;margin-top:48px}
[data-presentation=envelope] .reading-pages{transform:rotate(-.6deg);background:repeating-linear-gradient(0deg,#fffbed 0 35px,#f9f2db 36px,#fffbed 37px);box-shadow:0 3px 15px #13295f55;border-radius:4px}
[data-presentation=envelope] .reading-object:before{content:'';position:absolute;left:0;right:0;top:-38px;height:150px;background:#89baf0;clip-path:polygon(0 30%,50% 0,100% 30%,100% 100%,0 100%);border-radius:15px}
[data-presentation=envelope] .reading-object:after{content:'✦';position:absolute;z-index:2;left:0;right:0;bottom:0;height:95px;display:grid;place-items:center;color:#ffd778;font-size:42px;background:linear-gradient(145deg,#72b2f1,#3469ba);clip-path:polygon(0 0,50% 37%,100% 0,100% 100%,0 100%);border-radius:0 0 14px 14px}
/* An opened loaf: golden crust surrounds the paper tucked inside. */
[data-presentation=bread] .reading-object{padding:58px 45px 48px;border-radius:130px 130px 85px 85px;background:radial-gradient(ellipse at 30% 0,#ffe5a1,#e9ad54 45%,#bd6b26 80%,#854318);border:3px solid #c78136;box-shadow:inset 0 5px 10px #fff0bf,inset 0 -12px 12px #91491d}
[data-presentation=bread] .reading-pages{border:9px solid #f0d199;border-radius:30px;background:#fff8df;box-shadow:0 4px 8px #7c431e44,inset 0 0 14px #e5bc6b55;transform:rotate(.5deg)}
[data-presentation=bread] .reading-object:before{content:'';position:absolute;top:15px;left:25%;width:50%;height:23px;background:repeating-linear-gradient(110deg,transparent 0 21%,#a5682d 22% 24%,#ffefbd 25% 29%,transparent 30% 33%);border-radius:50%}
@keyframes revealPage{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}body:not(.no-motion) .verse-dialog[open] .reading-object{animation:revealPage .5s ease-out}
@media(max-width:900px){.topbar{justify-content:space-between}.topbar nav{order:3;width:100%;justify-content:center}.hero{grid-template-columns:1fr 1fr;gap:25px}.intro h1{font-size:75px}.intro>p{font-size:30px}}
@media(max-width:680px){.topbar{padding:14px 5vw 0;gap:10px}.brand{font-size:32px}.brand small{font-size:16px}.topbar nav{height:auto;min-height:54px;overflow-x:auto;justify-content:space-between}.topbar nav button{font-size:22px;padding:10px 5px;white-space:nowrap}.settings-button{font-size:23px}.hero{grid-template-columns:1fr}.intro h1{font-size:76px}.intro>p{font-size:30px}.welcome-label,.date{font-size:21px}.last-pancito strong{font-size:32px}.receive{max-width:100%}.home-bottom h2,.section-top h1{font-size:44px}.settings-dialog h2{font-size:42px}.settings-dialog h3{font-size:30px}.theme-options{grid-template-columns:repeat(3,1fr);row-gap:15px}.theme-choice,.design-option>span:last-child,.cover-option>span:last-child{font-size:25px}.design-options{grid-template-columns:repeat(2,1fr)}.design-mini{height:90px}.design-mini>.artifact{transform:scale(.33) rotate(-9deg)}.settings-row{gap:15px}.editor-meta{flex-wrap:wrap;gap:8px;font-size:22px}.history-content strong{font-size:32px}.history-content>span{font-size:26px}.history-day{font-size:29px}.verse-dialog{width:calc(100vw - 12px);padding:48px 8px 20px;border-radius:16px}.reading-object{margin:15px 5px 28px}.reading-pages{padding:24px 20px}.verse-ref{font-size:36px}.verse-dialog blockquote{font-size:34px}.reflection p,.reflection p.question{font-size:29px}.verse-actions{padding:0 9px;gap:10px}.verse-actions button{min-width:130px;padding:10px 8px}.verse-actions .primary{flex-basis:100%}[data-presentation=bible] .reading-pages{grid-template-columns:1fr;background:linear-gradient(90deg,#d8c398,#fffbed 7%,#fffdf2 90%,#d4bb8d)}[data-presentation=bible] .scripture-page,[data-presentation=bible] .reflection{padding:25px 22px}[data-presentation=bible] .reflection{border-top:2px solid #d6bf92;box-shadow:inset 0 6px 8px #b9945933}[data-presentation=scroll] .reading-object{margin:30px 16px 40px}[data-presentation=scroll] .reading-pages{padding:32px 23px}[data-presentation=envelope] .reading-object{padding:20px 12px 65px}[data-presentation=envelope] .reading-object:after{height:75px}[data-presentation=bread] .reading-object{padding:42px 13px 30px;border-radius:80px 80px 50px 50px}[data-presentation=bread] .reading-pages{padding:22px 17px;border-width:5px;border-radius:23px}footer{font-size:21px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.verse-dialog[open] .reading-object{animation:none!important}}
