:root{--font: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--bg: #f3ece1;--bg-deep: #e9dfce;--surface: #fbf7f0;--ink: #2c2620;--ink-soft: #786d5f;--ink-faint: #a99c89;--accent: #b5683f;--accent-soft: rgba(181, 104, 63, .14);--hairline: rgba(44, 38, 32, .12);--scrim-top: rgba(28, 22, 16, .55);--scrim-bottom: rgba(28, 22, 16, .62);--shadow: 0 1px 2px rgba(44, 38, 32, .04), 0 8px 28px rgba(44, 38, 32, .08);--grain: .035}[data-mood=quiet]{--bg: #f4f3f0;--bg-deep: #eae8e3;--surface: #fcfcfb;--ink: #26262a;--ink-soft: #6c6c72;--ink-faint: #a6a6ac;--accent: #5f7257;--accent-soft: rgba(95, 114, 87, .13);--hairline: rgba(38, 38, 42, .1);--scrim-top: rgba(20, 22, 20, .42);--scrim-bottom: rgba(20, 22, 20, .5);--shadow: 0 1px 2px rgba(38, 38, 42, .04), 0 8px 28px rgba(38, 38, 42, .07);--grain: .02}[data-mood=twilight]{--bg: #1e1814;--bg-deep: #14100d;--surface: #2a2219;--ink: #efe5d6;--ink-soft: #b3a48f;--ink-faint: #7c6f5d;--accent: #dd9d5e;--accent-soft: rgba(221, 157, 94, .16);--hairline: rgba(239, 229, 214, .13);--scrim-top: rgba(8, 6, 4, .5);--scrim-bottom: rgba(8, 6, 4, .66);--shadow: 0 1px 2px rgba(0, 0, 0, .2), 0 12px 36px rgba(0, 0, 0, .4);--grain: .05}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}html,body{margin:0;height:100%}body{font-family:var(--font);background:radial-gradient(120% 80% at 50% -10%,rgba(0,0,0,.02),transparent 60%),#cfc6b8;color:var(--ink);overflow:hidden}#stage{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:background .6s ease}.bh-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg);color:var(--ink);display:flex;flex-direction:column;overflow:hidden}.bh-grain:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:var(--grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}[data-mood=twilight] .bh-grain:after{mix-blend-mode:screen}.bh-soft-btn{font-family:var(--font);font-size:19px;font-weight:500;color:var(--ink);background:var(--surface);border:1px solid var(--hairline);border-radius:999px;padding:17px 30px;cursor:pointer;box-shadow:var(--shadow);white-space:nowrap;transition:transform .25s cubic-bezier(.2,.7,.3,1),background .25s,box-shadow .25s}.bh-soft-btn:hover{transform:translateY(-1px)}.bh-soft-btn:active{transform:translateY(0) scale(.985)}.bh-ghost-btn{font-family:var(--font);font-size:17px;font-weight:500;color:var(--ink-soft);background:transparent;border:0;padding:12px 16px;cursor:pointer;transition:color .25s}.bh-ghost-btn:hover{color:var(--ink)}.bh-fade-in{animation:bhFade 1.1s cubic-bezier(.2,.7,.3,1) both}@keyframes bhFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes bhRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes bhBreathe{0%{transform:scale(1)}to{transform:scale(1.08)}}@keyframes bhPulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes bhGlow{0%,to{opacity:.55}50%{opacity:1}}@keyframes bhSpin{to{transform:rotate(360deg)}}.film-spinner{animation:bhSpin 1.1s linear infinite}.rec-cap{color:#ffffffeb;font-size:16px;font-weight:400;line-height:1.35;text-shadow:0 1px 14px rgba(0,0,0,.6)}.rs-breathe{animation:bhBreathe 3.8s ease-in-out infinite alternate}.rs-just-talk{position:relative}.rs-just-talk:after{content:"";position:absolute;left:50%;bottom:-8px;transform:translate(-50%);width:30px;height:2px;border-radius:2px;background:#ffffffe6;animation:bhGlow 2.6s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.rs-breathe,.rs-just-talk:after{animation:none}}@media (prefers-reduced-motion: reduce){.bh-fade-in{animation-duration:.01ms}}.bh-scroll{overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.bh-scroll::-webkit-scrollbar{display:none}#boot{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#8b8275;font-family:var(--font);font-size:15px;letter-spacing:.04em}.bh-device-toggle{position:fixed;top:14px;right:14px;z-index:100;display:flex;gap:2px;padding:3px;border-radius:999px;background:#ffffffb3;border:1px solid rgba(44,38,32,.1);box-shadow:0 4px 14px #2c26201a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font)}.bh-device-toggle button{font-family:var(--font);font-size:13px;font-weight:500;color:#786d5f;background:transparent;border:0;border-radius:999px;padding:6px 14px;cursor:pointer;transition:background .2s,color .2s}.bh-device-toggle button[data-active=true]{background:#2c2620;color:#f3ece1}.bh-signout{position:fixed;top:14px;left:14px;z-index:100;font-family:var(--font);font-size:13px;font-weight:500;color:#786d5f;background:#ffffffb3;border:1px solid rgba(44,38,32,.1);border-radius:999px;padding:7px 14px;cursor:pointer;box-shadow:0 4px 14px #2c26201a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}