@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Newsreader:opsz,wght@6..72,300;6..72,500&display=swap";:root{color:#eef3ee;font-synthesis:none;--ink:#eef3ee;--muted:#9aaba4;--line:#d2e8de1f;--sage:#b8d8c8;--deep:#07110f;background:#07110f;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 50% -10%,#1c3831 0,#0c1b17 33%,#07110f 68%);margin:0}button,select,input{font:inherit}button{cursor:pointer;border:0}.app{min-height:100svh;padding:max(20px,env(safe-area-inset-top)) 22px max(20px,env(safe-area-inset-bottom));position:relative;overflow:hidden}.app:before{content:"";pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E");position:absolute;inset:0}.sky i{opacity:.5;background:#dff7ea;border-radius:50%;width:2px;height:2px;position:absolute}.sky i:first-child{top:16%;left:11%}.sky i:nth-child(2){width:1px;height:1px;top:27%;right:16%}.sky i:nth-child(3){top:8%;right:36%}.sky i:nth-child(4){width:1px;height:1px;top:42%;left:17%}.sky i:nth-child(5){top:51%;right:11%}header{z-index:2;justify-content:space-between;align-items:center;max-width:740px;margin:auto;display:flex;position:relative}.brand{letter-spacing:.02em;align-items:center;gap:9px;font-weight:600;display:flex}.brand svg{color:var(--sage)}.settings-button{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);background:#ffffff09;border-radius:50%;place-items:center;display:grid}.stage{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:560px;min-height:calc(100svh - 88px);margin:auto;padding:22px 0 38px;display:flex;position:relative}.moon-orbit{border:1px solid #b8d8c81a;border-radius:50%;place-items:center;width:184px;height:184px;margin-bottom:26px;animation:7s ease-in-out infinite breathe;display:grid}.moon{background:radial-gradient(circle at 38% 32%,#f1f1dc 0,#c5d8c5 42%,#73978a 100%);border-radius:50%;width:122px;height:122px;position:relative;overflow:hidden;box-shadow:0 0 38px #b9d8c933,0 0 100px #649b851f}.moon:after,.moon span:before,.moon span:after{content:"";background:#31514621;border-radius:50%;position:absolute}.moon:after{width:23px;height:23px;top:29px;left:24px}.moon span:before{width:13px;height:13px;top:49px;right:27px}.moon span:after{width:31px;height:16px;bottom:21px;left:50px}.kicker{color:#a6b9b0;letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;font-size:.72rem;font-weight:600}.stage h1{letter-spacing:-.035em;min-height:1.1em;margin:0;font-family:Newsreader,serif;font-size:clamp(3rem,14vw,5.8rem);font-weight:300;line-height:1.02}.reading{color:#c2d1ca;margin:9px 0 0;font-family:Newsreader,serif;font-size:1.25rem}.meaning{min-height:1.4em;color:var(--muted);margin:7px 0 25px;font-size:.92rem}.time-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:min(100%,310px);color:var(--muted);text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-bottom:22px;padding:12px 15px;font-size:.8rem;display:grid}.time-panel strong{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.08em}.play-button{color:#10201b;background:var(--sage);border-radius:50%;place-items:center;width:82px;height:82px;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 11px 38px #689c853d}.play-button:hover{transform:translateY(-2px);box-shadow:0 15px 44px #689c8552}.play-button svg{margin-left:3px}.session-active .play-button svg{margin-left:0}.action-label{color:#cad7d1;margin:12px 0 0;font-size:.82rem}.sleep-hint{color:#74867e;max-width:340px;margin:24px 0 0;font-size:.76rem;line-height:1.6}.sheet-backdrop{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:min(100%,600px);max-height:91svh;padding:8px 22px max(24px,env(safe-area-inset-bottom));border:1px solid var(--line);background:#0e1b17;border-bottom:0;border-radius:26px 26px 0 0;overflow:auto;box-shadow:0 -24px 80px #00000061}.sheet-grip{color:#81928a;background:0 0;place-items:center;width:64px;height:32px;margin:auto;display:grid}.sheet h2{margin:6px 0 22px;font-family:Newsreader,serif;font-size:2rem;font-weight:400}.field,.range{gap:9px;margin:0 0 18px;display:grid}.field>span,.range>span{color:#aabbb3;font-size:.78rem;font-weight:600}.two-columns{grid-template-columns:1fr 1fr;gap:12px;display:grid}select{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:#14241f;border-radius:10px;padding:0 12px}.chips{scrollbar-width:none;gap:7px;padding-bottom:2px;display:flex;overflow:auto}.chips::-webkit-scrollbar{display:none}.chips button{border:1px solid var(--line);color:#acbdb5;background:#14241f;border-radius:999px;min-width:max-content;padding:10px 13px}.chips button.selected{color:#10201b;background:#b8d8c8;border-color:#b8d8c8}.range>span{align-items:center;gap:7px;display:flex}.range strong{color:#d8e4de;margin-left:auto}.range input{accent-color:#b8d8c8;width:100%}.done-button{color:#10201b;background:#b8d8c8;border-radius:12px;width:100%;min-height:50px;font-weight:600}@keyframes breathe{50%{border-color:#b8d8c82e;transform:scale(1.035)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}@media (width>=720px){.sheet-backdrop{align-items:center}.sheet{border:1px solid var(--line);border-radius:24px;padding:10px 30px 30px}.stage{padding-bottom:80px}}