.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}}.living-scenes{z-index:4;text-align:right;position:absolute;top:43%;right:14px}.living-scenes summary{cursor:pointer;color:#fff2d8;background:#10283ddd;border:1px solid #c9e4de40;border-radius:14px;min-height:44px;padding:10px 12px;font-size:.72rem}.living-scenes>div{background:#10283df2;border-radius:14px;gap:5px;margin-top:5px;padding:6px;display:grid}.living-scenes button[aria-pressed=true]{color:#253442;background:#f1dbab}.living-scenes summary:focus-visible{outline-offset:3px;outline:3px solid #ffd384}@media (width<=580px){.living-scenes{top:36%;right:10px}}.word-clock{color:#f1ebdf;background:radial-gradient(at 50% 42%,#252a2c,#13191c 75%);position:absolute;inset:0}.word-clock svg{aspect-ratio:1;width:min(78%,440px);height:auto;max-height:calc(100% - 170px);position:absolute;top:45%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.word-track,.word-progress{fill:none;stroke:#e8dfcc18;stroke-width:1px}.word-progress{stroke:#c5ad82;stroke-width:1.5px;transform-origin:200px 200px;stroke-linecap:round;transform:rotate(-90deg)}.word-face{text-align:center;flex-direction:column;align-items:center;gap:17px;display:flex;position:absolute;top:45%;left:8%;right:8%;transform:translateY(-50%)}.word-face [data-word-period]{letter-spacing:.24em;color:#b9ac96;font-size:.75rem}.word-face strong{letter-spacing:.04em;font-family:Georgia,Malgun Gothic,serif;font-size:clamp(2rem,7vw,4.5rem);font-weight:400;line-height:1.3}.word-face [data-word-minute]{letter-spacing:.12em;font-size:clamp(.9rem,2.8vw,1.5rem);font-weight:300}.word-face small{letter-spacing:.25em;color:#b0aba1;margin-top:20px;font-size:.58rem}.is-words .living-world canvas,.is-words .living-legend,.is-words .clock-readout{display:none!important}.is-words .living-bottom{justify-content:flex-end}.is-words .living-scenes{top:auto;bottom:130px}.is-words .living-preview-state{top:auto;bottom:185px}@media (width<=580px){.word-face{gap:12px}.is-words .living-scenes{top:auto;bottom:130px}}.word-clock svg{display:none}.word-face{gap:12px;top:44%}.word-face [data-word-hour],.word-face [data-word-minute]{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.word-face small{display:none}.word-grid{aspect-ratio:1;background:#191d1f;border:8px solid #a68b62;outline:1px solid #ddc79b;grid-template-columns:repeat(6,1fr);width:min(76vw,350px);padding:18px;display:grid;box-shadow:inset 0 0 20px #0008,0 12px 30px #0005}.word-grid span{color:#44494b;justify-content:center;align-items:center;font-family:Malgun Gothic,sans-serif;font-size:clamp(1.25rem,4.5vw,2.3rem);font-weight:300;display:flex}.word-grid span.lit{color:#fff5e1;text-shadow:0 0 12px #fff0c544}.word-grid-en{grid-template-columns:repeat(5,1fr);gap:5px;width:min(78vw,440px);padding:12px}.word-grid-en span{letter-spacing:.02em;font-family:Arial,sans-serif;font-size:clamp(.45rem,1.2vw,.7rem)}@media (height<=600px) and (orientation:landscape){.word-grid{width:220px;padding:10px}.word-grid span{font-size:1.3rem}.word-grid-en span{font-size:.45rem}}.word-grid-en{grid-template-rows:repeat(16,minmax(0,1fr));grid-template-columns:repeat(18,minmax(0,1fr));gap:0;width:min(78vw,440px);padding:15px}.word-grid-en span{letter-spacing:0;font-family:ui-monospace,Consolas,monospace;font-size:clamp(.6rem,1.65vw,1rem);font-weight:500}@media (height<=600px) and (orientation:landscape){.word-grid-en{width:240px;padding:8px}.word-grid-en span{font-size:.55rem}}