*{box-sizing:border-box}*,:before,:after{font-feature-settings:"lnum"!important}html,body,#root{width:100%;min-height:100%;margin:0}html{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;scroll-padding-top:24px;font-size:16px}body{overscroll-behavior-y:none;margin:0;line-height:1.55}button,input,select,textarea{font:inherit;color:inherit}button,a,summary,input,select{min-height:44px}button{cursor:pointer;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-width:44px;transition:background .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease);padding:10px 16px;line-height:1.35}button:disabled{cursor:default;opacity:.55}@media (hover:hover){button:not(:disabled):hover{border-color:var(--gold-ink);background:var(--wash)}}button:not(:disabled):active{transform:translateY(1px)}a{color:var(--lapis);text-underline-offset:4px}:focus-visible{outline:3px solid var(--lapis);outline-offset:4px}[tabindex="-1"]:focus{outline:none}button,select,input,textarea{max-width:100%}input,select,textarea{border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--radius);width:100%;min-width:0;padding:12px}textarea{resize:vertical;min-height:200px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}summary{cursor:pointer;padding:10px 0;font-weight:600}summary small{color:var(--muted);font-weight:400;display:block}img,svg{max-width:100%}svg{flex-shrink:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;font-weight:600;line-height:1.1}h1{font-size:var(--title-lg)}h2{font-size:var(--title-md)}h3{font-size:var(--title-sm)}p{margin-bottom:16px}b,strong{font-weight:600}small{font-size:var(--text-sm)}[hidden]{display:none!important}.sky{isolation:isolate;min-height:100dvh;position:relative;overflow-x:clip}.sky:before{content:"";opacity:var(--sky-opacity);z-index:-1;pointer-events:none;background:url(/ornament/stars.svg);position:absolute;inset:0}.screen{max-width:var(--reading);min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(48px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));margin:0 auto;position:relative}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.crash-screen h1{font-size:var(--title-md);margin:0}.crash-screen p{color:var(--muted);max-width:32ch}.body-copy{color:var(--muted);line-height:1.7}.eyebrow{font:600 11px/1.5 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-ink);margin:0 0 10px;display:block}.eyebrow.on-night{color:var(--gold-light)}.panel-note,.version{font-size:var(--text-sm);color:var(--muted);line-height:1.6}.panel-note:last-child,.body-copy:last-child{margin-bottom:0}.version{text-align:center;letter-spacing:.12em;text-transform:uppercase;margin:32px 0 8px;font-size:11px}.danger{color:var(--bad)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (width<=380px){.screen{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}html[data-calm=true] *,html[data-calm=true] :before,html[data-calm=true] :after{transition:none!important;animation:none!important}:is(.home-hero,.page-band,.boot-splash,.welcome) :focus-visible{outline-color:var(--gold-light)}.home-hero .today-card :focus-visible{outline-color:var(--lapis)}body:before{content:"";height:env(safe-area-inset-top);background:var(--strip);z-index:30000;pointer-events:none;position:fixed;top:0;left:0;right:0}.rosette{margin:0 auto;display:block;overflow:visible}.rosette .ground{fill:var(--night)}.rosette .rim{fill:none;stroke:var(--gold);stroke-width:.7px}.rosette .ground{stroke:var(--gold);stroke-width:1.2px}.rosette .petal{fill:var(--gold)}.rosette .star-line{fill:none;stroke:var(--gold-light);stroke-width:1px;stroke-linejoin:miter}.rosette .heart{fill:var(--gold-light)}@keyframes construct{0%{stroke-dasharray:100;stroke-dashoffset:100px}to{stroke-dasharray:100;stroke-dashoffset:0}}@keyframes lay{0%{opacity:0}to{opacity:1}}@keyframes jewel{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.rosette-draw [pathLength]{stroke-dasharray:100;animation:construct 1.1s var(--ease) backwards}.rosette-draw .star-line{animation-duration:1.3s;animation-delay:.3s}.rosette-draw .petal{animation:.5s ease-out 1.1s backwards lay}.rosette-draw .heart{transform-origin:60px 60px;animation:.45s cubic-bezier(.3,1.6,.5,1) 1.6s backwards jewel}.ornament-divider{color:var(--gold);justify-content:center;align-items:center;gap:12px;margin:28px 0;display:flex}.ornament-divider span{background:linear-gradient(90deg,transparent,var(--gold));width:72px;height:1px}.ornament-divider span:last-child{background:linear-gradient(90deg,var(--gold),transparent)}.ornament-divider svg{fill:var(--gold)}.ornament-divider .divider-heart{fill:var(--paper)}.star-band{display:block}.lattice{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.lattice-band{fill:var(--gold)}.night-sky{pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 55%,#0000 92%);mask-image:linear-gradient(#000 55%,#0000 92%)}.night-sky>svg:first-child{display:block}.sky-moon-mark{right:max(28px,8%);top:max(22px,calc(env(safe-area-inset-top) + 14px));position:absolute}.sky-star{fill:var(--on-night)}.sky-moon{fill:var(--gold-light);filter:drop-shadow(0 0 2px #f3d27a88)}.rooftops{pointer-events:none;display:block}.rooftops .roof{fill:var(--paper)}:root[data-theme=night] .rooftops .roof{fill:var(--night-deep)}.rooftops .roof-window{fill:var(--gold-light)}.rooftops .roof-window.dim{opacity:.55}.picture-frame{aspect-ratio:1;background:var(--mat);--frame-star:var(--gold);--frame-line:var(--gold-deep);--frame-heart:var(--mat);width:100%;box-shadow:var(--shadow);padding:6%;display:block;position:relative}.picture-frame>img,.picture-frame>.vignette{aspect-ratio:1;object-fit:cover;width:100%;height:100%;display:block}.picture-frame-art{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.frame-outer{fill:none;stroke:var(--gold);stroke-width:1px;vector-effect:non-scaling-stroke}.frame-inner{fill:none;stroke:var(--gold-light);stroke-width:.6px;opacity:.5;vector-effect:non-scaling-stroke}.frame-loz{fill:var(--gold)}:root[data-theme=night] .picture-frame{box-shadow:0 0 0 1px var(--gold-a33),0 14px 34px var(--shade-a40)}.vignette .vg-star{fill:var(--vg-star);opacity:.75}.vignette .vg-moon{fill:#f0d37e}.vignette .vg-ground{fill:var(--vg-ground)}.vignette .vg-path{fill:none;stroke:var(--vg-line);stroke-width:1px;opacity:.35;stroke-dasharray:2 5}.vignette .vg-line{fill:none;stroke:var(--vg-line);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.vignette .vg-fill{fill:var(--vg-fill)}.vignette .vg-dark{fill:#050a1e}.vignette .vg-gold-fill{fill:#c99a2e}.vignette .vg-gold{stroke:#f0d37e;stroke-linecap:round}.vignette .vg-robe{fill:#7a3c2e;stroke:var(--vg-line);stroke-width:2px;stroke-linejoin:round}.vignette .vg-quilt{fill:#7a3c2e}.vignette .vg-pumpkin{fill:#b86a2c}.vignette .vg-figure{fill:#0a1230;stroke:var(--vg-line);stroke-width:1.4px;stroke-linejoin:round}.vignette .vg-steam,.vignette .vg-sound{fill:none;stroke:#f3ebd6;stroke-width:1.6px;stroke-linecap:round;opacity:.6}.vignette .vg-pool{fill:#f3d27a;opacity:.2}.vignette .vg-window{fill:#f0d37e}.vignette .vg-window.dim{opacity:.5}.vignette .vg-water{fill:var(--vg-fill);opacity:.92}.app-icon{border-radius:24%;display:block}.wordmark{font-family:var(--display);letter-spacing:-.02em;text-align:center;color:inherit;flex-direction:column;align-items:center;margin:0;font-weight:600;line-height:.95;display:flex}.wordmark-the{font:600 11px/1 var(--body);letter-spacing:.32em;text-transform:uppercase;color:var(--gold-light);margin-bottom:8px;padding-left:.32em}.wordmark-name{background:linear-gradient(#f7e3a2,#d9b653 55%,#b88e2c);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:44px}.wordmark-tagline{font:italic 500 19px/1.3 var(--display);letter-spacing:0;color:var(--night-muted);margin-top:12px}.wordmark-small{text-align:left;align-items:flex-start}.wordmark-small .wordmark-the{margin-bottom:4px;font-size:9px}.wordmark-small .wordmark-name{font-size:24px}.boot-splash{z-index:100;background:radial-gradient(120% 80% at 50% 30%,var(--night-soft),var(--night-deep) 70%);color:var(--on-night);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}.big-btn{background:var(--fill);border:1px solid var(--fill);border-radius:var(--radius);width:100%;min-height:52px;color:var(--on-fill);font:600 16px/1.3 var(--body);justify-content:center;align-items:center;gap:10px;padding:14px 20px;text-decoration:none;display:flex}.big-btn:not(:disabled):hover{background:var(--fill-hover);border-color:var(--fill-hover)}.big-btn .icon-arrow{color:var(--fill-accent)}.big-btn.danger{background:var(--bad);border-color:var(--bad);color:var(--surface)}.big-btn.danger:not(:disabled):hover{background:var(--terracotta-deep);border-color:var(--terracotta-deep)}:root[data-theme=night] .big-btn:disabled{opacity:1;background:var(--wash);border-color:var(--line-strong);color:var(--muted)}.quiet-btn{background:var(--surface);border:1px solid var(--line-strong);justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:600;display:inline-flex}.quiet-btn.danger{color:var(--bad);border-color:var(--bad)}.text-btn{color:var(--gold-ink);background:0 0;border:0;align-items:center;gap:4px;padding:10px 12px;font-weight:600;display:inline-flex}@media (hover:hover){.text-btn:not(:disabled):hover{text-underline-offset:4px;background:0 0;text-decoration:underline}}.tool-btn{border-color:var(--line-strong);color:var(--ink);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex}.tool-btn[aria-pressed=true]{background:var(--fill);border-color:var(--fill);color:var(--on-fill)}.speech-message{color:var(--muted);margin-top:8px;font-size:13px;display:block}.navigation-back,.navigation-home{border-color:var(--line);min-height:44px;color:var(--ink);background:0 0;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;display:inline-flex}.navigation-back>span:first-child{font-size:24px;line-height:1}.navigation-home .icon{margin-block:-2px}.bottom-nav{z-index:20;margin:40px calc(50% - 50vw) calc(-1 * max(48px,env(safe-area-inset-bottom)));padding:6px max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -10px 30px var(--shade-a25);justify-content:center;gap:2px;display:flex;position:sticky;bottom:0}.bottom-nav button{color:var(--muted);background:0 0;border:0;border-radius:12px;flex-direction:column;flex:0 112px;align-items:center;gap:2px;padding:6px 2px;font-size:12px;font-weight:600;display:flex;position:relative}.bottom-nav button.active{color:var(--gold-ink)}.bottom-nav button.active:before{content:"";background:var(--gold);border-radius:2px;height:2px;position:absolute;top:0;left:30%;right:30%}@media (hover:hover){.bottom-nav button:not(:disabled):hover{background:var(--wash);color:var(--ink)}}@media (width<=380px){.bottom-nav button{font-size:11px}}.screen:has(>.bottom-nav){flex-direction:column;display:flex}.screen:has(>.bottom-nav)>:is(.page-body,.home-body){flex:1}.page{padding-top:0}.page-band{isolation:isolate;padding:max(14px,env(safe-area-inset-top)) calc(50vw - 50%) 0;background:radial-gradient(120% 140% at 70% 0%,var(--night-soft),var(--night) 55%,var(--night-deep));color:var(--on-night);margin:0 calc(50% - 50vw) 28px;position:relative;overflow:hidden}.page-band-inner{padding:0 max(24px,env(safe-area-inset-left)) 18px;position:relative}.page-band-tools{justify-content:space-between;align-items:center;min-height:44px;display:flex}.page-band :is(.navigation-back,.navigation-home){color:var(--on-night);border-color:var(--gold-a50);background:#0c153699}@media (hover:hover){.page-band :is(.navigation-back,.navigation-home):not(:disabled):hover{background:var(--night-soft);border-color:var(--gold-light)}}.page-band .eyebrow{margin-top:22px}.page-band h1{color:var(--on-night);margin:0 0 8px;font-size:clamp(36px,7vw,52px)}.page-band-intro p{color:var(--night-muted);max-width:52ch;margin:0;line-height:1.6}.band-roofs{margin-top:6px}.page-body{position:relative}.panel{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-lg);margin-bottom:18px;padding:22px}.panel-title{font:600 12px/1.5 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-ink);margin:0 0 14px}.panel-subtitle{margin:22px 0 10px;font-size:22px}.setting{text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;text-decoration:none;display:flex}.setting:last-child{border-bottom:0}.setting>span:first-child{gap:2px;display:grid}.setting small{color:var(--muted)}.setting.danger b{color:var(--bad)}@media (hover:hover){.setting:not(:disabled):hover{background:0 0}.setting:hover b{text-underline-offset:4px;text-decoration:underline}}.toggle{background:var(--line-strong);border-radius:20px;flex-shrink:0;width:46px;height:26px;transition:background .2s;display:block;position:relative}.toggle i{background:var(--knob);width:20px;height:20px;transition:left .2s var(--ease);border-radius:50%;display:block;position:absolute;top:3px;left:3px}.toggle.on{background:var(--teal)}.toggle.on i{left:23px}.appearance-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.appearance-option{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:14px 8px 12px;display:flex}.appearance-option b{font-size:15px}.appearance-option small{color:var(--muted);font-size:12px;line-height:1.35}.appearance-option.selected{border-color:var(--gold-ink);box-shadow:inset 0 0 0 1px var(--gold-ink);background:var(--wash)}.appearance-swatch{border:1px solid var(--gold);border-radius:50%;place-items:center;width:40px;height:40px;margin-bottom:2px;display:grid}.swatch-day{background:#f6f0e1}.swatch-night{background:#0b1433}.swatch-system{background:linear-gradient(135deg,#f6f0e1 50%,#0b1433 50%)}.appearance-swatch .star-mark{fill:var(--gold);stroke:#725714}.appearance-swatch .star-mark-heart{fill:#f6f0e1}.size-sample{height:40px;font-family:var(--display);color:var(--ink);place-items:center;font-weight:600;line-height:1;display:grid}.size-small{font-size:20px}.size-standard{font-size:26px}.size-large{font-size:33px}.text-size-preview{font:500 var(--read-size)/1.5 var(--display);color:var(--ink);text-align:center;margin:16px 0 0}.effects-swatch{border:1px solid var(--gold-a50);background:#14204a;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.effects-swatch i{width:18px;height:18px;clip-path:var(--fx-star);background:var(--gold)}.fx-swatch-full i{background:radial-gradient(closest-side,#f6f0e1,#e2c46a 40%,#c9a227);box-shadow:0 0 8px #c9a227}.fx-swatch-reduced i{opacity:.6}.fx-swatch-off i{border:1px solid var(--gold-a50);clip-path:none;background:0 0;border-radius:50%;width:12px;height:12px}@media (width<=380px){.appearance-option small{display:none}}.page-columns{display:block}.about-brand{border-radius:var(--radius);background:radial-gradient(120% 140% at 70% 0%,var(--night-soft),var(--night) 60%);color:var(--on-night);align-items:center;gap:16px;margin:0 0 18px;padding:14px 16px;display:flex}.about-brand .wordmark{text-align:left;align-items:flex-start}.about-brand .wordmark-name{font-size:28px}.about-brand .wordmark-tagline{margin-top:6px;font-size:16px}.source-list{color:var(--muted);margin:0 0 16px;padding-left:20px;line-height:1.6}.source-list li{margin-bottom:8px}.source-list b{color:var(--ink);font-weight:600}.icon{vertical-align:-.22em;flex-shrink:0;max-width:none;display:inline-block}.star-mark{vertical-align:-.15em;fill:none;max-width:none;stroke:var(--line-strong);flex-shrink:0;display:inline-block}.star-mark.on{fill:var(--gold);stroke:var(--gold-ink)}.star-mark-heart{fill:var(--surface)}.scrim{z-index:1000;background:var(--scrim);overscroll-behavior:contain;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.sheet{--sheet-pad:28px;overscroll-behavior:contain;background:var(--sheet);width:min(100%,560px);max-height:calc(100dvh - 48px);padding:var(--sheet-pad);border:1px solid var(--gold-a60);box-shadow:var(--shadow-sheet);text-align:left;border-radius:24px;position:relative;overflow:auto}.sheet-band{margin:calc(-1 * var(--sheet-pad)) calc(-1 * var(--sheet-pad)) 20px;width:calc(100% + 2 * var(--sheet-pad));border-bottom:1px solid var(--gold);max-width:none;display:block}.sheet-navigation{justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.sheet-title{margin:6px 0 12px;font-size:34px}.sheet-body{color:var(--muted);margin-bottom:22px;line-height:1.7}.sheet>.text-btn{margin:8px auto 0;display:flex}@media (width<=600px){.scrim{align-items:flex-end;padding:12px 0 0}.sheet{--sheet-pad:20px;max-height:calc(100dvh - max(12px,env(safe-area-inset-top)));padding-bottom:max(24px,env(safe-area-inset-bottom));border-bottom:0;border-radius:24px 24px 0 0}}.storage-notice,.error-note{background:var(--rose-wash);border:1px solid var(--terracotta);border-radius:var(--radius);color:var(--bad);margin:0 0 18px;padding:14px 16px;line-height:1.55}.storage-notice p{margin:6px 0 12px}.empty-state{text-align:center;padding:24px 8px 8px}.empty-state h2{margin:18px 0 10px;font-size:34px}.empty-state p{color:var(--muted);max-width:36ch;margin:0 auto 22px;line-height:1.7}.empty-state .big-btn{max-width:320px;margin:0 auto}.home-screen{padding-top:0}.home-hero{isolation:isolate;padding:max(14px,env(safe-area-inset-top)) calc(50vw - 50%) 0;background:radial-gradient(90% 70% at 78% 8%,var(--night-soft),var(--night) 50%,var(--night-deep));color:var(--on-night);margin:0 calc(50% - 50vw);position:relative;overflow:hidden}.home-hero>:not(.night-sky,.fx-twinkles,.fx-lamplight,.hero-roofs){margin-inline:max(24px,env(safe-area-inset-left));position:relative}.home-top{justify-content:space-between;align-items:center;min-height:56px;display:flex}.home-brand{align-items:center;gap:12px;display:flex}.home-greeting{padding:26px 0 22px}.home-greeting h1{color:var(--on-night);margin:0 0 12px;font-size:clamp(38px,9vw,56px);line-height:1.02}.home-greeting h1 span{color:var(--gold-light)}.home-greeting>p:last-child{color:var(--night-muted);margin:0;font-size:17px}.today-card{background:var(--surface);color:var(--ink);border:1px solid var(--gold-a60);border-radius:var(--radius-lg);grid-template-columns:minmax(0,1fr);gap:0;display:grid;overflow:hidden;box-shadow:0 20px 50px #0000004d,0 0 0 6px #c9a2270f}.today-art{width:min(250px,68%);margin:24px auto 0}.today-text{text-align:center;padding:20px 22px 22px}.today-text .big-btn{margin-top:4px}.today-text h2{margin:0 0 10px;font-size:34px}.today-line{font:500 20px/1.45 var(--display);color:var(--ink);margin:0 0 10px}.today-themes{color:var(--muted);margin:0 0 18px;font-size:13px}.hero-roofs{margin-top:28px}.fx-lamplight{aspect-ratio:1;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#e2c46a40,#e2c46a14 45%,#0000 72%);border-radius:50%;width:80%;position:absolute;top:-30%;right:-20%}.home-body{padding-top:22px}.continue-card{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow);align-items:center;gap:16px;margin-bottom:16px;padding:16px 18px;display:flex}.continue-mark{background:var(--night);width:46px;height:46px;color:var(--gold-light);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.continue-text{flex:1;gap:2px;display:grid}.continue-text .eyebrow{margin:0}.continue-text b{font:600 22px/1.15 var(--display)}.continue-text>small:last-child{color:var(--muted)}.home-places{grid-template-columns:1fr 1fr;gap:12px;display:grid}.place-tile{text-align:left;border-radius:var(--radius-lg);background:var(--surface);justify-items:start;gap:6px;min-height:120px;padding:18px;display:grid}.place-tile>svg{color:var(--gold-ink)}.place-tile b{font:600 21px/1.1 var(--display)}.place-tile small{color:var(--muted);font-size:13px;line-height:1.4}.shelf{margin:8px 0 30px}.shelf-head{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.shelf-head h2{margin:0 0 2px;font-size:30px}.shelf-head p{color:var(--muted);margin:0;font-size:14px}.shelf-head .text-btn{flex-shrink:0;font-size:14px}.shelf-row{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;grid-auto-columns:minmax(150px,40%);grid-auto-flow:column;gap:14px;margin:0 -2px;padding:4px 2px 12px;display:grid;overflow-x:auto}.shelf-card{scroll-snap-align:start;text-align:left;border-radius:var(--radius);background:0 0;border:0;align-content:start;gap:10px;padding:0;display:grid}.shelf-card b{font:600 19px/1.15 var(--display);padding:0 2px}@media (hover:hover){.shelf-card:not(:disabled):hover{background:0 0}.shelf-card:hover b{color:var(--gold-ink)}}.all-themes{text-align:left;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:0 0;border-radius:0;justify-content:space-between;align-items:center;width:100%;padding:18px 4px;display:flex}.all-themes span{gap:2px;display:grid}.all-themes b{font:600 22px/1.1 var(--display)}.all-themes small{color:var(--muted)}@media (width<=380px){.home-places{grid-template-columns:1fr}.place-tile{min-height:0}}.home-hero .sky-moon-mark{top:max(80px,calc(env(safe-area-inset-top) + 72px))}.home-search{width:46px;height:46px;color:var(--on-night);border-color:var(--gold-a50);background:#0c153699;border-radius:50%;place-items:center;padding:0;display:grid}@media (hover:hover){.home-search:not(:disabled):hover{background:var(--night-soft);border-color:var(--gold-light)}}.nudge-card{text-align:left;border:1px solid var(--gold-a60);background:linear-gradient(135deg,var(--surface) 50%,var(--wash));border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow);align-items:center;gap:16px;margin-bottom:16px;padding:16px 18px;display:flex}.nudge-card .continue-mark{box-shadow:0 0 0 1px var(--gold-a50),0 0 18px var(--gold-a33)}.nudge-card>svg:last-child,.continue-card>svg:last-child{color:var(--gold-ink)}.surprise-tile{border-style:dashed;border-color:var(--gold-a60)}.shelf-card .read-mark{margin-top:-6px;padding:0 2px;font-size:12.5px}.all-themes .home-progress{display:inline}.read-mark{color:var(--teal);white-space:nowrap;align-items:center;gap:4px;font-weight:600;display:inline-flex}.eyebrow .read-mark{letter-spacing:.12em}.reader-screen{max-width:760px;padding-bottom:max(32px,env(safe-area-inset-bottom))}.reader-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.reader-count{font:600 13px/1 var(--body);letter-spacing:.12em;color:var(--muted)}.reader-count i{letter-spacing:0;font-style:normal;font-weight:400}.reader-article{touch-action:pan-y}.reader-art{max-width:440px;margin:0 auto 26px}.reader-head{text-align:center;max-width:60ch;margin:0 auto 26px}.reader-head .eyebrow{margin-bottom:12px}.reader-head h1{margin:0 0 18px;font-size:clamp(40px,8vw,58px);line-height:1.02}.reader-tools{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tale-text{font:500 var(--read-size)/1.62 var(--display);max-width:min(100%,calc(var(--read-size) * 28.5));color:var(--ink);-webkit-hyphens:manual;hyphens:manual;text-wrap:pretty;margin:0 auto}.tale-text p{margin:0 0 .85em}.tale-text p:first-child:first-letter{float:left;color:var(--gold-ink);padding:.08em .08em 0 0;font-size:3.1em;font-weight:600;line-height:.8}.tale-end{margin:30px 0 26px}.layers{max-width:min(100%,calc(var(--read-size) * 28.5));gap:14px;margin:0 auto;display:grid}.layer-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);outline-offset:4px;padding:22px 24px 20px;position:relative}.layer-card h2{color:var(--ink);align-items:center;gap:10px;margin:0 0 10px;font-size:26px;display:flex}.layer-card p{font-size:var(--layer-size);color:var(--ink);margin:0;line-height:1.72}.layer-card:before{content:"";background:linear-gradient(90deg,transparent,var(--gold),transparent);border-radius:2px;height:2px;position:absolute;top:-1px;left:24px;right:24px}.layer-points{background:radial-gradient(120% 140% at 85% 0%,var(--night-soft),var(--night) 60%,var(--night-deep));border-color:var(--gold-a50);color:var(--on-night)}.layer-points h2,.layer-points p{color:var(--on-night)}.layer-points h2{color:var(--gold-light)}.layer-tryToday{background:var(--wash);border-style:dashed;border-color:var(--gold-a60)}.layer-tryToday p{font:500 calc(var(--layer-size) * 1.28)/1.5 var(--display)}.layer-next{text-align:left;border-radius:var(--radius-lg);border:1px solid var(--gold-ink);width:100%;color:var(--ink);background:0 0;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:18px 22px;display:grid}.layer-next-step{font:600 11px/1.5 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-ink);grid-column:1}.layer-next b{font:600 25px/1.15 var(--display);grid-column:1}.layer-next small{color:var(--muted);grid-column:1;font-size:14px}.layer-next-icon{color:var(--gold-ink);grid-area:1/2/4}@media (hover:hover){.layer-next:not(:disabled):hover{background:var(--surface);border-color:var(--gold-ink)}}.layer-waiting{color:var(--muted);align-items:center;gap:10px;padding:4px 22px;font-size:14px;display:flex}.reader-actions{max-width:min(100%,calc(var(--read-size) * 28.5));flex-wrap:wrap;justify-content:center;gap:10px;margin:30px auto 8px;display:flex}.action-btn{border-color:var(--line-strong);background:var(--surface);color:var(--ink);border-radius:999px;align-items:center;gap:10px;padding:12px 20px;font-weight:600;display:inline-flex}.action-btn.on{color:var(--gold-ink);border-color:var(--gold-ink)}.action-btn.primary{background:var(--fill);border-color:var(--fill);color:var(--on-fill)}.action-btn.primary:not(:disabled):hover{background:var(--fill-hover);border-color:var(--fill-hover)}.reader-reflections{margin:8px auto 0;font-size:14px;display:flex}.source-line{text-align:center;color:var(--muted);max-width:52ch;margin:26px auto 0;font-size:12.5px;line-height:1.55}.reader-turn{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px;margin-top:34px;padding-top:22px;display:grid}.turn-btn{text-align:left;color:var(--ink);background:0 0;align-items:center;gap:10px;min-width:0;padding:14px;display:flex}.turn-btn span{min-width:0;display:grid}.turn-btn small{letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);font-size:11px;font-weight:600}.turn-btn b{font:600 18px/1.2 var(--display);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.turn-next{text-align:right;justify-content:flex-end}.turn-btn>svg{color:var(--gold-ink)}.reader-meta{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;margin:-6px 0 16px;font-size:14px;display:flex}.deeper{display:grid}.deeper-toggle{text-align:left;border-radius:var(--radius-lg);border:1px solid var(--gold-a60);background:linear-gradient(180deg,var(--surface),var(--wash));width:100%;color:var(--ink);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 18px 14px 14px;display:grid}.deeper-mark{background:var(--night);width:42px;height:42px;color:var(--gold-light);box-shadow:0 0 0 1px var(--gold-a50),0 0 18px var(--gold-a25);border-radius:50%;place-items:center;display:grid}.deeper-text{gap:1px;min-width:0;display:grid}.deeper-text b{font:600 24px/1.15 var(--display)}.deeper-text small{color:var(--muted);font-size:14px;line-height:1.4}.deeper-chevron{color:var(--gold-ink);transition:transform .25s var(--ease)}.deeper.open .deeper-chevron{transform:rotate(180deg)}@media (hover:hover){.deeper-toggle:not(:disabled):hover{border-color:var(--gold-ink);background:linear-gradient(180deg,var(--surface),var(--wash))}}.deeper-body{margin:0 -10px;padding:0 10px;overflow:hidden}.deeper-inner{padding:20px 0 6px}.deeper-heading{font:600 11px/1.5 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-ink);align-items:center;gap:12px;margin:0 0 12px;display:flex}.deeper-heading:after{content:"";background:linear-gradient(90deg,var(--gold-a60),transparent);flex:1;height:1px}.deeper-list{gap:10px;margin:0 0 22px;padding:0;list-style:none;display:grid}.deeper-list:last-child{margin-bottom:4px}.deeper-card{background:var(--surface);border:1px solid var(--line);outline-offset:3px;transition:box-shadow .6s var(--ease);border-radius:16px;align-content:start;gap:8px;padding:14px 18px 16px;display:grid}.deeper-card-head{align-items:center;gap:10px;display:flex}.deeper-icon{background:var(--wash);width:34px;height:34px;color:var(--gold-ink);border:1px solid var(--gold-a40);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.deeper-label{font:600 11px/1.5 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);display:block}.deeper-card p{font-size:calc(var(--layer-size) * .95);color:var(--ink);margin:0;line-height:1.62}.reading-spirit{background:linear-gradient(135deg,var(--surface) 45%,var(--wash));border-color:var(--gold-a40)}.reading-spirit .deeper-icon{background:var(--night);color:var(--gold-light);border-color:var(--gold-a50);box-shadow:0 0 12px var(--gold-a25)}.context-card .deeper-icon{border-style:dashed;border-color:var(--gold-a60);background:0 0}.next-card{width:100%;max-width:min(100%,calc(var(--read-size) * 28.5));text-align:left;border-radius:var(--radius-lg);border:1px solid var(--gold-a60);background:var(--surface);box-shadow:var(--shadow);color:var(--ink);grid-template-columns:96px minmax(0,1fr);align-items:center;gap:18px;margin:34px auto 0;padding:14px 18px 14px 14px;display:grid}.next-art{width:96px;box-shadow:none;padding:5%}.next-text{gap:4px;min-width:0;display:grid}.next-text .eyebrow{margin:0}.next-text b{font:600 24px/1.12 var(--display)}.next-line{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.45;display:-webkit-box;overflow:hidden}.next-go{color:var(--gold-ink);align-items:center;gap:6px;margin-top:4px;font-size:15px;font-weight:600;display:inline-flex}@media (width<=380px){.next-card{grid-template-columns:72px minmax(0,1fr);gap:14px}.next-art{width:72px}}.share-preview{aspect-ratio:1080/1350;background:var(--wash);border:1px solid var(--line);width:min(100%,272px);box-shadow:var(--shadow-lift);border-radius:8px;place-items:center;margin:0 auto 20px;display:grid;overflow:hidden}.share-preview img{object-fit:contain;width:100%;height:100%;display:block}.share-preview.look-night{background:#14204a}.share-making{text-align:center;color:var(--muted);padding:20px;font-size:14px}.share-preview.look-night .share-making{color:#c3cbe0}.share-look-title{margin:0 0 10px}.share-looks{grid-template-columns:1fr 1fr;margin-bottom:18px}.share-actions{gap:10px;display:grid}.share-actions .quiet-btn{width:100%;min-height:52px}.share-status{text-align:center;min-height:1.6em;color:var(--muted);margin:12px 0 0;font-size:14px}.collection-end{max-width:min(100%,calc(var(--read-size) * 28.5));text-align:center;border-radius:var(--radius-lg);background:radial-gradient(120% 140% at 50% 0%,var(--night-soft),var(--night) 60%,var(--night-deep));border:1px solid var(--gold-a50);box-shadow:var(--shadow);color:var(--on-night);margin:30px auto 0;padding:8px 24px 24px}.collection-end h2{color:var(--gold-light);margin:4px 0 10px;font-size:28px}.collection-end p{font-size:var(--layer-size);max-width:46ch;margin:0 auto 18px;line-height:1.7}.collection-end-rule{color:var(--gold-light)}.collection-end-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.collection-end .quiet-btn{border-color:var(--gold-a50);color:var(--gold-light);background:0 0;border-radius:999px;padding:11px 18px}@media (hover:hover){.collection-end .quiet-btn:hover{background:var(--gold-a25)}}.theme-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.theme-row{text-align:left;border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:64px 1fr auto auto;align-items:center;gap:14px;width:100%;padding:10px 14px 10px 10px;display:grid}.theme-art .picture-frame{width:64px;box-shadow:none;padding:5%}.theme-text{gap:2px;min-width:0;display:grid}.theme-text b{font:600 22px/1.15 var(--display)}.theme-text small{color:var(--muted);line-height:1.4}.theme-count{font:600 24px/1 var(--display);color:var(--gold-ink);justify-items:center;display:grid}.theme-count small{font:600 10px/1.4 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.theme-row>svg{color:var(--muted)}.tale-list{gap:10px;display:grid}.tale-row{text-align:left;border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:84px 1fr auto;align-items:center;gap:16px;width:100%;padding:10px 14px 10px 10px;display:grid}.tale-row-art{width:84px;box-shadow:none;padding:5%}.tale-row-text{gap:4px;min-width:0;display:grid}.tale-row-text b{font:600 23px/1.12 var(--display)}.tale-row-line{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.tale-row-meta{color:var(--gold-ink);flex-wrap:wrap;gap:4px 12px;font-size:12px;font-weight:600;display:flex}.tale-row-flag{align-items:center;gap:4px;display:inline-flex}.tale-row-arrow{color:var(--muted)}.theme-names{font-weight:inherit}@media (width<=380px){.tale-row{grid-template-columns:64px 1fr auto;gap:12px}.tale-row-art{width:64px}.theme-row{grid-template-columns:52px 1fr auto}.theme-art .picture-frame{width:52px}.theme-row>svg{display:none}}.find-row{flex-wrap:wrap;gap:10px;margin:0 0 18px;display:flex}.find-btn,.chip{border-color:var(--line-strong);background:var(--surface);color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:15px;font-weight:600;display:inline-flex}.find-btn>svg,.chip>svg{color:var(--gold-ink)}.quiet-progress{color:var(--muted);align-items:center;gap:6px;margin:0 0 14px;font-size:14px;display:flex}.quiet-progress svg{color:var(--teal)}.theme-text .theme-read{color:var(--teal);font-size:12.5px;font-weight:600}.search-form{max-width:560px;margin-top:18px;position:relative}.search-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-field{border:1px solid var(--gold-a60);background:var(--surface);min-height:54px;color:var(--ink);border-radius:999px;padding:12px 18px 12px 48px;font-size:17px;box-shadow:0 10px 30px #0000002e}.search-field:focus-visible{outline-color:var(--gold-light)}.search-intro{color:var(--muted);margin-bottom:14px;line-height:1.6}.search-chips{flex-wrap:wrap;gap:8px;display:flex}.search-shelves{margin-bottom:18px}.search-shelves .panel-title{margin-bottom:10px}.result-count{min-height:1.5em;font:600 12px/1.5 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.result-list,.area-list,.context-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.result-row{text-align:left;border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:72px minmax(0,1fr);align-items:start;gap:14px;width:100%;padding:12px 16px 12px 12px;display:grid}.result-art{width:72px;box-shadow:none;padding:5%}.result-text{gap:5px;min-width:0;display:grid}.result-text b{font:600 22px/1.12 var(--display)}.result-snippet{color:var(--muted);font-size:15px;line-height:1.5}.result-snippet mark{background:var(--gold-a33);color:var(--ink);border-radius:3px;padding:0 2px;font-weight:600}.search-empty h2{font-size:30px}.surprise-card{text-align:left;border-radius:var(--radius-lg);border:1px dashed var(--gold-a60);width:100%;color:var(--ink);background:0 0;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:14px;margin-top:26px;padding:16px 18px;display:grid}.surprise-card>svg{color:var(--gold-ink);grid-row:1/3}.surprise-card b{font:600 22px/1.15 var(--display)}.surprise-card small{color:var(--muted)}.area-row{text-align:left;border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:12px 16px 12px 12px;display:grid}.area-icon{background:var(--night);width:52px;height:52px;color:var(--gold-light);box-shadow:0 0 0 1px var(--gold-a50);border-radius:50%;place-items:center;display:grid}.area-text{gap:2px;min-width:0;display:grid}.area-text b{font:600 22px/1.15 var(--display)}.area-text small{color:var(--muted);line-height:1.4}.context-row{text-align:left;border-radius:var(--radius-lg);background:var(--surface);gap:10px;width:100%;padding:14px 18px 16px 14px;display:grid}.context-row-head{align-items:center;gap:12px;display:flex}.context-art{width:52px;box-shadow:none;flex-shrink:0;padding:3px}.context-row-head b{font:600 21px/1.15 var(--display)}.context-row-text{font:500 calc(var(--layer-size) * 1.14)/1.5 var(--display);color:var(--ink)}.context-row-go{color:var(--gold-ink);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.journal-list{gap:12px;margin:0 0 24px;padding:0;list-style:none;display:grid}.journal-card{text-align:left;border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:64px 1fr;align-items:start;gap:16px;width:100%;padding:14px 16px 16px 14px;display:grid}.journal-art{width:64px;box-shadow:none;padding:5%}.journal-card-text{gap:4px;min-width:0;display:grid}.journal-date{font:600 11px/1.5 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)}.journal-card-text b{font:600 22px/1.15 var(--display)}.journal-excerpt{color:var(--muted);white-space:pre-line;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.backup>summary{font-size:17px}.backup>summary small{font-size:13px}.backup .body-copy{margin-top:8px;font-size:14px}.backup-actions{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.backup-actions>*{flex:1;min-width:170px}.backup-status{color:var(--teal);margin:12px 0 0;font-size:14px;line-height:1.6}.backup-preview{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--paper);margin-top:16px;padding:16px}.backup-preview h3{margin:0 0 8px;font-size:24px}.backup-preview p{color:var(--muted);margin:0 0 8px;font-size:14px;line-height:1.6}.backup-filename{word-break:break-all;font-weight:600;color:var(--ink)!important}.panel .backup{background:0 0;border:0;margin:0;padding:0}.write-layout{gap:22px;display:grid}.write-prompt{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);grid-template-columns:96px 1fr;align-items:start;gap:4px 16px;padding:14px;display:grid}.write-art{width:96px;box-shadow:none;grid-row:1/3;padding:5%}.write-prompt .eyebrow{margin:4px 0 0}.write-try{font:500 20px/1.4 var(--display);color:var(--ink);margin:0}.write-label{font:600 24px/1.2 var(--display);margin-bottom:10px;display:block}.write-field{background:var(--surface);border-color:var(--line-strong);min-height:min(46vh,380px);padding:16px 18px;line-height:1.6;font:500 var(--read-size)/1.6 var(--display)!important}.write-count{color:var(--muted);margin:8px 0 14px;font-size:13px}.write-actions{flex-wrap:wrap;gap:10px;display:flex}.write-actions .big-btn{flex:1;min-width:200px}.draft-note{border-radius:var(--radius);background:var(--teal-wash);color:var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:16px;padding:12px 16px;display:flex}.draft-note p{margin:0}.welcome{z-index:900;isolation:isolate;background:radial-gradient(110% 80% at 50% 18%,var(--night-soft),var(--night) 55%,var(--night-deep));color:var(--on-night);--paper:var(--night-deep);flex-direction:column;display:flex;position:fixed;inset:0}.welcome-sky{opacity:.9}.welcome-scroll{padding:max(16px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 0 max(24px,env(safe-area-inset-left));flex-direction:column;flex:1;display:flex;overflow:auto}.welcome-top,.welcome-step,.welcome-foot{width:100%;max-width:560px;margin:0 auto}.welcome-top{justify-content:space-between;align-items:center;min-height:48px;display:flex}.welcome-steps{gap:8px;display:flex}.welcome-steps .star-mark{stroke:var(--gold-a60)}.welcome-steps .star-mark.on{fill:var(--gold);stroke:var(--gold-light)}.welcome-steps .star-mark-heart{fill:var(--night)}.welcome button{font-weight:600}.welcome-skip{border-color:var(--gold-a50);color:var(--on-night);background:0 0;padding:8px 16px}.welcome-step{flex-direction:column;flex:1;justify-content:center;padding:24px 0;display:flex}.welcome-crown{justify-items:center;gap:12px;margin-bottom:26px;display:grid;position:relative}.welcome-glow{z-index:-1;background:radial-gradient(closest-side,#e2c46a33,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;top:-10%;left:50%;transform:translate(-36%)}.welcome h1{color:var(--on-night);text-align:center;margin:0 0 16px;font-size:clamp(36px,8vw,50px)}.welcome h1:focus{outline:none}.welcome-step-0 h1{color:var(--gold-light);font-size:clamp(28px,6vw,36px)}.welcome-lead{font:500 21px/1.55 var(--display);color:var(--on-night);text-align:center;max-width:34ch;margin:0 auto 22px}.welcome-layers{gap:10px;margin:0 0 18px;padding:0;list-style:none;display:grid}.welcome-layers li{border:1px solid var(--gold-a40);border-radius:var(--radius);background:#0c153680;align-items:center;gap:14px;padding:14px 16px;display:flex}.welcome-layer-step{border:1px solid var(--gold);width:32px;height:32px;color:var(--gold-light);font:600 16px/1 var(--display);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.welcome-layers b{font:600 21px/1.15 var(--display);display:block}.welcome-layers small{color:var(--night-muted)}.welcome-note{text-align:center;color:var(--night-muted);margin:0;font-size:15px}.welcome-points{gap:12px;max-width:380px;margin:0 auto;padding:0;list-style:none;display:grid}.welcome-points li{color:var(--on-night);align-items:center;gap:12px;display:flex}.welcome-points .star-mark{fill:var(--gold);stroke:var(--gold-light)}.welcome-points .star-mark-heart{fill:var(--night)}.welcome-foot{gap:8px;padding:12px 0 18px;display:grid}.welcome-primary{color:#0b1433;border-radius:var(--radius);background:linear-gradient(#f0d37e,#d4af4a);border:0;justify-content:center;align-items:center;gap:10px;min-height:54px;font-size:17px;display:flex}.welcome-primary .icon{color:#0b1433}.welcome-secondary{justify-content:space-between;display:flex}.welcome-text{color:var(--night-muted);background:0 0;border:0}.welcome-roofs{flex-shrink:0}.welcome-roofs .roof{fill:var(--night-deep)}@media (hover:hover){.welcome :is(.welcome-skip,.welcome-text):not(:disabled):hover{border-color:var(--gold-light);color:var(--on-night);background:#ffffff14}.welcome-primary:not(:disabled):hover{background:linear-gradient(#f7e3a2,#e2c46a)}}@media (orientation:landscape) and (height<=520px){.welcome-crown .app-icon{width:88px;height:88px}.welcome-step{padding:8px 0}.welcome-lead{margin-bottom:12px;font-size:18px}}@media (width>=760px){.screen{max-width:880px;padding-left:max(40px,env(safe-area-inset-left));padding-right:max(40px,env(safe-area-inset-right))}.home-hero>:not(.night-sky,.fx-twinkles,.fx-lamplight,.hero-roofs){margin-inline:max(40px,env(safe-area-inset-left))}.page-band-inner{padding-inline:max(40px,env(safe-area-inset-left))}.home-greeting{padding:44px 0 34px}.today-card{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:stretch}.today-art{align-self:center;width:auto;margin:28px 0 28px 28px}.today-text{text-align:left;flex-direction:column;justify-content:center;padding:30px 32px;display:flex}.today-text h2{font-size:42px}.today-line{font-size:22px}.today-read{align-self:flex-start;width:auto;padding-inline:28px}.shelf-row{grid-auto-columns:minmax(170px,22%)}.theme-list,.tale-list,.journal-list{grid-template-columns:1fr 1fr;gap:14px}.tale-row{grid-template-columns:96px 1fr auto}.tale-row-art{width:96px}.page-columns{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.page-columns>.panel{margin:0}:is(.page-columns>.about,.page-columns>.panel:has(.backup)){grid-column:1/-1}.write-layout{grid-template-columns:240px 1fr;align-items:start}.write-prompt{grid-template-columns:1fr;position:sticky;top:24px}.write-art{grid-row:auto;width:100%}.reader-screen{max-width:860px}.reader-art{max-width:400px}.layer-card{padding:26px 30px 24px}.bottom-nav button{font-size:13px}.home-places{grid-template-columns:repeat(4,minmax(0,1fr))}.result-list,.area-list,.context-list{grid-template-columns:1fr 1fr;gap:14px}.deeper-contexts{grid-template-columns:1fr 1fr}.deeper-contexts>li:last-child:nth-child(odd),.result-list>li:last-child:nth-child(odd),.context-list>li:last-child:nth-child(odd){grid-column:1/-1}.deeper-toggle{padding:16px 22px 16px 16px}.next-card{grid-template-columns:120px minmax(0,1fr);gap:22px;padding:16px 22px 16px 16px}.next-art{width:120px}.share-sheet{width:min(100%,600px)}.share-preview{width:min(100%,320px)}}@media (width>=1100px) and (orientation:landscape){.reader-article{grid-template-columns:minmax(0,380px) minmax(0,1fr);column-gap:48px;display:grid}.reader-art{grid-area:1/1/4;align-self:start;margin:0;position:sticky;top:24px}.reader-article>:not(.reader-art){grid-column:2}.reader-head{text-align:left;margin-left:0}.reader-tools{justify-content:flex-start}.tale-text,.layers,.reader-actions,.source-line{margin-left:0}.reader-actions,.reader-meta{justify-content:flex-start}.source-line{text-align:left}.next-card,.reader-turn{margin-left:428px}}:root{--fx-star:polygon(50.0% 0.0%,58.0% 30.6%,85.4% 14.6%,69.4% 42.0%,100.0% 50.0%,69.4% 58.0%,85.4% 85.4%,58.0% 69.4%,50.0% 100.0%,42.0% 69.4%,14.6% 85.4%,30.6% 58.0%,0.0% 50.0%,30.6% 42.0%,14.6% 14.6%,42.0% 30.6%);--fx-token-ink:var(--gold-ink)}:root[data-theme=night]{--fx-token-ink:var(--gold-light)}@keyframes fx-fade-in{0%{opacity:0}}@keyframes fx-rise{0%{opacity:0;transform:translateY(12px)}}html[data-hidden=true] :is(.fx-twinkles i,.fx-lamplight,.welcome-glow){animation-play-state:paused!important}html[data-fx=full] .home-hero :is(.hero-stars,.fx-twinkles){will-change:transform;transform:scale(1.04)}.fx-twinkles{z-index:-1;pointer-events:none;position:absolute;inset:0 0 30%;overflow:hidden}.fx-twinkles i{width:18px;height:18px;clip-path:var(--fx-star);opacity:0;background:radial-gradient(closest-side,#f6f0e1,#e2c46a 35%,#0000);margin:-9px 0 0 -9px;position:absolute}html:not([data-fx=full]) .fx-twinkles{display:none}html[data-fx=full] .fx-twinkles i{animation:6s ease-in-out infinite fx-twinkle}@keyframes fx-twinkle{0%,to{opacity:0;transform:scale(.4)rotate(0)}50%{opacity:.8;transform:scale(1)rotate(22.5deg)}}html[data-fx=off] .fx-lamplight{display:none}html[data-fx=full] :is(.fx-lamplight,.welcome-glow){will-change:opacity;animation:7s ease-in-out infinite fx-lamp}@keyframes fx-lamp{0%,to{opacity:.65}50%{opacity:1}}html[data-fx=full] main.screen{animation:.3s ease-out fx-fade-in}html[data-fx=reduced] main.screen{animation:.2s ease-out fx-fade-in}html[data-fx=full] :is(.today-card,.continue-card,.nudge-card,.home-places>*,.shelf,.theme-list>li,.tale-list>*,.journal-list>li,.page-columns>.panel,.area-list>li,.context-list>li){animation:.5s cubic-bezier(.2,.7,.2,1) backwards fx-rise}:is(.home-places,.theme-list,.tale-list,.journal-list,.page-columns,.area-list,.context-list)>:nth-child(2){animation-delay:50ms}:is(.home-places,.theme-list,.tale-list,.journal-list,.page-columns,.area-list,.context-list)>:nth-child(3){animation-delay:.1s}:is(.home-places,.theme-list,.tale-list,.journal-list,.page-columns,.area-list,.context-list)>:nth-child(4){animation-delay:.15s}:is(.home-places,.theme-list,.tale-list,.journal-list,.page-columns,.area-list,.context-list)>:nth-child(n+5){animation-delay:.2s}html[data-fx=full] .today-card{animation-delay:80ms}html[data-fx=full] .layer-card:before{animation:1.4s ease-out both fx-edge}@keyframes fx-edge{0%{opacity:0;transform:scaleX(.2)}40%{opacity:1}to{opacity:1;transform:scaleX(1)}}html[data-fx=full] .layer-next{transition:background .2s,border-color .2s,transform .2s}html[data-fx=full] .layer-next:not(:disabled):active{transform:scale(.99)}.deeper-target{box-shadow:0 0 0 2px var(--gold),0 0 0 7px var(--gold-a25)}html[data-fx=full] .deeper-target{animation:2.4s ease-out both fx-glow}@keyframes fx-glow{0%{box-shadow:0 0 0 0 var(--gold-a60)}30%{box-shadow:0 0 0 2px var(--gold),0 0 28px 8px var(--gold-a40)}to{box-shadow:0 0 0 2px var(--gold),0 0 0 7px var(--gold-a25)}}html[data-fx=full] .deeper:not(.open) .deeper-mark{animation:7s ease-in-out infinite fx-lamp}html:not([data-fx=off]) .bottom-nav button:active svg{transform:scale(.9)}.bottom-nav button svg{transition:transform .2s var(--ease)}