:root{color:#fff8df;font-synthesis:none;background:#17130f;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overscroll-behavior:none;-webkit-font-smoothing:antialiased;min-height:100dvh;overflow:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:.14cqw;outline:.18cqw solid #fff6cf}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:#17130f;place-items:center;width:100vw;height:100dvh;display:grid}:-webkit-any(:fullscreen,:-webkit-full-screen){background:#17130f;width:100%;height:100%}:is(:fullscreen,:fullscreen){background:#17130f;width:100%;height:100%}:-webkit-any(:fullscreen .app-shell,:-webkit-full-screen .app-shell){width:100%;height:100%}:is(:fullscreen .app-shell,:fullscreen .app-shell){width:100%;height:100%}.mobile-fullscreen-button{z-index:950;right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));color:#fff8df;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#48362adb;border:1px solid #fff7da57;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-width:54px;min-height:44px;padding:0 14px;transition:transform .18s,background .18s,opacity .18s;display:none;position:fixed;box-shadow:0 7px 22px #00000047,inset 0 1px #ffffff1f}.mobile-fullscreen-button svg{width:21px;height:21px}.mobile-fullscreen-button span{font-size:13px;font-weight:700}.mobile-fullscreen-button:active{transform:scale(.94)}.mobile-fullscreen-button.is-active{opacity:.72;width:44px;min-width:44px;padding:0}.mobile-fullscreen-button.is-active span{display:none}.room-stage{aspect-ratio:16/9;isolation:isolate;background:#8d663f;width:min(100vw,177.778dvh);height:min(100dvh,56.25vw);position:relative;overflow:hidden;container-type:inline-size}.room-scene{z-index:0;animation:.82s cubic-bezier(.2,.72,.2,1) both room-scene-arrive;position:absolute;inset:0;overflow:hidden}.room-night{background:#171414}@keyframes room-scene-arrive{0%{opacity:0;filter:blur(.32cqw)brightness(.82);transform:scale(1.018)}to{opacity:1;filter:blur()brightness();transform:scale(1)}}.room-background{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.night-room-background{z-index:0;object-position:center}.night-rain-canvas{z-index:2;pointer-events:none;opacity:.72;filter:blur(.025cqw);width:100%;height:100%;position:absolute;inset:0}.night-room-lighting{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.night-light-shadow{opacity:0;pointer-events:none;transition:opacity 1.15s cubic-bezier(.2,.72,.2,1);position:absolute;inset:0}.night-light-shadow.is-off{opacity:1}.night-light-shadow:before,.night-light-shadow:after{content:"";mix-blend-mode:multiply;position:absolute}.night-light-shadow:before{left:var(--fixture-left);top:var(--fixture-top);width:var(--fixture-width);height:var(--fixture-height);-webkit-backdrop-filter:brightness(.72)saturate(.72);backdrop-filter:brightness(.72)saturate(.72);background:#302a266b;border-radius:50%;-webkit-mask-image:radial-gradient(#000 0%,#000000eb 45%,#00000061 73%,#0000 100%);mask-image:radial-gradient(#000 0%,#000000eb 45%,#00000061 73%,#0000 100%)}.night-light-shadow:after{background:var(--ambient-dimmer);filter:blur(.16cqw);inset:0}.night-light-shadow-kitchen{--fixture-left:23.5%;--fixture-top:23.6%;--fixture-width:4.4%;--fixture-height:9.2%;--ambient-dimmer:radial-gradient(ellipse 24% 33% at 25% 31%, #18151638 0%, #1916171a 42%, #1a171806 70%, transparent 88%)}.night-light-shadow-table{--fixture-left:38.4%;--fixture-top:21.4%;--fixture-width:3.8%;--fixture-height:9.3%;--ambient-dimmer:radial-gradient(ellipse 22% 31% at 40% 30%, #18151636 0%, #19161718 43%, #1a171806 71%, transparent 88%)}.night-light-shadow-bedside{--fixture-left:83.1%;--fixture-top:76%;--fixture-width:4.6%;--fixture-height:8%;--ambient-dimmer:radial-gradient(ellipse 22% 29% at 85.5% 79.5%, #1614163b 0%, #1815171b 42%, #19161807 70%, transparent 88%)}.night-light-shadow-counter{--fixture-left:4.1%;--fixture-top:60.2%;--fixture-width:2.8%;--fixture-height:5.8%;--ambient-dimmer:radial-gradient(ellipse 14% 20% at 5.5% 63%, #1614163b 0%, #1815171b 42%, #19161807 70%, transparent 88%)}.night-light-shadow-ring{--fixture-left:61.8%;--fixture-top:14.6%;--fixture-width:5.1%;--fixture-height:11.8%;--ambient-dimmer:radial-gradient(ellipse 13% 19% at 64.5% 21%, #15161938 0%, #17171a1a 43%, #18181b06 71%, transparent 88%)}.night-light-shadow-ring:before{-webkit-backdrop-filter:brightness(.58)saturate(.54);backdrop-filter:brightness(.58)saturate(.54);background:#26272a99}.night-light-raster-dimmer{object-fit:cover;opacity:0;pointer-events:none;will-change:opacity;width:100%;height:100%;transition:opacity 1.25s cubic-bezier(.2,.72,.2,1);position:absolute;inset:0}.night-light-raster-dimmer.is-off{opacity:1}.night-light-floor-ambient{filter:brightness(.91)saturate(.94)contrast(.99);-webkit-mask-image:radial-gradient(12% 23% at 76.6% 24%,#000 0%,#000000eb 34%,#00000080 68%,#0000 100%);mask-image:radial-gradient(12% 23% at 76.6% 24%,#000 0%,#000000eb 34%,#00000080 68%,#0000 100%)}.night-light-floor-core{filter:brightness(.68)saturate(.78)contrast(.97);-webkit-mask-image:radial-gradient(3.9% 7.9% at 76.6% 19.3%,#000 0%,#000000f0 36%,#0000008c 66%,#0000 100%);mask-image:radial-gradient(3.9% 7.9% at 76.6% 19.3%,#000 0%,#000000f0 36%,#0000008c 66%,#0000 100%)}.night-light-wall-ambient{filter:brightness(.89)saturate(.92)contrast(.99);-webkit-mask-image:radial-gradient(12% 19% at 88.1% 40.1%,#000 0%,#000000e6 33%,#0000007a 68%,#0000 100%);mask-image:radial-gradient(12% 19% at 88.1% 40.1%,#000 0%,#000000e6 33%,#0000007a 68%,#0000 100%)}.night-light-wall-core{filter:brightness(.64)saturate(.74)contrast(.96);-webkit-mask-image:radial-gradient(4.2% 7.7% at 88.1% 39.2%,#000 0%,#000000f0 36%,#0000008c 66%,#0000 100%);mask-image:radial-gradient(4.2% 7.7% at 88.1% 39.2%,#000 0%,#000000f0 36%,#0000008c 66%,#0000 100%)}.night-candle-flame{z-index:6;filter:blur(.025cqw)drop-shadow(0 0 .24cqw #ff9c4061);mix-blend-mode:screen;transform-origin:50% 100%;pointer-events:none;background:radial-gradient(at 50% 72%,#fff7bdeb 0%,#ffb959b8 42%,#ff7c2d29 69%,#0000 78%);border-radius:58% 42% 62% 38%;width:.86%;height:2.55%;animation:7.6s ease-in-out infinite candle-breathe;position:absolute;top:51.55%;left:28.35%}@keyframes candle-breathe{0%,56%,to{opacity:.68;transform:rotate(0)scale(.9,.94)}62%{opacity:.84;transform:rotate(1.6deg)scale(.94,1.04)}68%{opacity:.64;transform:rotate(-1.2deg)scale(.88,.92)}74%{opacity:.78;transform:rotate(.65deg)scaleX(.92)}82%{opacity:.68;transform:rotate(0)scale(.9,.94)}}.window-scene-layer{z-index:1;pointer-events:none;will-change:opacity, filter;position:absolute;inset:0}.window-scene-layer.is-entering{animation:.9s cubic-bezier(.2,.72,.2,1) both window-scene-in}.window-scene-layer.is-leaving{animation:.9s cubic-bezier(.4,0,.2,1) both window-scene-out}.window-scene-image{object-fit:cover;width:35%;height:56%;position:absolute;top:4%;left:33.5%;transform:none}.scene-cloudy .window-scene-image{filter:saturate(.84)brightness(.95)}.scene-rainy .window-scene-image{filter:saturate(.72)brightness(.9)contrast(.88)blur(.035cqw)}.scene-snowy .window-scene-image{filter:saturate(.78)brightness(1.04)}.window-frame-foreground{z-index:2;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.window-plant{z-index:7;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:saturate(.68)brightness(.88)sepia(.14)contrast(.94)drop-shadow(.18cqw .34cqw .3cqw #3a26153d);transform-origin:50% 92%;width:14.7%;height:35.1%;transition:filter .9s;position:absolute;top:26.5%;left:31.1%}.window-plant.is-swaying{animation:.92s cubic-bezier(.2,.72,.2,1) both plant-sway}@keyframes plant-sway{0%,to{transform:rotate(0)}18%{transform:rotate(-1.5deg)}39%{transform:rotate(1.15deg)}62%{transform:rotate(-.72deg)}82%{transform:rotate(.32deg)}}@keyframes window-scene-in{0%{opacity:0;filter:saturate(.84)blur(.28cqw)}to{opacity:1;filter:saturate()blur()}}@keyframes window-scene-out{0%{opacity:1;filter:saturate()blur()}to{opacity:0;filter:saturate(.86)blur(.18cqw)}}.lighting-clip-defs{width:0;height:0;position:absolute}.room-lighting{z-index:6;pointer-events:none;clip-path:url(#indoor-lighting-clip);position:absolute;inset:0;overflow:hidden}.lamp-glow,.lamp-shadow,.desk-ambient-glow,.all-lamps-dim{pointer-events:none;transition:opacity 1.2s cubic-bezier(.2,.72,.2,1),filter 1.2s,transform 1.6s cubic-bezier(.2,.72,.2,1);position:absolute;inset:0}.lamp-glow{opacity:0;filter:blur(.18cqw);mix-blend-mode:screen;transform:scale(.985)}.lamp-glow.is-on{opacity:1;filter:blur();transform:scale(1)}.lamp-glow-left{background:radial-gradient(38% 47% at 5% 43%,#ffe7ae33 0%,#ffcf841c 24%,#ffbc6709 51%,#0000 82%)}.lamp-glow-right{background:radial-gradient(43% 49% at 81% 12%,#ffe9b538 0%,#ffd38e1f 25%,#ffbf6c0a 52%,#0000 82%)}.lamp-shadow{opacity:0;filter:blur(.5cqw);mix-blend-mode:multiply;transform:scale(1.02)}.lamp-shadow.is-off{opacity:1;filter:blur(.12cqw);transform:scale(1)}.lamp-shadow-left{background:linear-gradient(92deg,#221d1940 0%,#221d192b 20%,#221d1913 40%,#0000 64%),radial-gradient(54% 82% at -7% 49%,#1e191524 0%,#1e19150e 48%,#0000 80%)}.lamp-shadow-right{background:linear-gradient(225deg,#221d193d 0%,#221d1926 22%,#221d190f 44%,#0000 69%),radial-gradient(62% 78% at 106% 1%,#1e191521 0%,#1e19150b 50%,#0000 81%)}.all-lamps-dim{opacity:0;mix-blend-mode:multiply;background:radial-gradient(42% 70% at 53% 42%,#0000 0%,#1d1a1706 48%,#1a17151c 100%),linear-gradient(#1c191706,#1a171513);transition-duration:1.7s}.all-lamps-dim.is-on{opacity:1}.desk-ambient-glow{opacity:0;filter:blur(.26cqw);mix-blend-mode:screen;background:radial-gradient(27% 24% at 53.4% 62%,#ffe0aa29 0%,#ffcc8613 38%,#0000 78%);transform:scale(.96)}.desk-ambient-glow.is-on{opacity:1;filter:blur(.04cqw);transform:scale(1)}.lamp-hotspots{z-index:8;pointer-events:none;position:absolute;inset:0}.lamp-hotspot{cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:50%;padding:0;transition:box-shadow .28s,background-color .28s,transform .28s cubic-bezier(.2,.9,.25,1.18);display:block;position:absolute}.lamp-hotspot-left{width:9.6%;height:16.8%;top:33.8%;left:3.1%}.lamp-hotspot-right{width:9.9%;height:17.3%;top:8.6%;left:74.2%}.lamp-hotspot:after{content:"";opacity:0;border:.12cqw solid #fff6c6c7;border-radius:50%;transition:opacity .22s,transform .28s cubic-bezier(.2,.9,.25,1.2);position:absolute;inset:16%;transform:scale(.78)}.lamp-hotspot:hover:after,.lamp-hotspot:focus-visible:after{opacity:.8;transform:scale(1)}.lamp-hotspot:focus-visible{outline-offset:.2cqw;outline:.18cqw solid #fff6c6e6}.lamp-hotspot:active{transform:scale(.92)}.lamp-hotspot.is-off:after{border-color:#d3c6a999}.room-object-interactions{z-index:9;pointer-events:none;position:absolute;inset:0}.room-object-hotspot{cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute}.guitar-hotspot{border-radius:42% 42% 48% 48%;width:8.7%;height:33.5%;top:63.5%;left:87.7%}.coffee-hotspot{border-radius:50%;width:2.7%;height:5.6%;top:59.1%;left:60%}.bed-hotspot{border-radius:18% 26% 16% 18%;width:23.8%;height:22.8%;top:67.2%;left:7.2%}.record-player-hotspot{border-radius:24% 24% 18% 18%;width:10.2%;height:14.7%;top:51.4%;left:76.1%}.plant-hotspot{border-radius:44% 44% 25% 25%;width:16.2%;height:37.5%;top:25.9%;left:30.2%}.night-coffee-hotspot{border-radius:50%;width:3.3%;height:5.8%;top:37.2%;left:60.5%}.night-bed-hotspot{border-radius:18% 16% 13% 17%;width:25.8%;height:22.8%;top:65%;left:59.4%}.night-laptop-hotspot{border-radius:12%;width:7.9%;height:11.8%;transition:box-shadow .26s,transform .22s cubic-bezier(.2,.9,.25,1.18);top:16.2%;left:48.2%}.night-laptop-hotspot:hover,.night-laptop-hotspot:focus-visible{box-shadow:0 0 1.2cqw #88b5d157,inset 0 0 0 .08cqw #d6e9f46b}.night-laptop-hotspot.is-playing{animation:3.4s ease-in-out infinite night-laptop-glow}.night-sink-hotspot{border-radius:18% 22% 28% 24%;width:11.2%;height:8.2%;top:37.8%;left:8.8%}.night-fridge-hotspot{border-radius:8%;width:8.1%;height:20.6%;top:16%;left:30%}.night-snack-hotspot{border-radius:10%;width:11.2%;height:14.5%;top:37.1%;left:38.4%}.night-sink-hotspot:hover,.night-fridge-hotspot:hover,.night-snack-hotspot:hover{box-shadow:inset 0 0 0 .07cqw #fff5d233,0 0 .7cqw #ffda9b1f}@keyframes night-laptop-glow{0%,to{box-shadow:0 0 .45cqw #70a5c624}50%{box-shadow:0 0 1.25cqw #87b9d757}}.night-coffee-hotspot:after{content:"";opacity:0;transform-origin:5%;background:#ffebcab8;border-radius:50%;width:42%;height:.08cqw;position:absolute;top:28%;left:48%}.night-coffee-hotspot.is-stirring:after{animation:1.05s ease-in-out both spoon-stir}.night-bed-hotspot.is-resting{animation:1.25s cubic-bezier(.2,.72,.2,1) both blanket-lift}.night-lamp-kitchen{width:8.6%;height:17.6%;top:19.2%;left:21.4%}.night-lamp-table{width:7.2%;height:15.4%;top:20.4%;left:37.2%}.night-lamp-bedside{width:9.6%;height:17.5%;top:74.5%;left:80.3%}.night-lamp-counter{width:6.5%;height:13.2%;top:57.8%;left:2.2%}.night-lamp-ring{width:6.8%;height:14.4%;top:13.8%;left:61.4%}.night-lamp-floor{width:6.2%;height:18.7%;top:12.8%;left:73.2%}.night-lamp-wall{width:8.4%;height:15.5%;top:33.3%;left:84.3%}.night-lamp-floor:after,.night-lamp-wall:after{display:none}.night-lamp-floor:focus-visible,.night-lamp-wall:focus-visible{outline:none}.room-object-hotspot:focus-visible{outline-offset:.16cqw;outline:.18cqw solid #fff6cfe6}.room-object-hotspot:active{transform:scale(.975)}.guitar-hotspot:after{content:"";opacity:0;transform-origin:50% 100%;background:#ffe9b0cc;border-radius:50%;width:.055cqw;height:61%;position:absolute;top:12%;left:51%;box-shadow:.12cqw 0 #ffe9b085,-.12cqw 0 #ffe9b06b}.guitar-hotspot.is-playing:after{animation:.76s cubic-bezier(.2,.72,.2,1) both guitar-string-vibration}.record-player-hotspot:after{content:"";aspect-ratio:1;opacity:0;background:radial-gradient(circle,#d5b571cc 0 9%,#2a1f17c2 10% 62%,#a57c486b 63% 66%,#2a1f17c2 67%);border:.1cqw solid #ffedc185;border-radius:50%;width:42%;position:absolute;top:26%;left:27%;transform:scale(.78)}.record-player-hotspot.is-playing:after{opacity:.88;animation:.5s cubic-bezier(.2,.86,.25,1.12) both record-install,2.2s linear .5s infinite record-spin}@keyframes record-install{0%{opacity:0;transform:translateY(-.6cqw)scale(.72)}to{opacity:.88;transform:translateY(0)scale(1)}}@keyframes record-spin{to{transform:rotate(360deg)}}@keyframes guitar-string-vibration{0%{opacity:0;transform:translate(0)skew(0)}8%{opacity:.78;transform:translate(-.12cqw)skew(-1.2deg)}18%{transform:translate(.1cqw)skew(1deg)}32%{transform:translate(-.07cqw)skew(-.7deg)}48%{transform:translate(.045cqw)skew(.45deg)}68%{transform:translate(-.02cqw)skew(-.2deg)}to{opacity:0;transform:translate(0)skew(0)}}.coffee-hotspot:after{content:"";opacity:0;transform-origin:5%;background:#fff6d4d1;border-radius:50%;width:48%;height:.08cqw;position:absolute;top:34%;left:48%}.coffee-hotspot.is-stirring:after{animation:1.05s ease-in-out both spoon-stir}@keyframes spoon-stir{0%{opacity:0;transform:rotate(-17deg)}12%{opacity:.8}30%{transform:rotate(18deg)translate(.08cqw)}52%{transform:rotate(-13deg)translate(-.04cqw)}74%{transform:rotate(14deg)}to{opacity:0;transform:rotate(-4deg)}}.bed-hotspot.is-resting{animation:1.25s cubic-bezier(.2,.72,.2,1) both blanket-lift}@keyframes blanket-lift{0%,to{filter:none;transform:translateY(0)scale(1)}22%{filter:brightness(1.025);transform:translateY(-.22cqw)scale(1.006,.99)}48%{transform:translateY(.05cqw)scale(.997,1.006)}72%{transform:translateY(-.06cqw)scale(1.002)}}.object-caption{z-index:22;color:#fff8df;-webkit-backdrop-filter:blur(.75cqw);backdrop-filter:blur(.75cqw);letter-spacing:.01em;pointer-events:none;background:#5b452edb;border:.06cqw solid #fff7da4d;border-radius:1.15cqw;max-width:19cqw;padding:.6cqw .95cqw;font-size:.78cqw;font-weight:600;line-height:1.45;animation:2.6s cubic-bezier(.2,.76,.22,1) both object-caption-in;position:absolute;box-shadow:0 .45cqw 1.3cqw #301f1433}.object-caption-coffee{top:51%;left:53.5%}.object-caption-bed{top:58%;left:13%}.room-night .object-caption-coffee{top:30.5%;left:56.5%}.room-night .object-caption-bed{top:58.5%;left:70%}.room-night .object-caption-snack{top:31.5%;left:42%}.object-caption:after{content:"";background:inherit;width:.7cqw;height:.7cqw;position:absolute;bottom:-.35cqw;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes object-caption-in{0%{opacity:0;transform:translateY(.45cqw)scale(.96)}10%,79%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-.2cqw)scale(.985)}}.weather-canvas{z-index:4;pointer-events:none;opacity:.92;width:100%;height:100%;animation:.68s cubic-bezier(.2,.75,.25,1) both weather-in;position:absolute;inset:0}.weather-cloudy{opacity:0}@keyframes weather-in{0%{opacity:0;filter:blur(.35cqw);transform:scale(1.015)}to{filter:blur();transform:scale(1)}}.room-switcher{z-index:32;-webkit-backdrop-filter:blur(.9cqw)saturate(.9);backdrop-filter:blur(.9cqw)saturate(.9);background:#57422bbd;border:.06cqw solid #fff8d940;border-radius:1.45cqw;align-items:center;gap:.25cqw;padding:.28cqw;animation:.62s cubic-bezier(.16,.84,.28,1) .14s both room-switcher-arrive;display:flex;position:absolute;top:2.6%;left:50%;transform:translate(-50%);box-shadow:0 .55cqw 1.6cqw #25181133,inset 0 .06cqw #ffffff1a}.room-switcher button{color:#fff8dfad;cursor:pointer;background:0 0;border:0;border-radius:1.1cqw;align-items:center;gap:.38cqw;padding:.48cqw .78cqw;font-size:.68cqw;font-weight:700;transition:color .22s,background-color .22s,transform .22s cubic-bezier(.2,.9,.25,1.18),box-shadow .22s;display:inline-flex}.room-switcher button svg{width:1cqw;height:1cqw}.room-switcher button:hover{color:#fff8df;transform:translateY(-.05cqw)}.room-switcher button:active{transform:scale(.94)}.room-switcher button.is-active{color:#725335;background:#fff7daed;box-shadow:0 .25cqw .7cqw #2016102e}.room-night .room-switcher{background:#262223c7;border-color:#d3dade33}.room-night .room-switcher button.is-active{color:#493d38;background:#dcd3c0eb}@keyframes room-switcher-arrive{0%{opacity:0;transform:translate(-50%,-.65cqw)scale(.97)}to{opacity:1;transform:translate(-50%)scale(1)}}.floating-panel{z-index:10;-webkit-backdrop-filter:blur(1.05cqw)saturate(.92);background-color:#a98248d6;border:.07cqw solid #fff8d947;transition:transform .28s cubic-bezier(.2,.82,.24,1),box-shadow .28s,background-color .28s,opacity .38s;position:absolute;box-shadow:0 .7cqw 2cqw #45291629,inset 0 .07cqw #ffffff1f}.room-night .floating-panel{background-color:#4b3c35cc;border-color:#e4dccd33;box-shadow:0 .7cqw 2.2cqw #09080b47,inset 0 .07cqw #ffffff14}.room-night .weather-panel:hover,.room-night .music-panel:hover{background-color:#524138e0;box-shadow:0 1cqw 2.6cqw #08070a57,inset 0 .07cqw #ffffff1c}.night-ambient-summary{color:#dee2dfdb;justify-content:center;align-items:center;gap:.7cqw;height:4.35cqw;display:flex}.night-ambient-summary svg{width:2.3cqw;height:2.3cqw}.night-ambient-summary svg:first-child{color:#d9cfae}.night-ambient-summary svg:nth-child(2){color:#9eafb8}.night-ambient-summary strong{letter-spacing:.08em;font-size:1.05cqw}.weather-panel{border-radius:2.05cqw;width:21.05%;min-height:11.3%;padding:.55cqw .55cqw .6cqw;animation:.65s cubic-bezier(.16,.84,.28,1) both panel-arrive-left;top:5%;left:2.75%}.weather-panel:hover{background-color:#ad864be6;transform:translateY(-.22cqw)scale(1.008);box-shadow:0 1cqw 2.5cqw #45291636,inset 0 .07cqw #ffffff2b}.weather-options{justify-content:space-between;align-items:center;gap:.2cqw;display:flex}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:4.05cqw;height:4.05cqw;padding:0;transition:transform .22s cubic-bezier(.2,.9,.25,1.25),background-color .22s,color .22s,box-shadow .22s;display:grid}.icon-button svg{width:2.55cqw;height:2.55cqw}.icon-button:hover{background-color:#fff7da21;transform:translateY(-.12cqw)}.icon-button:active{transform:translateY(.04cqw)scale(.9)}.icon-button.is-active{color:#edc866;background-color:#fff9dcf7;animation:.36s cubic-bezier(.18,.9,.25,1.22) both selected-pop;box-shadow:0 .35cqw .75cqw #6446232e}.weather-side-actions{z-index:14;gap:.5cqw;animation:.65s cubic-bezier(.16,.84,.28,1) 80ms both panel-arrive-left;display:grid;position:absolute;top:5.3%;left:24.65%}.ambient-mute-button{color:#fff8dfe6;-webkit-backdrop-filter:blur(.9cqw);backdrop-filter:blur(.9cqw);cursor:pointer;background-color:#795932e6;border:.07cqw solid #fff8d952;border-radius:50%;place-items:center;width:clamp(40px,3.45cqw,64px);height:clamp(40px,3.45cqw,64px);padding:0;transition:transform .22s cubic-bezier(.2,.9,.25,1.18),background-color .22s,color .22s,box-shadow .22s;display:grid;box-shadow:0 .5cqw 1.35cqw #39231433,inset 0 .07cqw #ffffff1f}.ambient-mute-button svg{width:clamp(19px,1.55cqw,29px);height:clamp(19px,1.55cqw,29px)}.ambient-mute-button:hover{background-color:#6e4e2bf5;transform:translateY(-.12cqw)scale(1.035)}.ambient-mute-button:active{transform:scale(.91)}.ambient-mute-button.is-on{color:#f7dc83}.room-night .ambient-mute-button{color:#e1dccee6;background-color:#382f2be0;border-color:#e4dccd38;box-shadow:0 .5cqw 1.35cqw #08070a4d,inset 0 .07cqw #ffffff14}.room-night .ambient-mute-button:hover{background-color:#433731f5}.room-night .ambient-mute-button.is-on{color:#d8c88f}.ambient-unlock-hint{z-index:18;color:#fff8e0e0;-webkit-backdrop-filter:blur(.8cqw);backdrop-filter:blur(.8cqw);background-color:#4b3a27e6;border:.06cqw solid #fff7da3d;border-radius:1.2cqw;padding:.48cqw .72cqw;font-size:.64cqw;animation:.22s both notice-in;position:absolute;top:6.2%;left:29%;box-shadow:0 .45cqw 1.3cqw #311f1333}.mini-volume{opacity:.72;transition:opacity .18s,transform .18s;position:absolute;bottom:.27cqw;left:.75cqw;right:.75cqw;transform:translateY(0)}.weather-panel:hover .mini-volume,.weather-panel:focus-within .mini-volume{opacity:1}input[type=range]{accent-color:#fff1b8;cursor:pointer;width:100%;height:.22cqw}.music-panel{border-radius:2cqw;width:18%;height:18.7%;padding:.8cqw 1.05cqw;animation:.68s cubic-bezier(.16,.84,.28,1) 80ms both panel-arrive-right;top:5%;right:2.7%}.music-panel:hover{background-color:#ad864be6;transform:translateY(-.22cqw)scale(1.008);box-shadow:0 1cqw 2.5cqw #45291636,inset 0 .07cqw #ffffff2b}.music-panel.is-playing{animation:.68s cubic-bezier(.16,.84,.28,1) 80ms both panel-arrive-right,3.6s ease-in-out .76s infinite playing-glow}.music-header{color:#fff8dfb8;justify-content:space-between;align-items:center;font-size:.72cqw;font-weight:700;display:flex}.import-music-button{color:#fff8dff0;cursor:pointer;background-color:#5c42263d;border:.06cqw solid #fff8dc3d;border-radius:1cqw;align-items:center;gap:.28cqw;padding:.35cqw .62cqw;font-size:.65cqw;transition:transform .18s,background-color .18s;display:inline-flex}.import-music-button svg{width:.8cqw;height:.8cqw}.import-music-button:hover{background-color:#5c422666;transform:translateY(-.06cqw)}.import-music-button:active{transform:scale(.94)}.track-info{align-items:center;gap:.85cqw;min-height:2.6cqw;margin-top:.35cqw;animation:.34s cubic-bezier(.2,.82,.22,1) both track-change;display:flex}.track-title{color:#fff8df;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:1.16cqw;font-weight:700;line-height:1.2;overflow:hidden}.album-cover{background-color:var(--album-color);border-radius:.8cqw;flex:none;width:4.55cqw;height:4.55cqw;padding:.28cqw;transition:transform .3s cubic-bezier(.2,.85,.25,1),box-shadow .3s;overflow:hidden;box-shadow:inset 0 0 0 .12cqw #ffffff8c}.music-panel.is-playing .album-cover{transform:translateY(-.1cqw)scale(1.025);box-shadow:inset 0 0 0 .12cqw #ffffffb8,0 .45cqw 1cqw #442d1838}.album-cover img{object-fit:cover;object-position:52% 25%;filter:saturate(.75)sepia(.12);border-radius:.48cqw;width:100%;height:100%}.track-copy{gap:.45cqw;min-width:0;display:grid}.track-copy strong{color:#fff8df;text-overflow:ellipsis;white-space:nowrap;font-size:1.15cqw;font-weight:700;line-height:1.2;overflow:hidden}.track-copy span{color:#fff8dfb8;font-size:.78cqw}.music-controls{justify-content:center;align-items:center;gap:2.2cqw;margin-top:.35cqw;display:flex}.music-controls button{color:#fff8df;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:2.1cqw;height:2.1cqw;padding:0;transition:transform .21s cubic-bezier(.2,.9,.25,1.25),opacity .15s,background-color .21s;display:grid}.music-controls button:hover{transform:scale(1.1)}.music-controls button:active{transform:scale(.86)}.music-controls button:disabled{opacity:.42;cursor:default;transform:none}.music-controls svg{width:1.78cqw;height:1.78cqw}.music-controls .play-button{background-color:#fff9de1c;width:2.85cqw;height:2.85cqw}.music-controls .play-button:hover{background-color:#fff9de33}.music-controls .play-button svg{width:1.85cqw;height:1.85cqw}.music-volume{opacity:0;align-items:center;gap:.45cqw;transition:opacity .18s;display:flex;position:absolute;bottom:.62cqw;left:1.3cqw;right:1.3cqw}.music-panel:hover .music-volume,.music-panel:focus-within .music-volume{opacity:1}.music-volume svg{width:.85cqw;height:.85cqw}.music-caption{text-shadow:0 .12cqw .28cqw #3f281633;font-size:1.34cqw;font-weight:700;position:absolute;top:19.55cqw;left:.1cqw}.focus-pill{z-index:12;-webkit-backdrop-filter:blur(1cqw);backdrop-filter:blur(1cqw);cursor:pointer;background-color:#785832d1;border:.07cqw solid #fff8d94d;border-radius:2.3cqw;align-items:center;gap:.7cqw;width:17.8cqw;min-height:4.35cqw;padding:.65cqw 1.1cqw;transition:transform .24s cubic-bezier(.2,.9,.25,1.15),background-color .22s,opacity .32s,box-shadow .26s;animation:.72s cubic-bezier(.16,.84,.28,1) .22s both focus-arrive;display:flex;position:absolute;bottom:3.1%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 .7cqw 2cqw #45291633}.focus-pill:hover{background-color:#6f502ceb;transform:translate(-50%)translateY(-.2cqw)scale(1.015);box-shadow:0 1cqw 2.5cqw #45291640}.focus-pill:active{transform:translate(-50%)translateY(.04cqw)scale(.97)}.focus-pill.running{animation:3.4s ease-in-out infinite focus-soft-pulse}.focus-pill>svg{color:#f2d57a;flex:none;width:1.8cqw;height:1.8cqw}.focus-pill-copy{text-align:left;flex:1;min-width:0;display:grid}.focus-pill-copy strong{font-size:1.05cqw;line-height:1.2}.focus-pill-copy small{color:#fff8dfad;text-overflow:ellipsis;white-space:nowrap;font-size:.62cqw;line-height:1.4;overflow:hidden}.room-night .focus-pill,.room-night .timer-quick-actions button{background-color:#3d322dcc;border-color:#e5dcca33;box-shadow:0 .7cqw 2.1cqw #08070a4d}.room-night .focus-pill:hover,.room-night .timer-quick-actions button:hover{background-color:#483a32ed}.room-night .focus-pill>svg{color:#d9c58b}.focus-progress{transform-origin:0;background-color:#f2d57a;height:.16cqw;position:absolute;bottom:0;left:0;right:0}.timer-quick-actions{z-index:13;gap:.4cqw;display:flex;position:absolute;bottom:3.4%;left:calc(50% + 10.4cqw)}.timer-quick-actions button{-webkit-backdrop-filter:blur(.8cqw);backdrop-filter:blur(.8cqw);cursor:pointer;background-color:#785832d1;border:.06cqw solid #fff8d942;border-radius:50%;place-items:center;width:2.3cqw;height:2.3cqw;padding:0;transition:transform .19s cubic-bezier(.2,.9,.25,1.2),background-color .19s;display:grid}.timer-quick-actions svg{width:1.05cqw;height:1.05cqw}.timer-quick-actions button:hover{background-color:#6f502cf0;transform:translateY(-.1cqw)scale(1.06)}.timer-quick-actions button:active{transform:scale(.9)}.today-chip{z-index:10;color:#fff8dfe0;-webkit-backdrop-filter:blur(.7cqw);backdrop-filter:blur(.7cqw);background-color:#684e2f8c;border-radius:1.5cqw;align-items:center;gap:.35cqw;padding:.45cqw .75cqw;font-size:.72cqw;display:flex;position:absolute;bottom:4%;right:2.8%}.today-chip svg{width:.9cqw;height:.9cqw}.room-night .today-chip{background-color:#302a2894}.notice{z-index:40;-webkit-backdrop-filter:blur(1cqw);backdrop-filter:blur(1cqw);background-color:#57432bdb;border:.06cqw solid #fff8d94d;border-radius:2cqw;padding:.62cqw 1.15cqw;font-size:.78cqw;animation:.22s both notice-in;position:absolute;top:11.5%;left:50%;transform:translate(-50%);box-shadow:0 .55cqw 1.5cqw #3a25162e}.room-night .notice{background-color:#362e2be6;border-color:#e4dccd38;box-shadow:0 .55cqw 1.6cqw #08070a4d}@keyframes notice-in{0%{opacity:0;transform:translate(-50%,-.4cqw)}to{opacity:1;transform:translate(-50%)}}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(.25cqw);backdrop-filter:blur(.25cqw);background-color:#281d1457;place-items:center;animation:.18s both backdrop-in;display:grid;position:absolute;inset:0}.modal-backdrop.is-closing{animation:.21s both backdrop-out}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes backdrop-out{0%{opacity:1}to{opacity:0}}.focus-dialog{color:#60472f;background-color:#f0deb5f5;border:.08cqw solid #fff9de6e;border-radius:2.1cqw;width:28.5cqw;padding:2.25cqw 2.15cqw 2cqw;animation:.23s cubic-bezier(.2,.9,.25,1.12) both dialog-in;position:relative;box-shadow:0 1.5cqw 4.5cqw #301d105c,inset 0 .08cqw #ffffff8c}.focus-dialog.is-closing{animation:.21s cubic-bezier(.4,0,.8,.2) both dialog-out}@keyframes dialog-in{0%{opacity:0;transform:translateY(.9cqw)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes dialog-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(.65cqw)scale(.975)}}.dialog-close{color:#76583b;cursor:pointer;background-color:#7e5e3a1a;border:0;border-radius:50%;place-items:center;width:2.1cqw;height:2.1cqw;padding:0;transition:transform .19s cubic-bezier(.2,.9,.25,1.2),background-color .19s;display:grid;position:absolute;top:1.15cqw;right:1.15cqw}.dialog-close svg{width:1.1cqw;height:1.1cqw}.dialog-close:hover{background-color:#7e5e3a2e;transform:rotate(8deg)scale(1.07)}.dialog-close:active{transform:scale(.9)}.dialog-kicker{color:#9b764d;letter-spacing:.08em;font-size:.72cqw;font-weight:700}.focus-dialog h1{letter-spacing:.02em;margin:.45cqw 0 1.35cqw;font-family:STKaiti,KaiTi,serif;font-size:2.05cqw;font-weight:700}.task-field{gap:.45cqw;font-size:.74cqw;font-weight:700;display:grid}.task-field input{color:#5c422d;background-color:#fffbebc7;border:.08cqw solid #7754322e;border-radius:.95cqw;width:100%;padding:.9cqw 1cqw;font-size:1cqw}.task-field input::placeholder{color:#5c422d66}.duration-group{grid-template-columns:repeat(4,1fr);gap:.65cqw;margin-top:1cqw;display:grid}.duration-group button{color:#795a3c;cursor:pointer;background-color:#fffbeb8c;border:.08cqw solid #7754322e;border-radius:.85cqw;justify-content:center;align-items:baseline;gap:.18cqw;padding:.75cqw .35cqw;font-size:1.12cqw;font-weight:700;transition:transform .21s cubic-bezier(.2,.9,.25,1.15),background-color .21s,border-color .21s,box-shadow .21s;display:flex}.duration-group button span{font-size:.58cqw;font-weight:500}.duration-group button.is-active{color:#fff8e4;background-color:#aa8558;border-color:#9c784f}.duration-group button:hover{transform:translateY(-.1cqw);box-shadow:0 .35cqw .75cqw #57371f1f}.duration-group button:active{transform:scale(.95)}.duration-custom-toggle{white-space:nowrap;font-size:.86cqw!important}.custom-duration-field{color:#8b6b49;background:#fffbeb7a;border:.08cqw solid #77543229;border-radius:.75cqw;align-items:center;gap:.42cqw;margin-top:.7cqw;padding:.52cqw .65cqw;font-size:.68cqw;font-weight:700;display:flex}.custom-duration-field input{color:#60472f;width:5.2cqw;font:inherit;text-align:center;background:#fffbebe6;border:.08cqw solid #77543238;border-radius:.45cqw;padding:.34cqw .42cqw;font-size:.82cqw}.custom-duration-field small{color:#8b6b49b8;margin-left:auto;font-size:.58cqw;font-weight:500}.dialog-summary{color:#8b6b49;justify-content:space-between;margin:1cqw .12cqw;font-size:.72cqw;display:flex}.dialog-summary strong{color:#6b4e33}.start-focus-button{color:#fff9e6;cursor:pointer;background-color:#8c6b47;border:0;border-radius:1cqw;justify-content:center;align-items:center;gap:.5cqw;width:100%;padding:.88cqw 1cqw;font-size:.95cqw;font-weight:700;transition:transform .16s,background-color .16s;display:flex;box-shadow:0 .5cqw 1.2cqw #57371f2e}.start-focus-button:hover:not(:disabled){background-color:#7e5e3d;transform:translateY(-.1cqw)}.start-focus-button:active:not(:disabled){transform:translateY(.04cqw)scale(.985)}.start-focus-button:disabled{opacity:.5;cursor:not-allowed}.start-focus-button svg{width:1.05cqw;height:1.05cqw}.is-focusing .weather-panel,.is-focusing .weather-side-actions,.is-focusing .music-panel,.is-focusing .today-chip{opacity:.32;transition:opacity .38s}.is-focusing .weather-panel:hover,.is-focusing .weather-side-actions:hover,.is-focusing .music-panel:hover{opacity:1}@keyframes selected-pop{0%{transform:scale(.84)}65%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes panel-arrive-left{0%{opacity:0;transform:translate(-1.1cqw)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes panel-arrive-right{0%{opacity:0;transform:translate(1.1cqw)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes focus-arrive{0%{opacity:0;transform:translate(-50%)translateY(1cqw)scale(.97)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes focus-soft-pulse{0%,to{box-shadow:0 .7cqw 2cqw #45291633}50%{box-shadow:0 .9cqw 2.6cqw #f2d57a3d}}@keyframes playing-glow{0%,to{box-shadow:0 .7cqw 2cqw #45291629,inset 0 .07cqw #ffffff1f}50%{box-shadow:0 1cqw 2.8cqw #f2d57a33,inset 0 .07cqw #ffffff2e}}@keyframes track-change{0%{opacity:0;transform:translate(.45cqw)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (aspect-ratio<=4/5){.room-stage{width:100vw;height:56.25vw}.app-shell{background-color:#302419}}.portrait-lock-screen{z-index:1000;color:#fff8df;text-align:center;background:radial-gradient(circle at 50% 30%,#d7b26b2e,#0000 42%),#211913;place-items:center;padding:8vw;display:none;position:fixed;inset:0}.portrait-lock-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#5f432b8a;border:1px solid #fff7da2e;border-radius:7vw;justify-items:center;gap:3.2vw;max-width:82vw;padding:9vw 8vw 8vw;display:grid;box-shadow:0 2vw 8vw #00000047,inset 0 1px #fff7da1a}.portrait-lock-icon{color:#f1d98f;border:1px solid #fff7da47;border-radius:50%;place-items:center;width:19vw;height:19vw;font-size:13vw;line-height:1;animation:2.8s ease-in-out infinite portrait-lock-rotate;display:grid}.portrait-lock-card strong{letter-spacing:.08em;font-size:6vw}.portrait-lock-card p{color:#fff8dfb8;margin:0;font-size:3.6vw;line-height:1.7}@keyframes portrait-lock-rotate{0%,18%{transform:rotate(0)}48%,72%{transform:rotate(90deg)}to{transform:rotate(90deg)}}@media (orientation:portrait) and (width<=1100px){.portrait-lock-screen{display:grid}}@media (orientation:landscape) and (pointer:coarse),(orientation:landscape) and (height<=620px){.mobile-fullscreen-button{display:inline-flex}}
