*{box-sizing:border-box}html,body{color:#f4efe6;-webkit-font-smoothing:antialiased;touch-action:none;overscroll-behavior:none;background:#0d1117;height:100%;margin:0;font-family:ui-rounded,Nunito,Segoe UI,system-ui,sans-serif;overflow:hidden}#app{position:fixed;inset:0}#view{width:100%;height:100%;display:block;position:absolute;inset:0}#ui-root{pointer-events:none;padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));position:absolute;inset:0}.nudge{top:max(14px, env(safe-area-inset-top));text-align:center;text-shadow:0 2px 10px #000000d9;opacity:.9;max-width:min(30rem,82vw);font-size:clamp(.95rem,3.6vw,1.15rem);line-height:1.35;position:absolute;left:50%;transform:translate(-50%)}.said{text-align:center;color:#ffeccd;text-shadow:0 2px 12px #000000e6;opacity:0;max-width:min(28rem,84vw);font-size:clamp(1rem,4vw,1.25rem);font-style:italic;transition:opacity .4s;position:absolute;bottom:34%;left:50%;transform:translate(-50%)}.said[data-on=true]{opacity:1}.monitor{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute}.monitor .label{letter-spacing:.14em;text-transform:uppercase;opacity:.55;font-size:.68rem}.lights{gap:5px;display:flex}.lights i{background:#2c333c;border-radius:50%;width:11px;height:11px;transition:background .18s linear,box-shadow .18s linear;box-shadow:inset 0 0 0 1px #ffffff1f}.lights i[data-lit=calm]{background:#64d18a;box-shadow:0 0 8px #64d18a}.lights i[data-lit=stirring]{background:#e8c15c;box-shadow:0 0 8px #e8c15c}.lights i[data-lit=awake]{background:#e8695c;box-shadow:0 0 10px #e8695c}.singing{color:#f4b8cf;opacity:0;font-size:.7rem;transition:opacity .25s}.singing[data-on=true]{opacity:1}.reach{bottom:max(22px, env(safe-area-inset-bottom));right:max(18px, env(safe-area-inset-right));color:#2a2118;min-width:132px;min-height:56px;font:inherit;pointer-events:auto;cursor:pointer;touch-action:none;background:#fff0d8ed;background-image:linear-gradient(to right, #78be8c8c var(--fill,0%), #0000 var(--fill,0%));border:0;border-radius:16px;padding:10px 18px;font-size:1rem;font-weight:700;line-height:1.2;transition:transform .12s,opacity .16s;position:absolute;transform:scale(1);box-shadow:0 8px 22px #00000073}.reach[hidden]{display:none}.reach:active{transform:scale(.96)}.reach small{opacity:.65;font-size:.74rem;font-weight:500;display:block}.stick{bottom:max(22px, env(safe-area-inset-bottom));left:max(18px, env(safe-area-inset-left));pointer-events:auto;touch-action:none;background:#ffffff12;border:1px solid #ffffff29;border-radius:50%;width:132px;height:132px;position:absolute}.stick .knob{background:#fff0d8b8;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%;box-shadow:0 4px 14px #0006}.blanket{pointer-events:none;opacity:1;background:radial-gradient(120% 90% at 50% 55%,#0000 8%,#18222edb 46%,#0a1018 78%);transition:opacity .5s;position:absolute;inset:0}.blanket[data-off=true]{opacity:0}.fade{opacity:0;pointer-events:none;background:#fff8ec;position:absolute;inset:0}.card{text-align:center;pointer-events:auto;background:#0d1117;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:28px;display:none;position:absolute;inset:0}.card[data-on=true]{display:flex}.card h1{letter-spacing:.02em;margin:0;font-size:clamp(1.6rem,7vw,2.6rem)}.card p{opacity:.82;max-width:30rem;margin:0;line-height:1.5}.card button{color:#2a2118;min-height:48px;font:inherit;cursor:pointer;background:#ffeccd;border:0;border-radius:14px;margin-top:10px;padding:12px 22px;font-weight:700}.gate{text-align:center;pointer-events:auto;background:#0d1117;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:28px;display:flex;position:absolute;inset:0}.gate[hidden]{display:none}.gate h1{margin:0;font-size:clamp(1.8rem,8vw,3rem)}.gate p{opacity:.75;max-width:26rem;margin:0;line-height:1.5}.gate small{opacity:.5}.gate .ghost{color:#f4efe6;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff38;border-radius:12px;margin-top:4px;padding:8px 16px;font-size:.85rem}.gate .ghost[hidden]{display:none}.mute{bottom:max(22px, env(safe-area-inset-bottom));color:#f4efe6;min-height:40px;font:inherit;pointer-events:auto;cursor:pointer;background:#0000004d;border:1px solid #ffffff2e;border-radius:12px;padding:6px 14px;font-size:.8rem;position:absolute;left:50%;transform:translate(-50%)}