.clock-readout{flex-direction:column;align-items:center;width:100%;display:flex}.living-world{border-radius:inherit;color:#fff8e5;background:#111f35;position:absolute;inset:0;overflow:hidden}.living-world canvas{width:100%;height:100%;display:block}.clock-instrument.is-living{isolation:isolate;background:#111f35;border-color:#40576c;height:clamp(610px,78vh,820px);padding:0;position:relative;overflow:hidden}.is-living .clock-readout{z-index:1;pointer-events:none;color:#fff8e5;text-shadow:0 2px 24px #08152699;padding:0 16px;position:absolute;top:70px;left:0}.is-living .clock-readout .hero-time{letter-spacing:-.065em;font-size:clamp(2.2rem,6.5vw,5.3rem);font-weight:450}.is-living .clock-readout .milliseconds{color:#f7e6c9}.is-living .hero-date{margin-top:10px;font-size:.92rem;font-weight:500}.is-living .zone-line{color:#f4e9d8;font-size:.73rem}.is-living .instrument-kicker,.is-living .clock-readout .tool-note,.is-living .clock-guide,.is-living .analog-wrap{display:none!important}.is-living .control-row{z-index:3;gap:6px;margin:0;position:absolute;bottom:15px;left:12px;right:12px}.is-living .control-row>:not([data-action=living]):not([data-action=wake]):not([data-action=fullscreen]){display:none}.is-living .chip,.living-world button,.living-explore summary{color:#fff2d8;backdrop-filter:blur(12px);background:#0d2038c9;border:1px solid #f7e8c53d;font-size:.78rem}.is-living .chip:hover,.living-world button:hover{color:#fff;background:#29475de6}.is-living .chip.is-active{color:#253442;background:#f1dbab;border-color:#f1dbab}.is-living .chip:focus-visible,.living-world button:focus-visible,.living-explore summary:focus-visible{outline-offset:3px;outline:3px solid #ffd384}.living-heading{z-index:1;text-shadow:0 1px 8px #10233d;justify-content:space-between;align-items:center;gap:12px;font-size:.68rem;display:flex;position:absolute;top:22px;left:24px;right:24px}.living-wordmark{letter-spacing:.23em;font-weight:700}.living-phase{letter-spacing:.03em}.living-bottom{z-index:2;justify-content:space-between;align-items:end;gap:16px;display:flex;position:absolute;bottom:75px;left:24px;right:24px}.living-legend{text-align:left;text-shadow:0 1px 6px #0b2435;gap:22px;display:flex}.living-legend>span{grid-template-columns:8px auto;align-items:center;column-gap:7px;display:grid}.living-legend i{background:#fbd996;border-radius:50%;width:6px;height:6px}.living-legend .legend-sky{background:#b6dfe1}.living-legend .legend-boat{background:#f5ad95}.living-legend b{font-size:.72rem;font-weight:550}.living-legend small{color:#e4e5d7;white-space:nowrap;grid-column:2;font-size:.64rem}.living-explore{text-align:right;position:relative}.living-explore summary{cursor:pointer;border-radius:14px;min-height:44px;padding:10px 14px}.living-explore[open]{background:#102a40f2;border-radius:16px;padding:6px}.living-presets{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:6px;display:grid}.living-world button{cursor:pointer;border-radius:10px;min-height:44px;padding:6px 10px}.living-explore p{color:#e4e5d7;max-width:260px;margin:6px 4px;font-size:.65rem}.living-preview-state{z-index:2;color:#ffdfa2;background:#10283df2;border-radius:14px;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 24px);padding:4px 4px 4px 12px;font-size:.72rem;display:flex;position:absolute;top:196px;left:50%;transform:translate(-50%)}.is-living[data-preview=true] .clock-readout:after{content:"PREVIEW";letter-spacing:.16em;color:#ffdda2;margin-top:5px;font-size:.6rem}.is-living [data-status]:not(:empty){z-index:4;color:#fff3d9;background:#10283df2;border-radius:12px;padding:8px 16px;position:absolute;top:240px}.clock-instrument.is-living:fullscreen{border-radius:0;height:100dvh}.clock-instrument.is-living:fullscreen .control-row>[data-action=living],.clock-instrument.is-living:fullscreen .control-row>[data-action=wake]:not([hidden]){display:inline-block}.clock-instrument.is-living:fullscreen .clock-readout{top:max(70px,7vh)}.clock-instrument.is-living:fullscreen .hero-time{font-size:clamp(2.5rem,6.5vw,6.5rem)}.clock-instrument.is-living:fullscreen .hero-date{font-size:1rem}.clock-instrument.is-living:fullscreen .zone-line{font-size:.75rem}@media (width<=580px){.clock-instrument.is-living{height:560px}.is-living .clock-readout{top:76px}.is-living .clock-readout .hero-time{font-size:clamp(1.9rem,9vw,3rem)}.living-heading{font-size:.59rem;left:15px;right:15px}.living-bottom{flex-direction:column;align-items:center;gap:15px;bottom:76px;left:12px;right:12px}.living-legend{gap:17px}.living-explore{text-align:center}.living-preview-state{gap:4px;font-size:.66rem;top:185px}.is-living .chip{white-space:normal;min-width:0;min-height:44px;padding:8px 5px;font-size:.72rem;line-height:1.25}.is-living .control-row{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.living-explore[open]{z-index:3;position:absolute;bottom:0}.living-explore[open] summary{border:0}}@media (orientation:landscape) and (height<=600px){.clock-instrument.is-living:fullscreen .clock-readout{align-items:flex-start;width:auto;top:42px;left:18px}.clock-instrument.is-living:fullscreen .hero-time{font-size:2.3rem}.clock-instrument.is-living:fullscreen .hero-date{margin-top:4px;font-size:.72rem}.clock-instrument.is-living:fullscreen .living-bottom{bottom:68px}.clock-instrument.is-living:fullscreen .living-heading{top:12px}.clock-instrument.is-living:fullscreen .living-preview-state{top:135px;left:18px;transform:none}}.word-clock{color:#fff2d8;background:radial-gradient(at 50% 52%,#42646755,#0000 60%),linear-gradient(#193747,#17343d 48%,#091d2e);position:absolute;inset:0;container-type:size}.is-living.is-words .living-world canvas{display:none}.is-living.is-words .clock-readout{top:58px}.is-living.is-words .clock-readout .hero-time{letter-spacing:-.04em;font-size:clamp(1.7rem,3.4vw,2.6rem)}.is-living.is-words .hero-date{margin-top:5px;font-size:.78rem}.is-living.is-words .zone-line{font-size:.67rem}.word-face{--face-size:min(390px, 60cqw, calc(100cqh - 300px));flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:165px 0 135px}.word-face [data-word-period]{letter-spacing:.2em;color:#b6ceca;font-size:.6rem;position:absolute;top:-26px}.word-face [data-word-hour],.word-face [data-word-minute],.word-face small{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.word-grid{width:var(--face-size);height:var(--face-size);background:#0b233280;border:1px solid #c9dfce40;border-radius:18px;flex-shrink:0;grid-template-columns:repeat(6,minmax(0,1fr));padding:18px;display:grid;position:relative;box-shadow:0 16px 40px #03131f30,inset 0 1px #efffe80d}.word-grid span{color:#74908e;font-family:Malgun Gothic,sans-serif;font-size:calc(var(--face-size) / 13);justify-content:center;align-items:center;font-weight:400;display:flex}.word-grid span.lit{color:#fff2cf;text-shadow:0 0 12px #ffe2a580}.word-grid-en{grid-template-rows:repeat(16,minmax(0,1fr));grid-template-columns:repeat(18,minmax(0,1fr))}.word-grid-en span{font-family:ui-monospace,Consolas,monospace;font-size:calc(var(--face-size) / 27);font-weight:500}.word-grid:after{content:attr(data-phrase);text-align:center;color:#eddfc1;letter-spacing:.1em;font-size:.65rem;line-height:1.5;position:absolute;top:calc(100% + 18px);left:-20px;right:-20px}.word-face svg{width:calc(var(--face-size) + 12px);height:calc(var(--face-size) + 12px);pointer-events:none;position:absolute;overflow:visible}.word-track,.word-progress{fill:none;stroke:#c9dfce18;stroke-width:1px}.word-progress{stroke:#f1dbab;stroke-width:2px;stroke-linecap:round}.living-presets button[aria-pressed=true]{color:#253442;background:#f1dbab}.living-explore summary:hover,.living-scenes summary:hover{background:#29475de6}@media (width<=580px){.clock-instrument.is-living.is-words{height:650px}.is-living.is-words .clock-readout{top:60px}.is-words .living-heading{align-items:flex-start}.is-words .living-phase{text-align:right;max-width:46%}.word-face{--face-size:min(280px, calc(100cqw - 44px), calc(100cqh - 390px));inset:180px 0 215px}.is-words .living-legend{gap:12px}.is-words .living-legend small{font-size:.58rem}.is-living.is-words .living-preview-state{max-width:calc(100% - 112px);top:104px;left:12px;transform:none}.is-words .living-preview-state>span{max-width:130px}}@media (orientation:landscape) and (height<=600px){.clock-instrument.is-living.is-words:fullscreen .word-face{--face-size:min(300px, calc(100cqh - 155px), 40cqw);inset:50px 0 105px}.clock-instrument.is-living.is-words:fullscreen .clock-readout{align-items:flex-start;width:24%;top:55px;left:20px}.clock-instrument.is-living.is-words:fullscreen .hero-time{font-size:1.5rem}.clock-instrument.is-living.is-words:fullscreen .living-preview-state{top:155px}}.clock-instrument.is-living.is-words:fullscreen{height:100dvh}.living-heading{text-align:left;flex-wrap:wrap;justify-content:flex-start;gap:6px 18px;right:205px}.living-wordmark{text-transform:uppercase}.living-phase{color:#e3e8df}.scene-library-trigger{z-index:5;align-items:center;gap:9px;display:flex;position:absolute;top:16px;right:18px}.scene-total{opacity:.7;font-variant-numeric:tabular-nums;border-left:1px solid #e6efd13d;padding-left:9px}.is-living.is-words .clock-readout,.is-living.is-illustration .clock-readout{top:74px}.is-living.is-illustration .clock-readout .hero-time{font-size:clamp(2rem,4vw,3.3rem)}.is-living.is-illustration .hero-date{margin-top:5px;font-size:.78rem}.is-living.is-illustration .zone-line{font-size:.67rem}.is-living.is-words .living-preview-state{top:108px}.scene-library{box-sizing:border-box;color:#27352e;text-align:left;overscroll-behavior:contain;color-scheme:light;background:#f4f4ed;border:1px solid #d5dbd0;border-radius:24px;width:min(920px,100vw - 40px);max-width:none;max-height:min(860px,100dvh - 48px);margin:auto;padding:28px;box-shadow:0 32px 100px #0006}.scene-library::backdrop{backdrop-filter:blur(8px);background:#081622aa}.scene-library-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.scene-library-heading p{letter-spacing:.18em;color:#60735f;margin:0 0 7px;font-size:.62rem}.scene-library-heading h2{letter-spacing:-.035em;margin:0;font-family:Georgia,Malgun Gothic,serif;font-size:clamp(1.6rem,4vw,2.25rem);font-weight:400}.scene-library-intro{color:#627063;margin:12px 0 22px;font-size:.83rem;line-height:1.6}.scene-library button{color:#334536;backdrop-filter:none;background:#fffef8;border-color:#d7ddcf}.scene-library button:hover{color:#213c2c;background:#e7ecdf}.scene-library button:focus-visible,.scene-search input:focus-visible{outline-offset:3px;outline:3px solid #567356}.scene-search{gap:7px;font-size:.7rem;font-weight:600;display:grid}.scene-search input{color:#253728;width:100%;min-width:0;font:inherit;background:#fffef8;border:1px solid #c8d1c2;border-radius:12px;padding:13px 16px;font-size:.85rem}.scene-categories{flex-wrap:wrap;gap:7px;margin:16px 0 8px;display:flex}.scene-categories button{border-radius:999px;padding:8px 15px}.scene-categories button[aria-pressed=true]{color:#fffcef;background:#36573f;border-color:#36573f}.scene-results{color:#63715e;min-height:1.5em;margin:14px 0;font-size:.7rem}.scene-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.scene-card{min-width:0;position:relative}.scene-library .scene-card-select{text-align:left;border:1px solid #d4dccb;border-radius:16px;width:100%;height:100%;padding:0;display:block;overflow:hidden}.scene-library .scene-card-select[aria-pressed=true]{border-color:#567454;box-shadow:0 0 0 2px #567454}.scene-artwork{color:#ffe5ac;place-items:center;height:132px;display:grid;overflow:hidden}.scene-artwork>span{text-shadow:0 5px 20px #06182966;font-family:Georgia,serif;font-size:3.7rem}.scene-artwork-isle{background:radial-gradient(at 50% 68%,#bbbc87 0 24%,#0000 25%),linear-gradient(#728eaa 48%,#4b8691 49%)}.scene-artwork-aquarium{background:radial-gradient(at 50% 140%,#66bcb670,#0000 65%),linear-gradient(#123a55,#0a626f)}.scene-artwork-words{background:radial-gradient(#426467,#122a38)}.scene-artwork-study{background:#514839 url(/scenes/quiet-study/thumbnail.webp) 50% 48%/cover}.scene-artwork-study>span{visibility:hidden}.scene-card-copy{gap:8px;padding:16px;display:grid}.scene-card-copy strong{font-size:.88rem;font-weight:650}.scene-card-copy>span{color:#647060;min-height:3em;font-size:.73rem;line-height:1.5}.scene-card-copy small{color:#456542;font-size:.67rem}.scene-library .scene-favorite{background:#fffcefec;border-radius:50%;min-width:44px;padding:4px;font-size:1.1rem;position:absolute;top:8px;right:8px}.scene-library .scene-favorite[aria-pressed=true]{color:#85611b;background:#ffefbe}.scene-library-footer{color:#667360;justify-content:space-between;align-items:center;gap:18px;padding-top:22px;font-size:.67rem;display:flex}.scene-empty{text-align:center;color:#4b5b48;padding:36px 12px}.scene-empty p{font-size:.8rem}@media (width<=720px){.scene-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-library{padding:22px}}@media (width<=580px){.living-heading{flex-direction:column;align-items:flex-start;gap:5px;top:20px;left:15px;right:152px}.is-words .living-phase,.living-phase{text-align:left;max-width:none;font-size:.58rem}.scene-library-trigger{gap:6px;top:15px;right:12px}.living-world .scene-library-trigger{padding:6px 9px;font-size:.69rem}.scene-total{padding-left:6px}.is-living.is-words .clock-readout,.is-living.is-illustration .clock-readout{top:74px}.clock-instrument.is-living.is-illustration{height:680px}.is-illustration .living-legend{gap:12px}.is-illustration .living-legend small{font-size:.56rem}.is-living.is-illustration .living-preview-state,.is-living.is-words .living-preview-state{width:max-content;max-width:calc(100% - 24px);top:110px;left:50%;transform:translate(-50%)}.scene-library{border-radius:20px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:18px 14px}.scene-cards{gap:10px}.scene-card-copy{padding:12px}.scene-card-copy strong{font-size:.78rem}.scene-card-copy>span{min-height:4.5em;font-size:.68rem}.scene-artwork{height:112px}.scene-categories{gap:5px}.scene-categories button{padding:6px 10px;font-size:.69rem}.scene-library-footer{align-items:flex-start}}.clock-instrument.is-living.is-illustration:fullscreen{height:100dvh}@media (prefers-reduced-motion:no-preference){.scene-card-select{transition:border-color .15s,box-shadow .15s}}.scene-library[open]{flex-direction:column;display:flex;overflow:hidden}.scene-library>:not(.scene-cards){flex-shrink:0}.scene-cards{overscroll-behavior:contain;min-height:0;margin:-3px;padding:3px;overflow-y:auto}@media (height<=600px){.scene-library{max-height:calc(100dvh - 16px);padding:16px}.scene-library-intro{display:none}.scene-library-heading h2{font-size:1.4rem}.scene-library-heading p{display:none}.scene-search{margin-top:10px}.scene-search>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.scene-categories{margin-top:8px}.scene-results{margin:5px 0 8px}.scene-library-footer{padding-top:10px}}.word-face [data-word-period]{clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.scene-artwork-garden{background:radial-gradient(at 50% 62%,#e5c6eb 0 5%,#99c6b7 6% 9%,#234c4a 10% 26%,#609380 27% 30%,#0000 31%),linear-gradient(#192e4c,#406474)}.scene-artwork-rainlight{background:#233c47 url(/scenes/rainlight/thumbnail.webp) 50%/cover}.scene-artwork-conservatory{background:#1b343b url(/scenes/moonlit-conservatory/thumbnail.webp) 50%/cover}