:root{--ink: #c9a98a;--ink-dim: rgb(201 169 138 / .45);--night: #07050a;--slow: 2.4s}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--night);color:var(--ink);font:300 16px/1.5 ui-rounded,SF Pro Rounded,system-ui,sans-serif;letter-spacing:.04em;overflow:hidden;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0;background:var(--night)}#app:fullscreen{width:100%;height:100%}body.idle{cursor:none}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}#bg{position:fixed;inset:0;width:100%;height:100%;filter:blur(6px);transform:scale(1.05)}#yawn{position:fixed;inset:0;opacity:.8;transition:opacity 12s ease}#yawn:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(to bottom,transparent 45%,rgb(7 5 10 / .85) 85%)}#yawn video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s linear;-webkit-mask-image:radial-gradient(ellipse at center,#000 45%,transparent 85%);mask-image:radial-gradient(ellipse at center,#000 45%,transparent 85%)}#yawn.gone{opacity:0;pointer-events:none}#fx{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#start{position:fixed;inset:0;display:grid;place-content:end center;justify-items:center;gap:1.2rem;padding-bottom:max(10vh,env(safe-area-inset-bottom));text-align:center;transition:opacity var(--slow) ease}#start.gone{opacity:0;pointer-events:none}h1{margin:0;font-weight:200;font-size:clamp(2rem,7vw,3.6rem);letter-spacing:.12em;text-shadow:0 0 30px rgb(0 0 0 / .8)}#go{margin-top:.8rem;padding:1rem 2.2rem;font:inherit;color:var(--ink);background:#c9a98a14;border:1px solid rgb(201 169 138 / .25);border-radius:999px;cursor:pointer;animation:breathe 10s ease-in-out infinite}#go:hover,#go:focus-visible{background:#c9a98a26;outline:none}@keyframes breathe{0%,to{box-shadow:0 0 #c9a98a0d}40%{box-shadow:0 0 40px 10px #c9a98a2e}}.moods{margin:0;max-width:22rem;display:flex;flex-wrap:wrap;justify-content:center;gap:0 .6rem;align-items:center;color:var(--ink-dim);font-size:.85rem}.moods button{font:inherit;color:inherit;background:none;border:0;padding:.4rem .2rem;cursor:pointer}.moods button:hover,.moods button:focus-visible{color:var(--ink);outline:none}.moods span:has(+button[hidden]){display:none}#note{position:fixed;left:0;right:0;bottom:max(2rem,env(safe-area-inset-bottom));margin:0;text-align:center;font-size:.8rem;color:var(--ink-dim);opacity:0;transition:opacity 2s ease;pointer-events:none}#note.on{opacity:1}#panel{position:fixed;top:max(1.5rem,env(safe-area-inset-top));right:1.5rem;display:flex;gap:1.4rem;font-size:.8rem;opacity:0;transition:opacity 1.5s ease}#panel.on{opacity:1}body.fullscreen #panel{top:auto;bottom:max(4.5rem,env(safe-area-inset-bottom));right:2rem}#sheet{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#07050a99}#sheet[hidden]{display:none}#sheet iframe{width:min(46rem,calc(100% - 2rem));height:min(85vh,60rem);border:1px solid rgb(201 169 138 / .18);border-radius:1rem;background:#0b0810}#sheet-close{position:absolute;top:max(1rem,env(safe-area-inset-top));right:1rem;min-width:44px;min-height:44px;font:inherit;font-size:1.1rem;color:var(--ink);background:#07050ab3;border:1px solid rgb(201 169 138 / .25);border-radius:999px;cursor:pointer}#panel:not(.on){pointer-events:none}#panel button,#panel a{font:inherit;color:var(--ink-dim);background:none;border:0;padding:.3rem 0;text-decoration:none;cursor:pointer}#panel button:hover,#panel a:hover,#panel :focus-visible{color:var(--ink);outline:none}#panel [hidden]{display:none}@media(pointer:coarse){#panel{gap:.2rem;right:.6rem;font-size:.9rem}#panel button,#panel a{display:inline-flex;align-items:center;min-height:44px;padding:.6rem .8rem}}@media(prefers-reduced-motion:reduce){#go{animation:none}}