:root{--z-ink: #0e131c;--z-surface: rgba(14, 19, 28, .78);--z-surface-strong: rgba(14, 19, 28, .92);--z-surface-raised: rgba(30, 38, 52, .9);--z-line: rgba(255, 255, 255, .1);--z-line-strong: rgba(255, 255, 255, .2);--z-text: #f3efe6;--z-text-dim: #b8c0cc;--z-text-faint: #7f8a9c;--z-gold: #f4c95d;--z-gold-ink: #1d1606;--z-sea: #4aa3df;--z-terracotta: #e2725b;--z-olive: #9cbf6b;--z-glow: rgba(244, 201, 93, .35);--z-font: "Segoe UI", system-ui, -apple-system, "Noto Sans", "Helvetica Neue", sans-serif;--z-fs-xs: 11px;--z-fs-sm: 12.5px;--z-fs-md: 14px;--z-fs-lg: 17px;--z-fs-xl: 22px;--z-1: 4px;--z-2: 8px;--z-3: 12px;--z-4: 16px;--z-5: 24px;--z-r-sm: 8px;--z-r-md: 12px;--z-r-lg: 18px;--z-r-pill: 999px;--z-shadow: 0 8px 28px rgba(0, 0, 0, .38);--z-blur: blur(10px) saturate(1.2);--z-ease: cubic-bezier(.2, .7, .2, 1);--z-fast: .16s;--z-slow: .42s;--panel-bg: var(--z-surface);--panel-border: var(--z-line);--accent: var(--z-gold);--text: var(--z-text)}:root[data-daypart=dawn]{--z-gold: #ffb98a;--z-glow: rgba(255, 185, 138, .35)}:root[data-daypart=dusk]{--z-gold: #ff9f6e;--z-glow: rgba(255, 159, 110, .38);--z-surface: rgba(24, 16, 28, .8)}:root[data-daypart=night]{--z-gold: #f4d27a;--z-glow: rgba(244, 210, 122, .3);--z-surface: rgba(8, 11, 20, .82)}@media(prefers-reduced-motion:reduce){:root{--z-fast: 0ms;--z-slow: 0ms}}html,body.z3{margin:0;height:100%;overflow:hidden;background:var(--z-ink);color:var(--z-text);font-family:var(--z-font)}#three-root,#three-root canvas{position:fixed;inset:0;display:block;width:100%;height:100%;touch-action:none}#bubbles{position:fixed;inset:0;pointer-events:none;z-index:5}.z3-top{position:fixed;top:max(var(--z-3),env(safe-area-inset-top));left:var(--z-3);right:var(--z-3);z-index:10;display:flex;align-items:center;gap:var(--z-2);flex-wrap:wrap}.z3-top>*{background:var(--z-surface);border:1px solid var(--z-line);backdrop-filter:var(--z-blur);border-radius:var(--z-r-pill)}.z3-brand{padding:7px 14px;color:var(--z-gold);font-weight:800;letter-spacing:.08em;text-decoration:none}.z3-brand span{color:var(--z-text);font-weight:600;letter-spacing:0;margin-left:4px}.z3-clock{display:flex;align-items:baseline;gap:var(--z-2);padding:6px 14px}.z3-clock strong{font-size:var(--z-fs-lg);font-variant-numeric:tabular-nums}.z3-clock span,.z3-chip{font-size:var(--z-fs-sm);color:var(--z-text-dim)}.z3-chip{padding:7px 12px}.z3-grow{flex:1;background:none!important;border:0!important;backdrop-filter:none!important}.z3-modes{display:flex;padding:3px;gap:2px}.z3-modes button{border:0;background:none;color:var(--z-text-dim);font:600 var(--z-fs-sm) var(--z-font);padding:6px 12px;border-radius:var(--z-r-pill);cursor:pointer}.z3-modes button[aria-pressed=true]{background:var(--z-gold);color:var(--z-gold-ink)}.z3-switch{padding:7px 14px;color:var(--z-text);text-decoration:none;font-weight:700}.z3-switch:hover,.z3-brand:hover{border-color:var(--z-line-strong)}:focus-visible{outline:2px solid var(--z-gold);outline-offset:2px}.z3-card{position:fixed;left:var(--z-3);bottom:max(var(--z-3),env(safe-area-inset-bottom));z-index:10;display:grid;gap:2px;padding:var(--z-3) var(--z-4);min-width:220px;max-width:320px;background:var(--z-surface-strong);border:1px solid var(--z-line);border-radius:var(--z-r-md);box-shadow:var(--z-shadow)}.z3-card[hidden]{display:none}.z3-kicker{font-size:var(--z-fs-xs);color:var(--z-gold)}.z3-card strong{font-size:var(--z-fs-lg)}.z3-card span:last-child{color:var(--z-text-dim);font-size:var(--z-fs-sm)}.z3-feed{position:fixed;right:var(--z-3);bottom:max(var(--z-3),env(safe-area-inset-bottom));z-index:10;width:min(340px,45vw);list-style:none;margin:0;padding:0;display:grid;gap:4px}.z3-feed li{background:var(--z-surface);border:1px solid var(--z-line);border-radius:var(--z-r-sm);padding:6px 10px;font-size:var(--z-fs-sm);backdrop-filter:var(--z-blur)}.z3-feed li:first-child{border-color:var(--z-line-strong)}.z3-feed li:nth-child(n+4){opacity:.6}.z3-hint{position:fixed;left:50%;transform:translate(-50%);bottom:6px;margin:0;z-index:4;font-size:var(--z-fs-xs);color:var(--z-text-faint);text-shadow:0 1px 2px #000;white-space:nowrap}.b3{position:absolute;left:0;top:0;max-width:220px;padding:5px 9px;border-radius:12px;background:#fffdf8;color:#1b1d27;font-size:13px;line-height:1.3;box-shadow:0 3px 10px #0000004d;display:flex;align-items:center;gap:5px;will-change:transform}.b3:after{content:"";position:absolute;left:50%;bottom:-6px;margin-left:-6px;border:6px solid transparent;border-bottom:0;border-top-color:#fffdf8}.b3[hidden]{display:none}.b3[data-kind=thought]{background:#eef3ff;font-style:italic}.b3[data-kind=thought]:after{border-top-color:#eef3ff}.b3[data-kind=phone]{background:#fff6e0}.b3[data-kind=phone]:after{border-top-color:#fff6e0}.b3[data-kind=emote],.b3[data-kind=name]{padding:3px 7px;background:var(--z-surface-strong);color:var(--z-text)}.b3[data-kind=emote]:after,.b3[data-kind=name]:after{border-top-color:var(--z-surface-strong)}.b3-name{font-weight:700;color:var(--z-gold)}.b3-emote{display:inline-flex;color:var(--z-terracotta)}@media(max-width:720px){.z3-clock span,.z3-chip,.z3-hint{display:none}.z3-modes button{padding:6px 9px}.z3-feed{display:none}.z3-card{right:var(--z-3);max-width:none}.b3{font-size:12px;max-width:170px}}@media(prefers-reduced-motion:reduce){.b3{transition:none}}.z3-fallback{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;color:#e8e8f0;background:#0e131c;font-family:Segoe UI,system-ui,sans-serif}.z3-fallback strong{font-size:20px}.z3-fallback p{max-width:34ch;margin:0;line-height:1.5;opacity:.85}.z3-fallback-go{margin-top:6px;padding:10px 18px;border-radius:999px;background:#ffd76b;color:#1a1408;font-weight:700;text-decoration:none}.z3-fallback-go:focus-visible{outline:3px solid #fff;outline-offset:3px}body.z3-no-webgl .z3-hint,body.z3-no-webgl #h-modes,body.z3-no-webgl .z3-clock,body.z3-no-webgl .z3-chip{display:none}