:root{--color-paper:#f3e9d8;--color-paper-light:#faf5ec;--color-paper-darker:#e8dcc8;--color-ink:#352c24;--color-ink-muted:#76634f;--color-ink-faint:#a6927d;--color-divider:#d7c8b3;--color-divider-light:#d7c8b373;--color-accent:#8e735b;--color-focus:#5a4738;--font-title:"Cormorant Garamond", "Baskerville", "Georgia", serif;--font-body:"Literata", "Georgia", "Merriweather", serif;--font-mono:"Courier New", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.25rem;--text-4xl:3rem;--lh-tight:1.2;--lh-heading:1.35;--lh-body:1.8;--content-max-width:680px;--transition-gentle:.24s ease-in-out}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--color-paper);color:var(--color-ink);font-size:16px;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100%;overflow:hidden auto}body{background-color:var(--color-paper);min-height:100dvh;color:var(--color-ink);line-height:var(--lh-body);font-size:var(--text-base);margin:0;padding:0;position:relative;overflow-x:hidden}#root{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}body:before{content:"";opacity:.75;pointer-events:none;z-index:0;background-image:url(/textures/paper-grain.svg);background-repeat:repeat;width:100%;height:100%;position:fixed;top:0;left:0}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:2px}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--color-ink);font-weight:600;line-height:var(--lh-heading);letter-spacing:.015em;text-wrap:balance}p{color:var(--color-ink);text-wrap:pretty;margin-bottom:1.6rem}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}.safe-padding-top{padding-top:max(1rem, env(safe-area-inset-top))}.safe-padding-bottom{padding-bottom:max(2rem, env(safe-area-inset-bottom))}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.book-wrapper{background-color:var(--color-paper);flex-direction:column;min-height:100dvh;display:flex;position:relative}.book-container{width:100%;max-width:var(--content-max-width);flex-direction:column;flex:1;margin:0 auto;padding:1.25rem 1.25rem 3rem;display:flex}@media (width>=768px){.book-container{padding:2.5rem 2.5rem 4.5rem}}.book-header{width:100%;max-width:var(--content-max-width);border-bottom:1px solid var(--color-divider-light);font-family:var(--font-title);font-size:var(--text-sm);color:var(--color-ink-muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin:0 auto;padding:1rem 1.25rem .75rem;display:flex}.book-header-left,.book-header-right{align-items:center;gap:.5rem;display:flex}.book-header-link{color:var(--color-ink-muted);transition:color var(--transition-gentle);border-radius:2px;align-items:center;gap:.35rem;padding:.35rem .5rem;display:inline-flex}.book-header-link:hover{color:var(--color-ink)}.book-header-title{font-size:var(--text-xs);letter-spacing:.12em;color:var(--color-ink-faint);white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}@media (width<=400px){.book-header-title{display:none}}.ornament{text-align:center;color:var(--color-accent);font-family:var(--font-title);-webkit-user-select:none;user-select:none;display:block}.ornament-flourish{letter-spacing:.35em;margin:1.5rem 0;font-size:1.25rem}.ornament-rule{color:var(--color-divider);justify-content:center;align-items:center;gap:.75rem;margin:2rem 0;display:flex}.ornament-rule:before,.ornament-rule:after{content:"";background-color:var(--color-divider);flex:1;max-width:80px;height:1px}.ornament-fleuron{color:var(--color-accent);font-size:1.1rem}.welcome-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2.5rem .5rem 2rem;display:flex}.welcome-inner{width:100%;max-width:540px;margin:0 auto}.welcome-kicker{font-family:var(--font-title);font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--color-ink-faint);margin-bottom:1.5rem}.welcome-title{color:var(--color-ink);letter-spacing:.02em;margin-bottom:.85rem;font-size:clamp(2.2rem,7vw,3.25rem);font-weight:600;line-height:1.15}.welcome-subtitle{font-family:var(--font-title);color:var(--color-ink-muted);margin-bottom:2rem;font-size:clamp(1.15rem,3.5vw,1.45rem);font-style:italic;line-height:1.4}.welcome-narrator{font-size:var(--text-sm);color:var(--color-ink-muted);max-width:440px;margin:0 auto 2rem;padding:0 .5rem;font-style:italic;line-height:1.7;position:relative}.welcome-message-box{background-color:var(--color-paper-light);border:1px solid var(--color-divider-light);font-size:var(--text-sm);color:var(--color-ink);border-radius:3px;max-width:480px;margin:1.5rem auto 2.5rem;padding:1.25rem;line-height:1.75;box-shadow:0 1px 3px #352c2408}.welcome-actions{flex-direction:column;align-items:center;gap:1rem;width:100%;margin-top:1.5rem;display:flex}.btn-literary{background-color:var(--color-ink);color:var(--color-paper-light);font-family:var(--font-title);letter-spacing:.06em;transition:all var(--transition-gentle);border:1px solid var(--color-ink);border-radius:2px;justify-content:center;align-items:center;gap:.5rem;min-width:200px;min-height:48px;padding:.85rem 1.85rem;font-size:1.05rem;display:inline-flex}.btn-literary:hover{background-color:#231c16;transform:translateY(-1px)}.btn-literary-ghost{color:var(--color-ink);font-family:var(--font-title);letter-spacing:.05em;border:1px solid var(--color-divider);transition:all var(--transition-gentle);background:0 0;border-radius:2px;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.75rem 1.5rem;font-size:.95rem;display:inline-flex}.btn-literary-ghost:hover{border-color:var(--color-ink-muted);background-color:var(--color-paper-light)}.countdown-box{background-color:var(--color-paper-light);border:1px solid var(--color-divider);text-align:center;border-radius:2px;width:100%;max-width:440px;margin:1.5rem auto;padding:1.25rem 1rem}.countdown-box.compact{max-width:100%;margin:.75rem 0;padding:.85rem .75rem}.countdown-label{font-family:var(--font-title);font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink-muted);margin-bottom:.75rem}.countdown-grid{grid-template-columns:repeat(4,1fr);justify-content:center;align-items:center;gap:.5rem;display:grid}.countdown-segment{flex-direction:column;align-items:center;display:flex}.countdown-number{font-family:var(--font-title);color:var(--color-ink);font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,5vw,2.1rem);font-weight:600;line-height:1}.countdown-unit{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-ink-muted);text-transform:lowercase;letter-spacing:.04em;margin-top:.25rem}.countdown-timezone{color:var(--color-ink-faint);letter-spacing:.05em;margin-top:.75rem;font-size:.7rem}.countdown-unlocked{font-family:var(--font-title);color:var(--color-accent);justify-content:center;align-items:center;gap:.5rem;padding:.5rem 0;font-size:1.05rem;display:flex}.contents-page{width:100%;padding-top:1rem}.contents-header{text-align:center;margin-bottom:2.5rem}.contents-kicker{font-family:var(--font-title);font-size:var(--text-xs);letter-spacing:.22em;text-transform:uppercase;color:var(--color-ink-faint);margin-bottom:.5rem}.contents-title{color:var(--color-ink);letter-spacing:.03em;font-size:clamp(2rem,5vw,2.75rem);font-weight:600}.contents-subtitle{font-family:var(--font-title);color:var(--color-ink-muted);margin-top:.5rem;font-size:1.05rem;font-style:italic}.contents-list{flex-direction:column;gap:1.25rem;list-style:none;display:flex}.contents-item{border-bottom:1px solid var(--color-divider-light);transition:background-color var(--transition-gentle);padding-bottom:1.25rem}.contents-item:last-child{border-bottom:none}.contents-item-inner{text-align:left;width:100%;display:block}.contents-item-header{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.35rem;display:flex}.contents-chapter-left{flex:1;align-items:baseline;gap:.75rem;display:flex}.contents-numeral{font-family:var(--font-title);color:var(--color-accent);letter-spacing:.05em;min-width:1.75rem;font-size:1.25rem;font-weight:600}.contents-chapter-title{font-family:var(--font-title);color:var(--color-ink);font-size:clamp(1.15rem,3.5vw,1.45rem);font-weight:600;line-height:1.25}.contents-item.locked .contents-chapter-title{color:var(--color-ink-muted)}.contents-item.available:hover .contents-chapter-title{color:#000;text-underline-offset:4px;text-decoration:underline}.contents-status-badge{font-family:var(--font-title);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:2px;align-items:center;gap:.35rem;padding:.2rem .55rem;display:inline-flex}.status-locked{background-color:var(--color-paper-darker);color:var(--color-ink-muted)}.status-available{background-color:var(--color-paper-light);border:1px solid var(--color-divider);color:var(--color-ink)}.status-read{color:var(--color-ink-faint);background-color:#0000;font-style:italic}.contents-item-meta{font-size:var(--text-xs);color:var(--color-ink-muted);justify-content:space-between;align-items:center;gap:.5rem;margin-left:2.5rem;display:flex}.contents-item-date{font-family:var(--font-title);font-style:italic}.contents-item-locked-hint{font-size:var(--text-xs);color:var(--color-accent);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.contents-locked-drawer{background-color:var(--color-paper-light);border-left:2px solid var(--color-accent);border-radius:0 2px 2px 0;margin-top:.85rem;margin-left:2.5rem;padding:.75rem 1rem}.contents-locked-note{font-size:var(--text-xs);color:var(--color-ink-muted);margin-bottom:.5rem;line-height:1.5}.reader-page{width:100%}.reader-header{text-align:center;border-bottom:1px solid var(--color-divider-light);margin-bottom:2.5rem;padding-bottom:1.75rem}.reader-chapter-numeral{font-family:var(--font-title);font-size:var(--text-sm);letter-spacing:.25em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.6rem}.reader-title{color:var(--color-ink);letter-spacing:.02em;margin-bottom:.6rem;font-size:clamp(2rem,5.5vw,2.85rem);font-weight:600;line-height:1.18}.reader-subtitle{font-family:var(--font-title);color:var(--color-ink-muted);margin-bottom:1rem;font-size:1.15rem;font-style:italic}.reader-date{font-family:var(--font-title);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-faint)}.reader-epigraph{text-align:center;max-width:500px;color:var(--color-ink-muted);border-left:none;margin:1.75rem auto 2.5rem;padding:0 1.25rem;font-style:italic}.reader-epigraph-quote{margin-bottom:.5rem;font-size:1.05rem;line-height:1.65}.reader-epigraph-source{font-family:var(--font-title);font-size:var(--text-xs);letter-spacing:.08em;color:var(--color-ink-faint);text-transform:uppercase}.reader-body{font-size:var(--text-base);line-height:var(--lh-body);color:var(--color-ink)}.reader-body p{text-indent:0;margin-bottom:1.75rem}.reader-body .paragraph-dropcap:first-letter{font-family:var(--font-title);float:left;color:var(--color-ink);margin:.15rem .55rem 0 0;font-size:3.6rem;font-weight:600;line-height:.82}.reader-section-heading{text-align:center;letter-spacing:.04em;color:var(--color-ink);margin:2.5rem 0 1.25rem;font-size:1.45rem;font-weight:600}.reader-quote{background-color:var(--color-paper-light);border-left:2px solid var(--color-accent);color:var(--color-ink);margin:2rem 0;padding:1rem 1.5rem;font-style:italic}.reader-quote p{margin-bottom:.35rem;font-size:1.08rem;line-height:1.65}.reader-quote-source{font-family:var(--font-title);font-size:var(--text-xs);letter-spacing:.06em;color:var(--color-ink-muted);text-transform:uppercase;font-style:normal}.reader-figure{text-align:center;margin:2.25rem 0}.reader-image-frame{background-color:var(--color-paper-light);border:1px solid var(--color-divider);border-radius:2px;max-width:100%;padding:6px;display:inline-block;box-shadow:0 2px 6px #352c240a}.reader-image{object-fit:cover;filter:contrast(.96)sepia(.08);width:100%;max-height:480px}.reader-caption{font-family:var(--font-title);font-size:var(--text-sm);color:var(--color-ink-muted);margin-top:.75rem;font-style:italic}.reader-closing-note{text-align:center;color:var(--color-ink-muted);max-width:500px;margin:2.5rem auto 1.5rem;padding:1rem 0;font-size:.98rem;font-style:italic}.birthday-greeting-badge{font-family:var(--font-title);letter-spacing:.12em;color:var(--color-accent);text-transform:uppercase;border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider);margin-bottom:1rem;padding:.25rem .75rem;font-size:1.15rem;display:inline-block}.final-announcement-card{background-color:var(--color-paper-light);border:1px solid var(--color-divider);text-align:center;border-radius:2px;margin:3.5rem 0 2rem;padding:2rem 1.5rem;box-shadow:0 2px 8px #352c240a}.announcement-kicker{font-family:var(--font-title);font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--color-ink-faint);margin-bottom:.75rem}.announcement-heading{color:var(--color-ink);margin-bottom:.5rem;font-size:clamp(1.5rem,4vw,1.85rem);font-weight:600}.announcement-book-title{font-family:var(--font-title);color:var(--color-accent);margin-bottom:1.25rem;font-size:1.25rem;font-style:italic}.announcement-cover-placeholder{border:1px dashed var(--color-divider);background-color:var(--color-paper);width:140px;height:200px;font-family:var(--font-title);font-size:var(--text-xs);color:var(--color-ink-faint);text-align:center;border-radius:2px;justify-content:center;align-items:center;margin:1.25rem auto 1.5rem;padding:1rem;display:flex}.announcement-cover-img{border:1px solid var(--color-divider);max-width:160px;margin:1.25rem auto 1.5rem;box-shadow:0 4px 10px #352c2414}.announcement-text{font-size:var(--text-sm);color:var(--color-ink);max-width:480px;margin:0 auto 1.25rem;line-height:1.75}.locked-reader-container{text-align:center;padding:3rem 1rem}.locked-icon{color:var(--color-accent);margin-bottom:1rem;font-size:2rem}.locked-reader-title{margin-bottom:.75rem;font-size:clamp(1.75rem,5vw,2.35rem)}.locked-reader-subtitle{font-family:var(--font-title);color:var(--color-ink-muted);margin-bottom:1.75rem;font-size:1.1rem;font-style:italic}.locked-reader-message{font-size:var(--text-sm);color:var(--color-ink);max-width:420px;margin:0 auto 1.5rem;line-height:1.75}.chapter-nav{border-top:1px solid var(--color-divider-light);flex-direction:column;gap:1rem;margin-top:3.5rem;padding-top:2rem;display:flex}.chapter-nav-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.chapter-nav-btn{border:1px solid var(--color-divider-light);background-color:var(--color-paper-light);transition:all var(--transition-gentle);border-radius:2px;flex-direction:column;max-width:48%;min-height:64px;padding:.75rem 1rem;display:inline-flex}.chapter-nav-btn:hover:not(:disabled){border-color:var(--color-accent);background-color:#f7eee1}.chapter-nav-btn:disabled{opacity:.45;cursor:not-allowed}.chapter-nav-btn.next{text-align:right;margin-left:auto}.chapter-nav-kicker{font-family:var(--font-title);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-faint);margin-bottom:.2rem;font-size:.7rem}.chapter-nav-title{font-family:var(--font-title);color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.chapter-nav-contents-btn{font-family:var(--font-title);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-muted);border:1px solid var(--color-divider);transition:all var(--transition-gentle);border-radius:2px;justify-content:center;align-items:center;margin:0 auto;padding:.65rem 1.25rem;display:inline-flex}.chapter-nav-contents-btn:hover{color:var(--color-ink);border-color:var(--color-ink-muted);background-color:var(--color-paper-light)}.book-footer{text-align:center;border-top:1px solid var(--color-divider-light);font-family:var(--font-title);font-size:var(--text-xs);color:var(--color-ink-faint);letter-spacing:.08em;margin-top:auto;padding:2rem 1.25rem}.dev-preview-bar{color:#ede2d2;font-size:.75rem;font-family:var(--font-mono);z-index:1000;background-color:#2b221a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .75rem;display:flex;position:relative}.dev-preview-left{align-items:center;gap:.5rem;display:flex}.dev-preview-badge{color:#2b221a;text-transform:uppercase;background-color:#c49a6c;border-radius:2px;padding:.1rem .35rem;font-size:.65rem;font-weight:700}.dev-preview-select{color:#ede2d2;background:#3c3127;border:1px solid #554436;border-radius:2px;padding:.2rem .4rem;font-family:inherit;font-size:.75rem}.login-screen{justify-content:center;align-items:center;width:100%;min-height:80dvh;display:flex}.login-inner{text-align:center;width:100%;max-width:360px;margin:0 auto}.login-form{text-align:center;width:100%;max-width:380px;margin:0 auto}.login-instructions{font-size:var(--text-sm);color:var(--color-ink-muted);margin-bottom:1.5rem;font-style:italic;line-height:1.6}.login-input-group{margin-bottom:1rem}.login-input{width:100%;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink);background-color:var(--color-paper-light);border:1px solid var(--color-divider);text-align:center;letter-spacing:.1em;transition:border-color var(--transition-gentle), box-shadow var(--transition-gentle);border-radius:3px;padding:.75rem 1rem}.login-input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #8e735b33}.login-error-message{color:#8b2b2b;font-size:var(--text-sm);background-color:#8b2b2b14;border-radius:2px;margin-top:.75rem;padding:.5rem}.login-footer{text-align:center;margin-top:3rem}.login-dedication{font-family:var(--font-title);font-size:var(--text-sm);color:var(--color-ink-faint);font-style:italic}.book-logout-link{color:var(--color-ink-faint);font-size:var(--text-xs);margin-left:.5rem}.book-logout-link:hover{color:#8b2b2b}.contents-chapter-description{font-size:var(--text-sm);color:var(--color-ink-muted);line-height:1.6;font-family:var(--font-body);margin:.5rem 0 .75rem}.reader-empty-story{text-align:center;color:var(--color-ink-muted);font-style:italic;font-family:var(--font-title);font-size:var(--text-lg);padding:3rem 1rem}