@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#fff8e9;background:#303d33;font-synthesis:none;font-weight:400;font-size:16px;--panel-padding: 20px}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit;min-height:44px;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #f9cf87;outline-offset:4px}a{color:inherit;text-decoration:none}.app{position:relative;isolation:isolate;min-height:100svh;display:grid;grid-template-columns:minmax(0,600px);justify-content:center;align-content:start;gap:28px;padding:24px max(16px,env(safe-area-inset-left)) max(24px,env(safe-area-inset-bottom))}.forest,.scene-shade,.falling-leaves{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100svh;pointer-events:none}.forest{z-index:-4}.scene-shade{z-index:-3;background:linear-gradient(90deg,#16231eb0,#1a251e26 59%,#1e261f3b),linear-gradient(0deg,#121f1abf,transparent 38%,#1e231b26)}.falling-leaves{z-index:-1}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;width:100%}.brand{font-family:Manrope,sans-serif;font-size:30px;font-weight:700;letter-spacing:-1.5px;display:flex;align-items:center;min-height:44px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #f0e8d16b;border-radius:50%;margin-right:10px;transform:rotate(-18deg)}.brand-period{color:#dfbb79}.tagline,.season,.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.5px;line-height:1.6}.tagline{display:none;color:#d9dccb}.season{display:flex;gap:8px;align-items:center;color:#e7e4d4}.season>span,.panel-note>span{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#d6b780}.intro{min-width:0;width:100%;padding-top:20px}.intro>.eyebrow{display:flex;align-items:center;gap:14px;color:#e4ceaa}.line{height:1px;width:30px;background:#dfc395}.intro h1{font-family:Manrope,sans-serif;font-size:clamp(40px,8vw,64px);font-weight:400;letter-spacing:-2px;line-height:1.12;margin:22px 0}.intro p{font-size:16px;line-height:1.75;color:#e2e2d5}.location{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;color:#e9e4d4;margin-top:24px}.location-dot{width:5px;height:5px;border:1px solid #e5c286;border-radius:50%}.separator{opacity:.6;margin:0 2px}.sound-panel{width:100%;min-width:0;align-self:start;padding:var(--panel-padding) var(--panel-padding) 0;border:1px solid #f2e5c940;border-radius:15px;background:#25392ef2;box-shadow:0 15px 60px #1c281e22;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.panel-heading{display:flex;justify-content:space-between;align-items:center;color:#d7c8a1}.panel-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.panel-title h2{font-size:24px;font-weight:500;letter-spacing:-.5px;margin:0}.status{font-size:12px;border:1px solid #f3ecd640;border-radius:16px;padding:5px 9px;color:#d8ddcf;white-space:nowrap}.status.active{color:#e4c185;border-color:#e4c18566}.panel-description{font-size:14px;line-height:1.6;color:#cdd4c4;margin:12px 0 22px}.play-button{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;background:#e7cc9f;border:0;border-radius:8px;color:#354032;padding:13px 16px;font-size:16px;font-weight:600;transition:background .2s}.play-button:hover{background:#f2dcb7}.play-button>span{margin-left:auto;display:flex;align-items:center}.mixers{display:grid;gap:14px;padding:26px 0 16px}.range-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;color:#e7e7d9;min-height:28px}.range-label label{display:flex;align-items:center;gap:10px}.range-label label svg{color:#c5ceba;stroke-width:1.5;flex-shrink:0}.range-label>span{font-size:14px;color:#cbd3be;font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:44px;margin:2px 0 0;background:transparent;cursor:pointer;--track: linear-gradient( to right, #cebc94 var(--value), #69765c var(--value) )}input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:4px;background:var(--track)}input[type=range]::-moz-range-track{height:5px;border-radius:4px;background:var(--track)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;margin-top:-9.5px;border:2px solid #e2cda4;border-radius:50%;background:#e2cda4;box-shadow:0 0 0 4px #e2cda40d}input[type=range]::-moz-range-thumb{width:22px;height:22px;border:1px solid #e2cda4;border-radius:50%;background:#e2cda4}.motion-control{border-top:1px solid #dae0c92b;padding:12px 0 22px}.icon-button{border:0;padding:10px;background:none;display:grid;place-items:center;min-width:44px;min-height:44px}.range-ends{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#c7d0b9}.panel-note{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 calc(-1 * var(--panel-padding));padding:18px 12px;border-top:1px solid #dae0c92b;color:#c7d0b9;font-size:13px}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #e2e1c640;padding-top:24px;margin-top:12px}.scene-label{display:flex;gap:14px;align-items:center}.scene-number{font-size:28px;color:#e3d6b7;font-family:Manrope,sans-serif}.scene-label>div{display:grid;gap:5px}.scene-label .eyebrow{font-size:10px;color:#cdd3bd;letter-spacing:1px}.scene-name{font-size:14px;color:#eee6d6}.view-controls{display:flex;gap:16px;align-items:center}.view-controls>span{width:1px;height:22px;background:#e3dfc840}.view-controls button{display:flex;align-items:center;justify-content:center;gap:10px;background:#28382e88;border:1px solid #ffffff24;border-radius:8px;font-size:14px;color:#e4e7d8;padding:10px 12px;min-width:44px}.view-controls button:hover{background:#354b3c}.credit{text-align:center;font-size:10px;letter-spacing:2px;color:#ccd4bd;padding:4px 0}.interface{transition:opacity .4s}.immersive .interface{display:none}.app.immersive{height:100svh;min-height:100svh;padding:0;overflow:hidden}.exit-scene{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);border:1px solid #eee6cf55;border-radius:28px;padding:12px 18px;display:flex;gap:8px;align-items:center;justify-content:center;background:#28382ee8;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);font-size:14px;min-height:48px;white-space:nowrap}.error{font-size:14px;line-height:1.6;color:#f5cca9;padding-bottom:16px}@media(min-width:960px){:root{--panel-padding: 28px}.app{grid-template-columns:repeat(2,minmax(0,500px));column-gap:clamp(40px,6vw,100px);row-gap:48px;padding:32px 40px}.topbar,.footer,.credit{grid-column:1 / -1}.intro{padding-top:0}.sound-panel{margin-top:0}.topbar{margin-bottom:24px}.intro h1{font-size:clamp(48px,4.8vw,68px)}.footer{margin-top:16px}}@media(min-width:1200px){.tagline{display:block;margin-right:auto;margin-left:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.rain-visual{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100svh;pointer-events:none;z-index:-1}.day-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:24px;padding:6px;border:1px solid #e8dfbf40;border-radius:12px;background:#25392ee8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.day-control button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:64px;padding:8px 4px;border:1px solid transparent;border-radius:8px;background:transparent;color:#d4dccb;font-size:13px;line-height:1.4}.day-control button[aria-pressed=true]{background:#e7cc9f;color:#354032;border-color:#edd9b7}.day-control button:hover:not([aria-pressed=true]){background:#ffffff10}.forest{transition:filter 1.2s ease}.forest stop{transition:stop-color 1.2s ease}.app[data-time=morning]{--sky-top: #9fc4cf;--sky-middle: #e2e8c9;--sky-bottom: #a6b99d;--scene-light: #fffce7}.app[data-time=morning] .forest{filter:brightness(1.12) saturate(.8)}.app[data-time=night]{--sky-top: #101c3a;--sky-middle: #344565;--sky-bottom: #506477;--scene-light: #bccfe8}.app[data-time=night] .forest{filter:brightness(.54) saturate(.45) hue-rotate(15deg)}.scene-shade:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 28% 24% at 73% 15%,#dceaff26 0%,#bfd8fc12 45%,transparent 100%),radial-gradient(ellipse 65% 75% at 73% 10%,#b8d4ff14 0%,#a4c5f508 55%,transparent 100%),radial-gradient(ellipse 48% 27% at 65% 76%,#bcdcff0d 0%,transparent 100%);opacity:0;transition:opacity 1.8s ease}.app[data-time=night] .scene-shade:before{opacity:1}@media(prefers-reduced-motion:reduce){.scene-shade:before{transition:none}}.scene-shade:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b183b44,#07112699);opacity:0;transition:opacity 1.2s ease}.app[data-time=night] .scene-shade:after{opacity:1}.app[data-time=night] .falling-leaves{opacity:.45}.app[data-time=night] .sound-panel,.app[data-time=night] .focus-timer,.app[data-time=night] .day-control{background:#192937ed}.falling-leaves{transition:opacity 1.2s ease}.fox-body{transform-box:fill-box;transform-origin:50% 90%;animation:fox-breathing 5.5s ease-in-out infinite}@keyframes fox-breathing{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.045)}}.fox-tail{transform-box:fill-box;transform-origin:88% 24%;animation:fox-tail-sway 8s ease-in-out infinite}@keyframes fox-tail-sway{0%,to{transform:rotate(0)}35%{transform:rotate(2deg)}65%{transform:rotate(-1deg)}}@media(prefers-reduced-motion:reduce){.fox-body,.fox-tail{animation:none}}.fox-sleep-pose,.fox-awake-pose{transform-box:fill-box;transform-origin:50% 100%;transition:opacity 1.3s ease,transform 1.6s cubic-bezier(.4,0,.2,1)}.fox-sleep-pose{opacity:1;transform:translateY(0) scale(1)}.fox-awake-pose{opacity:0;transform:translateY(14px) scale(.9,.65)}.fox-companion[data-awake=true] .fox-sleep-pose{opacity:0;transform:translateY(-8px) scale(.9)}.fox-companion[data-awake=true] .fox-awake-pose{opacity:1;transform:translateY(0) scale(1)}.fox-alert-tail{transform-box:fill-box;transform-origin:8% 85%;animation:fox-alert-flick 7s ease-in-out infinite}.fox-alert-body{transform-box:fill-box;transform-origin:50% 100%;animation:fox-alert-breath 4.5s ease-in-out infinite}.fox-blink{transform-box:fill-box;transform-origin:center;animation:fox-blink 6.8s linear infinite}@keyframes fox-alert-flick{0%,55%,to{transform:rotate(0)}65%{transform:rotate(-9deg)}74%{transform:rotate(4deg)}83%{transform:rotate(-3deg)}92%{transform:rotate(0)}}@keyframes fox-alert-breath{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.012)}}@keyframes fox-blink{0%,43%,47%,78%,82%,to{transform:scaleY(1)}45%,80%{transform:scaleY(.06)}}.fox-companion[data-awake=false] .fox-awake-pose *,.fox-companion[data-awake=true] .sleeping-fox *{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.fox-alert-tail,.fox-alert-body,.fox-blink{animation:none}.fox-sleep-pose,.fox-awake-pose{transition:none}}.control-stack{display:grid;gap:24px;align-self:start;min-width:0}.control-card{padding:0;overflow:hidden}.control-card-heading{margin:0;font-size:18px;font-weight:500}.control-card-heading button{display:flex;align-items:center;gap:12px;width:100%;padding:20px var(--panel-padding);min-height:64px;border:0;background:transparent;text-align:left}.control-card-heading button>span{flex:1}.control-card-heading button>svg{color:#d7bd8e}.control-card-content{padding:0 var(--panel-padding) 12px}.control-card-content .day-control{margin:0 0 24px}.fox-visibility{display:flex;align-items:center;gap:12px;min-height:48px;margin:0 0 12px;cursor:pointer;font-size:16px}.fox-visibility input{width:24px;height:24px;accent-color:#e7cc9f;margin:0}.control-card-content .panel-description{margin-top:0}.control-section{min-width:0}.control-section[hidden]{display:none}.focus-section{order:-1}.focus-section .focus-timer{margin-top:0}.timer-message{font-size:14px;line-height:1.6;color:#d1d5c2;margin:12px 0 20px}.desktop-dock{display:none}@media(min-width:960px){.app{grid-template-columns:minmax(0,1fr) minmax(380px,460px);align-content:start;column-gap:clamp(40px,7vw,130px);row-gap:28px;padding:28px clamp(32px,5vw,90px) 120px}.topbar{margin-bottom:24px}.intro{padding-top:36px;max-width:500px}.intro h1{font-size:clamp(42px,4vw,60px)}.intro p{font-size:15px}.control-stack{display:block;background:#25392ef2;border:1px solid #f2e5c940;border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);max-height:calc(100svh - 210px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#859378 transparent}.control-tabs{display:flex;position:sticky;top:0;z-index:2;padding:10px;gap:4px;background:#25392e;border-bottom:1px solid #ffffff18}.control-tabs button{flex:1;border:0;border-radius:8px;background:transparent;color:#d6ddcc;font-size:14px}.control-tabs button[aria-selected=true]{background:#e7cc9f;color:#354032}.control-section .control-card,.control-section .focus-timer{border:0;background:transparent!important;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0}.control-card-heading{display:none}.control-card-content{padding:22px}.control-card-content[hidden]{display:block}.mixers{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;padding:24px 0 4px}.range-label{font-size:13px;gap:6px}.range-label label{gap:6px}.range-label>span{font-size:12px}.focus-section .timer-toggle{display:none}.focus-section #timer-content{padding:22px}.timer-tabs{border-top:0;padding-top:0}.timer-readout{margin-top:24px}.timer-readout>span{font-size:56px}.timer-settings{gap:12px}.control-stack .day-control{margin-bottom:20px}.footer{display:none}.credit{position:fixed;bottom:12px;left:0;right:0;padding:0;font-size:9px;pointer-events:none}.desktop-dock{position:fixed;z-index:5;bottom:36px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:8px 12px;background:#25392eed;border:1px solid #e8dfbf40;border-radius:16px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 32px #15241c33;max-width:calc(100vw - 64px);white-space:nowrap}.desktop-dock button{display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:8px;background:transparent;padding:10px 12px;font-size:14px;color:#e9e7d6}.desktop-dock button:hover{background:#ffffff12}.desktop-dock>button:first-child{background:#e7cc9f;color:#354032}.dock-timer{display:flex;align-items:center;border-left:1px solid #ffffff20;border-right:1px solid #ffffff20;padding:0 8px;font-variant-numeric:tabular-nums}.app[data-time=night] .control-stack,.app[data-time=night] .control-tabs{background:#192937ed}.immersive .desktop-dock{display:none}}.scene-picker{border:0;padding:0;margin:0 0 24px;min-width:0}.scene-picker legend{font-size:14px;color:#e8dfc7;margin-bottom:12px}.scene-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.scene-choices button{border:1px solid #e8dfbf30;border-radius:9px;background:#ffffff08;text-align:left;padding:12px;min-height:76px;display:flex;flex-direction:column;justify-content:center;gap:6px;font-size:14px}.scene-choices button small{display:flex;align-items:center;gap:5px;font-size:11px;color:#c4cdbb}.scene-choices button[aria-pressed=true]{border-color:#e7cc9f;background:#e7cc9f20}.scene-choices button:disabled{opacity:.5;cursor:not-allowed}.preview-scenes{display:flex;gap:10px;align-items:center;min-height:48px;font-size:13px;margin-top:10px;cursor:pointer}.preview-scenes input{width:22px;height:22px;accent-color:#e7cc9f}.scene-preview-note{font-size:12px;line-height:1.5;color:#c4cdbb;margin:0}.lake-ripples{animation:lake-drift 8s ease-in-out infinite alternate}.stream-ripples{animation:stream-flow 5s ease-in-out infinite alternate}@keyframes lake-drift{0%{transform:translate(-6px);opacity:.65}to{transform:translate(6px);opacity:1}}@keyframes stream-flow{0%{transform:translate(-3px,-5px);opacity:.65}to{transform:translate(5px,9px);opacity:1}}@media(prefers-reduced-motion:reduce){.lake-ripples,.stream-ripples{animation:none}}.sleep-timer{margin-top:22px;padding-top:18px;border-top:1px solid #ffffff24}.sleep-heading{display:flex;justify-content:space-between;gap:12px;font-weight:600}.sleep-heading [role=timer]{font-variant-numeric:tabular-nums;color:#f2d4a4}.sleep-timer p{font-size:12px;line-height:1.5;color:#d6ddcc;margin:8px 0 12px}.sleep-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.sleep-actions label{display:flex;align-items:center;gap:8px;font-size:13px}.sleep-actions input{width:68px;min-height:44px;border:1px solid #ffffff40;border-radius:8px;background:#18291e;color:#fff8e9;padding:8px}.sleep-actions button,.sleep-cancel{border:1px solid #ffffff40;border-radius:8px;background:#ffffff12;padding:8px 12px;font-size:13px}.sleep-actions button:disabled{opacity:.45;cursor:default}.fox-mood-picker{border:0;margin:22px 0 0;padding:0;min-width:0}.fox-mood-picker legend{font-size:14px;font-weight:600;margin-bottom:12px}.fox-mood-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.fox-mood-options button{border:1px solid #ffffff30;border-radius:8px;background:#ffffff08;font-size:12px;padding:8px 4px}.fox-mood-options button[aria-pressed=true]{background:#e7cc9f;border-color:#e7cc9f;color:#354032}.fox-mood-picker p{color:#d6ddcc;font-size:12px;line-height:1.5;margin:10px 0 0}.fox-mood-picker:disabled{opacity:.45}.fox-mood-picker:disabled button{cursor:default}.fox-alert-head{transform-box:view-box;transform-origin:85px 35px}.fox-ear{transform-box:fill-box;transform-origin:50% 95%}.fox-ear-left{animation:fox-ear-listen 17s ease-in-out infinite}.fox-ear-right{animation:fox-ear-listen 23s ease-in-out infinite;animation-delay:-7s}.fox-companion[data-mood=sleepy] .fox-body{animation-duration:7s}.fox-companion[data-mood=sleepy] .fox-rest-head{transform-box:view-box;transform-origin:58px 72px;animation:fox-rest-yawn 22s ease-in-out infinite}.fox-companion[data-mood=sleepy] .fox-yawn{transform-box:fill-box;transform-origin:center;animation:fox-mouth-yawn 22s ease-in-out infinite}.fox-companion[data-mood=sleepy] .fox-tail{animation:fox-rest-tail 31s ease-in-out infinite}.fox-companion[data-mood=playful] .fox-alert-head{animation:fox-watch-leaf 16s ease-in-out infinite}.fox-companion[data-mood=playful] .fox-alert-tail{animation:fox-play-tail 16s ease-in-out infinite}.fox-front-paw{transform-box:view-box;transform-origin:73px 58px}.fox-companion[data-mood=playful] .fox-front-paw{animation:fox-paw-bat 16s ease-in-out infinite}.fox-play-leaf{opacity:0;transform-box:fill-box;transform-origin:center;transition:opacity 1.3s ease}.fox-companion[data-mood=playful] .fox-play-leaf{opacity:1;animation:fox-leaf-nudge 16s ease-in-out infinite}@keyframes fox-ear-listen{0%,68%,80%,to{transform:rotate(0)}71%{transform:rotate(-9deg)}74%{transform:rotate(3deg)}77%{transform:rotate(-2deg)}}@keyframes fox-rest-yawn{0%,60%,88%,to{transform:translate(0) rotate(0)}67%{transform:translate(1px,-3px) rotate(3deg)}71%,77%{transform:translate(1px,-7px) rotate(6deg)}82%{transform:translateY(-2px) rotate(1deg)}}@keyframes fox-mouth-yawn{0%,65%,84%,to{transform:scaleY(.15)}71%,75%{transform:scale(1.1,5)}79%{transform:scaleY(2)}}@keyframes fox-rest-tail{0%,74%,85%,to{transform:rotate(0)}78%{transform:rotate(-1.8deg)}81%{transform:rotate(.7deg)}}@keyframes fox-watch-leaf{0%,18%,70%,to{transform:rotate(0)}27%,39%{transform:rotate(-8deg)}44%,52%{transform:rotate(-5deg) translateY(2px)}60%{transform:rotate(3deg)}}@keyframes fox-paw-bat{0%,37%,58%,to{transform:rotate(0)}42%{transform:rotate(17deg) translateY(-3px)}47%{transform:rotate(27deg)}51%{transform:rotate(14deg) translateY(-2px)}}@keyframes fox-leaf-nudge{0%,46%,to{transform:translate(0) rotate(0)}50%{transform:translate(-10px,-4px) rotate(-35deg)}57%,82%{transform:translate(-12px) rotate(-50deg)}92%{transform:translate(-5px,-2px) rotate(-20deg)}}@keyframes fox-play-tail{0%,32%,68%,to{transform:rotate(0)}40%,51%{transform:rotate(-5deg)}45%,57%{transform:rotate(4deg)}}@media(prefers-reduced-motion:reduce){.fox-companion *{animation:none!important;transition:none!important}}.bird-travel{animation:bird-visit 42s linear infinite;animation-delay:var(--bird-delay)}.bird-wing{transform-box:fill-box;transform-origin:90% 50%;animation:bird-wingbeat .28s ease-in-out infinite}.bird-flight-wings{animation:bird-fold-wings 42s steps(1) infinite;animation-delay:var(--bird-delay)}.bird-head{transform-box:fill-box;transform-origin:40% 90%;animation:bird-look 9s ease-in-out infinite}@keyframes bird-fold-wings{0%,69%{opacity:1}17%{opacity:0}}@keyframes bird-visit{0%{transform:translate(-650px,-160px);opacity:0}2%{opacity:1}8%{transform:translate(-330px,-100px)}13%{transform:translate(-90px,-35px)}16%{transform:translate(-8px,-8px)}17%,68%{transform:translate(0);opacity:1}69%{transform:translateY(2px)}72%{transform:translate(90px,-65px)}79%{transform:translate(420px,-160px);opacity:1}85%,to{transform:translate(850px,-250px);opacity:0}}@keyframes bird-wingbeat{0%,to{transform:rotate(0) scaleY(1)}50%{transform:rotate(65deg) scaleY(1.7)}}@keyframes bird-look{0%,55%,83%,to{transform:rotate(0)}65%,73%{transform:rotate(12deg)}}.tree-bird[data-paused=true] *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.tree-bird *{animation:none!important}}@media(prefers-reduced-motion:reduce){.bird-flight-wings{display:none}}.wildlife-animal{padding:18px 0;border-top:1px solid #ffffff24}.wildlife-animal:last-child{padding-bottom:0}.wildlife-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;min-height:44px}.wildlife-toggle>svg{color:#e7cc9f;flex-shrink:0}.wildlife-toggle>span{flex:1;font-size:14px;font-weight:600}.wildlife-toggle small{display:block;font-size:12px;font-weight:400;line-height:1.5;color:#d6ddcc;margin-top:4px}.wildlife-toggle input{width:22px;height:22px;accent-color:#e7cc9f;cursor:pointer;flex-shrink:0}.wildlife-animal .fox-mood-picker{margin-top:16px}.land-cloud{animation:cloud-drift 100s ease-in-out infinite alternate}@keyframes cloud-drift{0%{transform:translate(-35px)}to{transform:translate(55px)}}@media(prefers-reduced-motion:reduce){.land-cloud{animation:none}}.tree-bird[data-night=true] .bird-travel{animation:none;transform:translate(0);opacity:1}.tree-bird[data-night=true] .bird-flight-wings{display:none}.tree-bird[data-night=true] .bird-head{animation:none;transform:rotate(10deg)}.sky-sun,.sky-moon{transition:opacity 1.4s ease}.sky-moon{opacity:0}.sky-sun{opacity:1}.app[data-time=morning]{--sun-disc: #fff0c2}.app[data-time=night] .sky-sun{opacity:0}.app[data-time=night] .sky-moon{opacity:1}@media(prefers-reduced-motion:reduce){.sky-sun,.sky-moon{transition:none}}.preset-save{display:grid;gap:10px}.preset-save label{font-size:13px}.preset-save input{min-width:0;width:100%;min-height:44px;border:1px solid #ffffff40;border-radius:8px;padding:10px;color:#fff8e9;background:#18291e}.preset-save input::placeholder{color:#b7c2b0}.preset-save button,.preset-actions button,.preset-undo,.preset-confirm button{border:1px solid #ffffff40;border-radius:8px;padding:8px 12px;background:#ffffff12;font-size:13px}.preset-save button{display:flex;align-items:center;justify-content:center;gap:8px;background:#e7cc9f;color:#354032}.preset-save button:disabled,.preset-actions button:disabled{opacity:.45;cursor:default}.preset-note{font-size:12px;line-height:1.5;color:#d6ddcc;margin:10px 0}.preset-status{font-size:13px;color:#f2d4a4}.preset-list{list-style:none;padding:0;margin:16px 0 0}.preset-list li{border-top:1px solid #ffffff24;padding:16px 0}.preset-heading{display:flex;gap:12px;justify-content:space-between;font-size:14px;overflow-wrap:anywhere}.preset-heading span{color:#f2d4a4;font-size:12px}.preset-actions{display:flex;gap:8px}.preset-actions button:last-child{margin-left:auto}.preset-confirm{font-size:13px;line-height:1.5}.preset-confirm button{margin-right:8px}@media(min-width:960px){.control-tabs{gap:2px;padding:8px 5px}.control-tabs button{min-width:0;font-size:12px;padding-inline:6px}}.focus-timer{margin-top:28px;width:100%;max-width:100%;border:1px solid #e8dfbf30;border-radius:12px;background:#25392ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.timer-toggle{width:100%;display:flex;align-items:center;gap:10px;padding:16px var(--panel-padding);background:none;border:0;font-size:15px;text-align:left}.timer-toggle>svg{color:#d7bd8e}.timer-summary{margin-left:auto;font-size:12px;color:#c8cdb8}.focus-timer #timer-content{padding:0 var(--panel-padding) var(--panel-padding)}.timer-tabs{display:flex;gap:5px;border-top:1px solid #ffffff14;padding-top:14px}.timer-tabs button{padding:7px 17px;border:0;border-radius:5px;background:transparent;color:#c6cdbb;font-size:14px}.timer-tabs button[aria-pressed=true]{background:#e7cc9f20;color:#f3d9af}.timer-readout{display:flex;align-items:center;justify-content:space-between;margin-top:15px;gap:10px}.timer-readout>span{font-size:48px;font-weight:400;letter-spacing:-1px;font-variant-numeric:tabular-nums}.timer-colon{opacity:.45}.timer-readout .timer-hidden{font-size:23px;letter-spacing:-.5px}.timer-readout button{background:none;border:0;font-size:14px;color:#d8d7bf;text-decoration:underline;text-underline-offset:3px}.intro .timer-message{font-size:14px;line-height:1.6;min-height:44px;margin:8px 0 12px;color:#d1d5c2}.timer-actions{display:flex;gap:8px}.timer-actions button{border:1px solid #e0d2b633;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;font-size:15px}.timer-start{flex:1;background:#e7cc9f;color:#354032}.timer-reset{background:transparent;width:48px}.timer-settings{display:flex;flex-wrap:wrap;gap:13px;margin-top:16px;align-items:center}.timer-settings label{font-size:14px;display:flex;align-items:center;gap:5px;color:#d4d6c5}.timer-settings input[type=number]{width:64px;padding:10px 8px;background:#ffffff0b;border:1px solid #ffffff24;border-radius:4px;color:#fff4db;font:inherit}.timer-settings input:disabled{opacity:.5}.chime-option input{accent-color:#e7cc9f}.scene-timer{position:fixed;z-index:10;bottom:calc(82px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:10px;max-width:calc(100vw - 32px);width:max-content;padding:10px 16px;border:1px solid #eee6cf38;border-radius:30px;background:#28382ecc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#eee6d6;font-size:12px;font-variant-numeric:tabular-nums;box-shadow:0 4px 20px #18231d20}.scene-timer>svg{color:#d7bd8e}.scene-timer button{display:grid;place-items:center;min-width:44px;min-height:44px;margin:-6px -7px -6px 2px;border:0;border-radius:50%;background:transparent;color:#eee6d6}.scene-timer button:hover{background:#ffffff15}.scene-timer-paused{font-size:14px;color:#d7bd8e}.exit-scene{position:fixed;bottom:calc(30px + env(safe-area-inset-bottom,0px))}.completion-shimmer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;box-shadow:inset 0 0 35px 8px #ffffff80,inset 0 0 100px 22px #ffffff40;animation:shimmer-edge-pulse 2s ease-in-out 5 both;will-change:opacity}@keyframes shimmer-edge-pulse{0%,to{opacity:0}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.completion-shimmer{animation:none;opacity:.35;will-change:auto}}.timer-toggle{flex-wrap:wrap;min-height:56px}.timer-toggle>span:first-of-type{flex:1}.timer-summary{display:none}.timer-tabs button{flex:1;min-height:44px}.timer-readout{flex-wrap:wrap}.timer-readout button{min-height:44px;padding:8px 0}.timer-actions button{min-height:48px}.timer-settings{gap:12px 20px}.timer-settings label{min-height:44px;flex-wrap:wrap}.timer-settings input[type=number]{font-size:16px;min-height:44px}.chime-option{cursor:pointer;min-width:88px}.chime-option input{width:24px;height:24px;margin:0 5px 0 0}.scene-timer{font-size:14px;bottom:calc(90px + env(safe-area-inset-bottom,0px));min-height:48px}.scene-timer-paused{font-size:12px}@media(min-width:480px){.timer-summary{display:block}}.scene-sleep-timer.with-focus-timer{bottom:calc(150px + env(safe-area-inset-bottom,0px))}.dock-sleep{display:flex;align-items:center;gap:6px;padding:0 12px;font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums;color:#eee6d6}