.brand{letter-spacing:-.01em;color:var(--text-primary);font-family:Fraunces,serif;font-size:19px;font-weight:500;text-decoration:none}.brand em{color:var(--accent-1);font-style:italic;font-weight:400}.pill-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:background .18s var(--ease-out), color .18s var(--ease-out), border-color .18s var(--ease-out), transform .18s var(--ease-out), box-shadow .18s var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-family:Geist,sans-serif;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.pill-btn:hover{background:var(--elevated);color:var(--text-primary);border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pill-btn:active{transform:translateY(0)}.pill-btn svg{flex-shrink:0;width:15px;height:15px}.pill-btn.primary{background:var(--accent-1-soft);color:var(--accent-1);border-color:#0000}.pill-btn.primary:hover{background:var(--accent-1);color:var(--base);box-shadow:0 0 24px var(--accent-1-glow)}.pill-btn.ghost{border-color:var(--border-strong);background:0 0}.pill-btn.ghost:hover{background:var(--surface)}.pill-btn.has-active:after{content:"";background:var(--accent-2);width:7px;height:7px;box-shadow:0 0 10px var(--accent-2-glow);border-radius:50%;position:absolute;top:7px;right:7px}.btn-throb{animation:1.4s ease-in-out infinite btn-throb}@keyframes btn-throb{0%,to{border-color:#0000}50%{border-color:var(--accent-1)}}@media (prefers-reduced-motion:reduce){.btn-throb{animation:none}}.icon-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;width:38px;height:38px;color:var(--text-secondary);transition:background .18s var(--ease-out), color .18s var(--ease-out), border-color .18s var(--ease-out);border-radius:50%;place-items:center;display:grid}.icon-btn:hover{background:var(--elevated);color:var(--text-primary);border-color:var(--border-strong)}.icon-btn svg{width:17px;height:17px}.icon-btn.sm{width:32px;height:32px}.icon-btn.sm svg{width:14px;height:14px}.text-input{background:var(--elevated);border:1px solid var(--border-strong);color:var(--text-primary);transition:border-color .18s var(--ease-out), box-shadow .18s var(--ease-out);border-radius:10px;width:100%;min-width:0;padding:9px 14px;font-family:Geist,sans-serif;font-size:13px}.text-input:focus{border-color:var(--accent-1);box-shadow:0 0 0 3px var(--accent-1-soft);outline:none}.text-input::placeholder{color:var(--text-mute)}.select{background:var(--elevated);border:1px solid var(--border-strong);color:var(--text-secondary);-webkit-appearance:none;appearance:none;cursor:pointer;transition:border-color .18s var(--ease-out), box-shadow .18s var(--ease-out);background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2392798a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:10px;padding:9px 34px 9px 14px;font-family:Geist,sans-serif;font-size:13px}.select:focus{border-color:var(--accent-1);box-shadow:0 0 0 3px var(--accent-1-soft);outline:none}.menu{background:var(--elevated);border:1px solid var(--border-strong);min-width:220px;box-shadow:var(--shadow-xl);border-radius:14px;padding:6px}.menu button{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;transition:background .14s var(--ease-out), color .14s var(--ease-out);background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:9px 12px;font-family:Geist,sans-serif;font-size:13px;font-weight:500;display:flex}.menu button:hover{background:var(--overlay);color:var(--text-primary)}.menu button svg{flex-shrink:0;width:14px;height:14px}.menu button .shortcut{color:var(--text-mute);margin-left:auto;font-family:Geist Mono,monospace;font-size:10px}.menu button.danger{color:var(--danger)}.menu button.danger:hover{background:var(--danger-soft);color:var(--danger)}.menu hr{border:0;border-top:1px solid var(--border);margin:4px 2px}.mono-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-family:Geist Mono,monospace;font-size:10.5px;font-weight:600}.brand-mark{letter-spacing:-.01em;color:var(--text-primary);font-family:Fraunces,serif;font-weight:500;text-decoration:none}.brand-mark em{color:var(--accent-1);font-style:italic;font-weight:400}.error-pill{background:var(--danger-soft);color:var(--danger);border:1px solid #f8717147;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-family:Geist,sans-serif;font-size:13px;font-weight:500;display:flex}.error-pill svg{flex-shrink:0}.chrome{z-index:10;transition:opacity .32s var(--ease-out);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:22px 22px auto}.chrome>*{pointer-events:auto}.chrome-btn[hidden]{display:none}.chrome-btn{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-strong);color:var(--text-secondary);cursor:pointer;transition:all .2s var(--ease-out);background:#1c14209e;border-radius:999px;align-items:center;gap:9px;padding:10px 16px 10px 13px;font-family:Geist,sans-serif;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.chrome-btn:hover{background:var(--elevated);color:var(--text-primary);border-color:var(--accent-1);box-shadow:0 0 30px var(--accent-1-glow)}.chrome-btn svg{width:16px;height:16px}.chrome-right{align-items:center;gap:10px;display:flex}.code-card{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);width:100%;max-height:calc(100vh - 220px);box-shadow:var(--shadow-xl);flex-direction:column;display:flex;overflow:hidden}.code-head{border-bottom:1px solid var(--border);background:var(--elevated);align-items:center;gap:12px;padding:14px 20px;display:flex}.code-head .filename-mono{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:Geist Mono,monospace;font-size:12px;overflow:hidden}.code-head-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.code-head .lang-chip{background:var(--accent-1-soft);color:var(--accent-1);border-radius:999px;padding:3px 10px;font-family:Geist Mono,monospace;font-size:11px;font-weight:600}.code-head .copy-btn{color:var(--text-secondary);background:var(--surface);border:1px solid var(--border-strong);cursor:pointer;border-radius:999px;padding:4px 10px;font-family:Geist Mono,monospace;font-size:12.5px;transition:background .14s,color .14s,border-color .14s}.code-head .copy-btn:hover{color:var(--text-primary);border-color:var(--text-dim)}.code-head .copy-btn,.code-head .wrap-btn{place-items:center;padding:5px;display:grid}.code-head .copy-btn svg,.code-head .wrap-btn svg{width:15px;height:15px}.code-head .wrap-btn{background:var(--surface);border:1px solid var(--border-strong);color:var(--text-secondary);cursor:pointer;border-radius:999px;transition:background .14s,color .14s,border-color .14s}.code-head .wrap-btn:hover{color:var(--text-primary);border-color:var(--text-dim)}.code-head .wrap-btn.on{background:var(--accent-1-soft);color:var(--accent-1);border-color:#0000}.code-head .copy-btn.copied{background:var(--accent-1);color:var(--base);animation:copy-pop .24s var(--ease-out,ease);border-color:#0000}@keyframes copy-pop{0%{transform:scale(1)}45%{transform:scale(1.09)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.code-head .copy-btn.copied{animation:none}}pre.code-block{color:var(--text-secondary);tab-size:2;white-space:pre;flex:1;min-height:0;margin:0;padding:24px 28px;font-family:Geist Mono,monospace;font-size:13px;line-height:1.7;overflow:auto}pre.code-block.wrap{white-space:pre-wrap;word-break:break-word}.fs-btn{z-index:2;-webkit-backdrop-filter:blur(8px);color:#ffffffe6;cursor:pointer;width:34px;height:34px;transition:color .16s ease, border-color .16s ease, background .16s ease, opacity .2s ease, top .22s var(--ease-out);background:#140e18b3;border:1px solid #ffffff24;border-radius:9px;place-items:center;display:grid;position:absolute;top:0;right:-46px}.fs-btn:hover{color:#fff;border-color:var(--accent-3);background:var(--accent-3)}.fs-btn svg{width:15px;height:15px}@media (width<=900px){.fs-btn{top:10px;right:10px}}.lightbox{z-index:100;-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#0a060cf0;place-items:center;padding:4vh 4vw;transition:opacity .24s;display:grid;position:fixed;inset:0}.lightbox.open{opacity:1;pointer-events:auto}.lightbox .lb-media{transition:transform .28s var(--ease-out);transform:scale(.94)}.lightbox.open .lb-media{transform:scale(1)}.lightbox .lb-media img{object-fit:contain;user-select:none;border-radius:10px;width:auto;max-width:92vw;height:auto;max-height:92vh;display:block}.close-glass{color:#ffffffd9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.cc-audio{-webkit-user-select:none;user-select:none;align-items:center;gap:14px;width:100%;display:flex}.cc-audio-controls{flex:none;align-items:center;gap:10px;display:flex}.cc-audio-btn{cursor:pointer;transition:background .15s var(--ease-out), color .15s var(--ease-out), transform .1s var(--ease-out), box-shadow .2s var(--ease-out);border:none;border-radius:50%;place-items:center;padding:0;display:grid}.cc-audio-btn:active{transform:scale(.94)}.cc-audio-play{background:var(--accent-1);color:#241019;width:56px;height:56px;box-shadow:0 4px 18px var(--accent-1-glow)}.cc-audio-play:hover{box-shadow:0 4px 26px var(--accent-1-glow);background:#f18db0}.cc-audio-play svg{width:24px;height:24px}.cc-audio-play .i-pause,.cc-audio.playing .cc-audio-play .i-play{display:none}.cc-audio.playing .cc-audio-play .i-pause{display:block}.cc-audio-minis{flex-direction:column;gap:8px;display:flex}.cc-audio-mini{background:var(--elevated);width:28px;height:28px;color:var(--text-secondary);border:1px solid var(--border)}.cc-audio-mini:hover{background:var(--elevated-strong);color:var(--text-primary)}.cc-audio-mini svg{width:13px;height:13px}.cc-audio-mute .i-muted{display:none}.cc-audio.muted .cc-audio-mute{color:var(--accent-2);border-color:var(--accent-2)}.cc-audio.muted .cc-audio-mute .i-vol{display:none}.cc-audio.muted .cc-audio-mute .i-muted{display:block}.cc-audio-wave{flex:1;min-width:0;position:relative}.cc-audio-wave canvas{cursor:pointer;touch-action:none;width:100%;height:84px;display:block}.cc-audio-times{font-variant-numeric:tabular-nums;color:var(--text-dim);justify-content:space-between;margin-top:2px;font-size:12px;display:flex}.cc-audio-cur{color:var(--text-secondary)}.cc-audio-tip{background:var(--overlay);border:1px solid var(--border-strong);color:var(--text-primary);font-variant-numeric:tabular-nums;border-radius:var(--radius-sm);pointer-events:none;white-space:nowrap;opacity:0;padding:2px 7px;font-size:11px;transition:opacity .12s;position:absolute;top:4px;transform:translate(-50%)}.cc-audio-wave.hovering .cc-audio-tip{opacity:1}.cc-audio audio{display:none}@media (width<=560px){.cc-audio{gap:10px}.cc-audio-play{width:48px;height:48px}.cc-audio-play svg{width:20px;height:20px}.cc-audio-wave canvas{height:68px}}@media (prefers-reduced-motion:reduce){.cc-audio-btn,.cc-audio-tip{transition:none}}.close-glass:hover{background:#ffffff24}.close-glass svg{width:16px;height:16px}.lb-close{position:absolute;top:16px;right:18px}@media (prefers-reduced-motion:reduce){.lightbox,.lightbox .lb-media{transition:none}}:root{--base:#1c1420;--surface:#281a30;--surface-soft:#23172b;--elevated:#34223e;--elevated-strong:#3f2a4a;--overlay:#4a3256;--border:#ffffff0f;--border-strong:#ffffff1f;--text-primary:#f5ecee;--text-secondary:#cdb5bf;--text-dim:#92798a;--text-mute:#6e5a68;--accent-1:#ec7aa0;--accent-1-soft:#ec7aa029;--accent-1-glow:#ec7aa052;--accent-2:#f5c277;--accent-2-soft:#f5c27724;--accent-2-glow:#f5c27747;--accent-3:#b892e8;--accent-3-soft:#b892e824;--accent-3-glow:#b892e847;--danger:#f87171;--danger-soft:#f8717129;--danger-glow:#f8717147;--success:#7bd2a3;--success-soft:#7bd2a324;--warning:#e6b450;--live:#ff3b30;--white:#fff;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:28px;--shadow-sm:0 2px 8px #0000002e;--shadow-md:0 8px 24px #00000042;--shadow-lg:0 18px 48px #00000052;--shadow-xl:0 28px 80px #0000006b;--shadow-glow:0 0 60px #ec7aa02e;--ease-out:cubic-bezier(.2, .7, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--base);color:var(--text-primary);font-feature-settings:"ss01", "ss02", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100vh;font-family:Geist,sans-serif;position:relative}body:before{content:"";pointer-events:none;z-index:1;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:240px 240px;position:fixed;inset:0}h1,h2,h3,h4,h5,h6{letter-spacing:-.015em;margin:0;font-family:Fraunces,serif;font-weight:500}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;color:inherit}input,textarea,select{color:inherit;font-family:inherit}::selection{background:var(--accent-1);color:var(--base)}:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px}