:root{--bg:#0a0a0b;--bg-elevated:#111114;--bg-subtle:#16161a;--bg-hover:#1c1c21;--surface-card:#0f0f12;--surface-card-hover:#141418;--surface:var(--surface-card);--border:#1f1f24;--border-strong:#2a2a31;--border-subtle:#18181c;--fg:#f5f5f7;--fg-secondary:#a1a1aa;--fg-muted:#8f8f99;--fg-faint:#6f6f78;--accent:#8d70ff;--accent-hover:#8d70ff;--accent-soft:rgba(124,92,255,0.12);--accent-border:rgba(124,92,255,0.35);--cyan:#4cc8ff;--cyan-soft:rgba(76,200,255,0.12);--green:#4ade80;--green-soft:rgba(74,222,128,0.12);--red:#ff6363;--red-soft:rgba(255,99,99,0.12);--orange:#ff9b54;--orange-soft:rgba(255,155,84,0.14);--agent-claude:#d97757;--agent-codex:#10a37f;--agent-cursor:#c5c5cd;--agent-gemini:#4c8bf5;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:20px;--font-sans:var(--font-geist-sans),"Apple SD Gothic Neo","Malgun Gothic",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:var(--font-geist-mono),ui-monospace,"SFMono-Regular","Menlo","Consolas",monospace;--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow-md:0 4px 12px rgba(0,0,0,0.4),0 1px 2px rgba(0,0,0,0.3);--shadow-lg:0 16px 40px rgba(0,0,0,0.5),0 4px 8px rgba(0,0,0,0.3);--shadow-glow:0 0 0 1px var(--accent-border),0 8px 32px rgba(124,92,255,0.18);--header-h:56px;--max-w:1280px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-16:64px;--space-24:96px;--duration-micro:120ms;--duration-standard:180ms;--ease-standard:ease-in-out;--ease-out:ease-out;--z-header:50;--z-policy-overlay:90;--z-skip-link:100;--z-noise:2147483647}[data-theme=light]{--bg:#fbfbfc;--bg-elevated:#ffffff;--bg-subtle:#f4f4f6;--bg-hover:#ececef;--surface-card:#ffffff;--surface-card-hover:#fafafb;--surface:var(--surface-card);--border:#e6e6ea;--border-strong:#d4d4d9;--border-subtle:#efeff2;--fg:#0a0a0b;--fg-secondary:#52525b;--fg-muted:#71717a;--fg-faint:#a1a1aa;--accent:#6840ff;--accent-hover:#5731ec;--accent-soft:rgba(104,64,255,0.10);--accent-border:rgba(104,64,255,0.28);--cyan:#0891b2;--green:#16a34a;--red:#dc2626;--orange:#ea580c;--shadow-sm:0 1px 2px rgba(15,15,20,0.06);--shadow-md:0 4px 12px rgba(15,15,20,0.08),0 1px 2px rgba(15,15,20,0.04);--shadow-lg:0 16px 40px rgba(15,15,20,0.12),0 4px 8px rgba(15,15,20,0.06);--shadow-glow:0 0 0 1px var(--accent-border),0 8px 24px rgba(104,64,255,0.14)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark;scroll-behavior:smooth;text-size-adjust:100%;-webkit-text-size-adjust:100%}[data-theme=light]{color-scheme:light}body,html{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;overflow-x:hidden;touch-action:manipulation;-webkit-tap-highlight-color:color-mix(in srgb,var(--accent) 18%,transparent)}body:before{content:"";position:fixed;inset:0;z-index:var(--z-noise);pointer-events:none;opacity:.028;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.9) 0 1px,transparent 1px),radial-gradient(circle at 80% 30%,rgba(255,255,255,.6) 0 1px,transparent 1px);background-size:26px 26px,38px 38px;mix-blend-mode:soft-light}.skip-link{position:fixed;left:var(--space-4);top:var(--space-3);z-index:var(--z-skip-link);transform:translateY(-160%);padding:var(--space-2) var(--space-3);border-radius:var(--r-md);background:var(--fg);color:var(--bg);font-weight:600;box-shadow:var(--shadow-lg);transition:transform var(--duration-standard) var(--ease-out)}.skip-link:focus-visible{transform:translateY(0);outline:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}[role=button]:focus-visible,[role=link]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-soft);color:var(--fg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.mono{font-family:var(--font-mono)}.tabular{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.container{max-width:var(--max-w);margin:0 auto;padding:0 32px}.skeleton{position:relative;overflow:hidden;background:linear-gradient(90deg,var(--bg-subtle),var(--bg-hover),var(--bg-subtle));background-size:220% 100%;animation:skeleton-shimmer 1.35s ease-in-out infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;height:32px;border-radius:var(--r-md);font-size:13px;font-weight:500;letter-spacing:-.005em;transition:background .12s,border-color .12s,transform .06s,color .12s;white-space:nowrap;border:1px solid transparent}.btn:active{transform:translateY(.5px)}.btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.btn-primary{background:var(--fg);color:var(--bg)}.btn-primary:hover{background:color-mix(in srgb,var(--fg) 88%,var(--accent))}.btn-accent{background:var(--accent);color:white}.btn-accent:hover{background:var(--accent-hover)}.btn-ghost{color:var(--fg-secondary)}.btn-ghost:hover{color:var(--fg);background:var(--bg-subtle)}.btn-outline{color:var(--fg);background:var(--bg-elevated)}.btn-outline,.btn-outline:hover{border-color:var(--border-strong)}.btn-outline:hover{background:var(--bg-hover)}.btn-danger{border-color:color-mix(in srgb,var(--red) 52%,var(--border));color:var(--red);background:var(--red-soft)}.btn-danger:hover{border-color:color-mix(in srgb,var(--red) 72%,var(--border));background:color-mix(in srgb,var(--red) 18%,var(--surface-card))}.btn-lg{height:40px;padding:0 20px;font-size:14px;border-radius:var(--r-md)}.btn-sm{height:26px;padding:0 10px;font-size:12px;border-radius:var(--r-sm)}.icon{width:14px;height:14px;stroke:currentColor;stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-sm{width:12px;height:12px}.icon-lg{width:16px;height:16px}.icon-xl{width:20px;height:20px}@media (max-width:900px){.container{padding:0 20px}}@media (max-width:640px){.container{padding:0 16px}.kbd{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.skeleton{animation:none!important}}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:500;border:1px solid var(--border);background:var(--bg-subtle);color:var(--fg-secondary);height:22px;font-family:var(--font-mono)}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-agent{background:var(--bg-subtle);border-color:var(--border)}.agent-glyph{display:inline-grid;place-items:center;flex:0 0 auto;width:20px;height:20px;min-width:20px;padding:0;border-radius:7px;color:currentColor;border:1px solid color-mix(in srgb,currentColor 52%,var(--border));background:radial-gradient(circle at 28% 18%,color-mix(in srgb,currentColor 22%,transparent),transparent 38%),linear-gradient(145deg,color-mix(in srgb,currentColor 13%,var(--bg-elevated)) 0,color-mix(in srgb,#000 18%,var(--bg-subtle)) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(0,0,0,.22)}.agent-glyph svg{width:100%;height:100%;overflow:visible}.agent-glyph-panel{fill:color-mix(in srgb,currentColor 14%,transparent);stroke:currentColor;stroke-width:1.55;stroke-linejoin:round;stroke-linecap:round}.agent-glyph-soft{fill:none;stroke:color-mix(in srgb,currentColor 62%,var(--fg));stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;opacity:.86}.agent-glyph-core{fill:color-mix(in srgb,currentColor 82%,var(--fg));stroke:none}.agent-glyph-accent{fill:none;stroke:color-mix(in srgb,var(--fg) 78%,currentColor);stroke-width:1.55;stroke-linecap:round}.agent-glyph-soft-fill{fill:color-mix(in srgb,currentColor 22%,transparent);stroke:none;opacity:.8}.agent-glyph-core-fill{fill:color-mix(in srgb,var(--fg) 86%,currentColor);stroke:none}.badge-agent.claude{color:var(--agent-claude)}.badge-agent.codex{color:var(--agent-codex)}.badge-agent.cursor{color:var(--agent-cursor)}.badge-agent.gemini{color:var(--agent-gemini)}.badge-visibility.public{color:var(--green)}.badge-visibility.unlisted{color:var(--orange)}.badge-visibility.private{color:var(--fg-muted)}.tag{display:inline-flex;align-items:center;padding:2px 7px;border-radius:var(--r-xs);font-size:11px;color:var(--fg-secondary);background:var(--bg-subtle);font-family:var(--font-mono);border:1px solid transparent;transition:color .1s,background .1s;cursor:pointer}.tag:hover{color:var(--fg);background:var(--bg-hover)}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:600;font-family:var(--font-mono);flex-shrink:0;overflow:hidden;position:relative}.avatar:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--av-c1,#7c5cff),var(--av-c2,#4cc8ff));opacity:.85}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.avatar span{position:relative;z-index:1;color:white}.avatar.sm{width:24px;height:24px;font-size:11px}.avatar.lg{width:48px;height:48px;font-size:18px}.avatar.xl{width:80px;height:80px;font-size:28px}.card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .15s,background .15s,transform .15s,box-shadow .15s}.card:hover{border-color:var(--border-strong);box-shadow:0 1px 0 rgba(255,255,255,.035) inset,var(--shadow-sm)}.input{height:32px;padding:0 10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-md);color:var(--fg);font-size:13px;width:100%;transition:border-color .12s,background .12s}.input:focus{outline:none;border-color:var(--accent-border);background:var(--surface-card)}.input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.input::placeholder{color:var(--fg-muted)}input:not([class]):not([type=checkbox]):not([type=radio]),select:not([class]),textarea:not([class]){width:100%;min-width:0;padding:8px 10px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-elevated);color:var(--fg);transition:border-color .12s,background .12s,box-shadow .12s}textarea:not([class]){line-height:1.5}select:not([class]){color-scheme:inherit}input:not([class]):not([type=checkbox]):not([type=radio])::placeholder,textarea:not([class])::placeholder{color:var(--fg-muted)}input:not([class]):not([type=checkbox]):not([type=radio]):focus,select:not([class]):focus,textarea:not([class]):focus{outline:none;border-color:var(--accent-border);background:var(--surface-card)}input:not([class]):not([type=checkbox]):not([type=radio]):focus-visible,select:not([class]):focus-visible,textarea:not([class]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:4px;background:var(--bg-subtle);border:solid var(--border);border-width:1px 1px 2px;font-family:var(--font-mono);font-size:10px;color:var(--fg-muted)}.divider{height:1px;background:var(--border-subtle);width:100%}.grid-bg{background-image:linear-gradient(to right,var(--border-subtle) 1px,transparent 1px),linear-gradient(to bottom,var(--border-subtle) 1px,transparent 1px);background-size:64px 64px;background-position:-1px -1px}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in .4s ease-out both}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.pulse-dot{animation:pulse-dot 1.6s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:110% 0}to{background-position:-110% 0}}.glow-radial{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 50% 0,rgba(124,92,255,.18),transparent 70%),radial-gradient(ellipse 50% 40% at 80% 20%,rgba(76,200,255,.1),transparent 70%)}.bar{height:6px;background:var(--bg-subtle);overflow:hidden;position:relative}.bar,.bar-fill{border-radius:999px}.bar-fill{height:100%;background:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}