:root{--bg: #131210;--surface: #1a1816;--panel: #1f1c19;--elev: #25221e;--hover: #2c2925;--line: rgba(255,255,255,.06);--line-2: rgba(255,255,255,.1);--line-3: rgba(255,255,255,.18);--text: #f3efe8;--text-2: #c9c3b6;--muted: #8e8678;--faint: #5d574c;--mint: #a8e6b8;--mint-2: #7dd9a5;--mint-ink: #0e2418;--peach: #e8b894;--sky: #9ec9e8;--rose: #e8a8a8;--r-xs: 6px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px}:root[data-theme=light]{--bg: #f5f2ec;--surface: #ffffff;--panel: #faf7f1;--elev: #ffffff;--hover: #efeae0;--line: rgba(0,0,0,.06);--line-2: rgba(0,0,0,.1);--line-3: rgba(0,0,0,.18);--text: #1a1816;--text-2: #3e3a32;--muted: #756e60;--faint: #b8b0a0;--mint: #4cb380;--mint-2: #2f8f60;--mint-ink: #ffffff}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Manrope,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;color:inherit}a{color:inherit;text-decoration:none}code,.mono{font-family:JetBrains Mono,ui-monospace,monospace}.app{min-height:100vh}.btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--line-2);background:var(--elev);color:var(--text);border-radius:var(--r-sm);font-size:13px;font-weight:500;cursor:pointer;transition:background .12s,border-color .12s,transform .04s}.btn:hover{background:var(--hover);border-color:var(--line-3)}.btn:active{transform:translateY(.5px)}.btn.primary{background:var(--mint);color:var(--mint-ink);border-color:transparent;font-weight:600}.btn.primary:hover{background:var(--mint-2)}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn.ghost:hover{background:var(--hover);color:var(--text)}.btn.sm{height:26px;padding:0 9px;font-size:12px;border-radius:var(--r-xs)}.btn.lg{height:40px;padding:0 18px;font-size:14px;border-radius:var(--r-md)}.btn.icon{padding:0;width:32px;justify-content:center}.btn.icon.sm{width:26px}.chip{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;background:var(--hover);border:1px solid var(--line);border-radius:999px;font-size:11.5px;color:var(--text-2);font-weight:500}.chip.mint{background:color-mix(in oklab,var(--mint),transparent 80%);border-color:color-mix(in oklab,var(--mint),transparent 60%);color:var(--mint)}.chip.peach{background:color-mix(in oklab,var(--peach),transparent 82%);border-color:color-mix(in oklab,var(--peach),transparent 65%);color:var(--peach)}.chip.faint{background:transparent;border-color:var(--line-2);color:var(--muted)}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:var(--hover);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;color:var(--text-2)}.divider{height:1px;background:var(--line)}.v-divider{width:1px;background:var(--line);align-self:stretch}.logo{display:inline-flex;align-items:center;gap:8px;font-weight:700;letter-spacing:-.01em}.logo-mark{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,var(--mint),var(--peach));position:relative;flex-shrink:0}.logo-mark:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:3px;background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--mint)}.scroll{overflow:auto}.scroll::-webkit-scrollbar{width:10px;height:10px}.scroll::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:999px;border:2px solid transparent;background-clip:content-box}.scroll::-webkit-scrollbar-thumb:hover{background:var(--line-3);border:2px solid transparent;background-clip:content-box}.scroll::-webkit-scrollbar-track{background:transparent}:focus-visible{outline:2px solid var(--mint);outline-offset:1px;border-radius:4px}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.02em}p{margin:0}@media(max-width:880px){.responsive-note{display:block!important}}