:root{--bg: oklch(.155 .008 110);--bg-2: oklch(.185 .009 110);--surface: oklch(.205 .01 110);--surface-2: oklch(.235 .011 110);--line: oklch(.3 .01 110);--line-soft: oklch(.26 .009 110);--text: oklch(.96 .008 105);--text-dim: oklch(.74 .01 105);--text-faint:oklch(.55 .01 105);--ai: oklch(.9 .2 122);--ai-deep: oklch(.8 .17 122);--ai-glow: oklch(.9 .2 122 / .18);--human: oklch(.86 .13 220);--human-deep:oklch(.78 .12 220);--human-glow:oklch(.86 .13 220 / .16);--ok: oklch(.82 .16 158);--warn: oklch(.85 .15 80);--err: oklch(.72 .18 22);--r-sm: 10px;--r: 16px;--r-lg: 22px;--r-pill: 999px;--shadow: 0 1px 0 oklch(1 0 0 / .04) inset, 0 18px 50px -20px oklch(0 0 0 / .7);--shadow-pop: 0 24px 70px -24px oklch(0 0 0 / .85);--ease: cubic-bezier(.2, .8, .2, 1);--font-display: "Clash Display", "Satoshi", sans-serif;--font-ui: "Satoshi", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-ui);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(60% 50% at 8% -8%,var(--ai-glow),transparent 70%),radial-gradient(55% 45% at 100% 0%,var(--human-glow),transparent 65%),linear-gradient(180deg,var(--bg-2),var(--bg) 40%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.5;background-image:linear-gradient(oklch(1 0 0 / .018) 1px,transparent 1px),linear-gradient(90deg,oklch(1 0 0 / .018) 1px,transparent 1px);background-size:46px 46px,46px 46px;-webkit-mask-image:radial-gradient(120% 90% at 50% 0%,#000 55%,transparent 100%);mask-image:radial-gradient(120% 90% at 50% 0%,#000 55%,transparent 100%)}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}::selection{background:var(--ai);color:var(--bg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--line-soft)}.shell{display:grid;grid-template-columns:76px 1fr;height:100vh}.rail{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 0;border-right:1px solid var(--line-soft);background:linear-gradient(180deg,oklch(1 0 0 / .02),transparent)}.rail .logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(120% 120% at 30% 20%,var(--ai),var(--ai-deep));color:var(--bg);font-family:var(--font-display);font-weight:700;font-size:22px;box-shadow:0 8px 24px -8px var(--ai-glow);margin-bottom:14px}.rail button.nav{width:46px;height:46px;border-radius:13px;border:1px solid transparent;background:transparent;color:var(--text-faint);cursor:pointer;display:grid;place-items:center;transition:all .18s var(--ease);position:relative}.rail button.nav:hover{color:var(--text);background:var(--surface)}.rail button.nav.active{color:var(--ai);background:var(--surface-2);border-color:var(--line)}.rail button.nav.active:before{content:"";position:absolute;left:-18px;top:50%;transform:translateY(-50%);width:3px;height:22px;border-radius:9px;background:var(--ai);box-shadow:0 0 14px var(--ai)}.rail .spacer{flex:1}.main{overflow:hidden;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;padding:16px 28px;border-bottom:1px solid var(--line-soft)}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint)}.topbar h1{font-size:21px}.cmdk{display:flex;align-items:center;gap:10px;margin-left:auto;padding:9px 14px;border-radius:var(--r-pill);cursor:text;border:1px solid var(--line);background:#ffffff05;color:var(--text-faint);min-width:270px;transition:border-color .2s var(--ease)}.cmdk:hover{border-color:var(--line-soft)}.cmdk kbd{font-family:var(--font-mono);font-size:11px;padding:2px 7px;border-radius:6px;background:var(--surface-2);border:1px solid var(--line);color:var(--text-dim)}.brandchip{display:flex;align-items:center;gap:9px;padding:7px 12px 7px 8px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);font-size:13px;font-weight:500}.brandchip .dot{width:8px;height:8px;border-radius:99px;background:var(--ai);box-shadow:0 0 10px var(--ai)}.scroll{overflow-y:auto;padding:28px;flex:1}.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;max-width:1320px}.card{grid-column:span 6;position:relative;border-radius:var(--r);background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--line-soft);box-shadow:var(--shadow);padding:20px;overflow:hidden}.card.glass{background:#1b1b168c;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}.card.span-4{grid-column:span 4}.card.span-5{grid-column:span 5}.card.span-7{grid-column:span 7}.card.span-8{grid-column:span 8}.card.span-12{grid-column:span 12}.card-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.card-head h3{font-size:14px;font-weight:600;letter-spacing:.01em}.card-head .ico{color:var(--text-faint);display:grid;place-items:center}.card-head .meta{margin-left:auto;font-size:11px}button.btn{font-family:var(--font-ui);font-weight:600;font-size:13.5px;cursor:pointer;border:0;border-radius:var(--r-sm);padding:10px 16px;color:var(--bg);background:linear-gradient(180deg,var(--ai),var(--ai-deep));box-shadow:0 8px 22px -10px var(--ai-glow);transition:transform .08s var(--ease),filter .18s var(--ease)}button.btn:hover{filter:brightness(1.06)}button.btn:active{transform:scale(.97)}button.btn:disabled{opacity:.5;cursor:not-allowed}button.btn.human{background:linear-gradient(180deg,var(--human),var(--human-deep));box-shadow:0 8px 22px -10px var(--human-glow)}button.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line);box-shadow:none}button.btn.ghost:hover{background:var(--surface-2);border-color:var(--line-soft)}button.btn.danger{background:transparent;color:var(--err);border:1px solid oklch(.72 .18 22 / .4);box-shadow:none}button.btn.sm{padding:7px 12px;font-size:12.5px}label.lbl{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin:4px 0 7px}input.in,textarea.in{width:100%;font-family:var(--font-ui);font-size:14px;color:var(--text);background:#070805;border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}input.in:focus,textarea.in:focus{outline:none;border-color:var(--ai-deep);box-shadow:0 0 0 3px var(--ai-glow)}textarea.in{min-height:96px;resize:vertical;line-height:1.55}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:var(--r-pill);border:1px solid var(--line);color:var(--text-dim)}.pill .led{width:6px;height:6px;border-radius:99px;background:currentColor}.pill.ai{color:var(--ai);border-color:#c8f23c59;background:#c8f23c14}.pill.human{color:var(--human);border-color:#7fe1ff59;border-color:oklch(.86 .13 220 / .35);background:#7fe1ff14;background:oklch(.86 .13 220 / .08)}.pill.ok{color:var(--ok);border-color:#53e39c59}.pill.warn{color:var(--warn);border-color:#ffc25159;border-color:oklch(.85 .15 80 / .35)}.agent{display:flex;align-items:center;gap:12px;padding:11px;border-radius:var(--r-sm);border:1px solid transparent;transition:all .18s var(--ease);cursor:default}.agent:hover{background:var(--surface-2);border-color:var(--line-soft)}.agent .av{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--bg);background:linear-gradient(150deg,var(--ai),var(--ai-deep));position:relative}.agent .av.working:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:13px;border:1.5px solid var(--ai);opacity:.6;animation:ring 1.6s var(--ease) infinite}@keyframes ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.25);opacity:0}}.agent .nm{font-weight:600;font-size:13.5px}.agent .role{font-size:11.5px;color:var(--text-faint)}.trust{padding:14px;border-radius:var(--r-sm);border:1px solid var(--line-soft);background:#12120d99}.trust+.trust{margin-top:10px}.trust .row1{display:flex;align-items:center;gap:9px;margin-bottom:8px}.trust .by{font-size:12px;color:var(--text-faint);margin-left:auto}.trust .body{font-size:13.5px;line-height:1.55;color:var(--text);white-space:pre-wrap}.trust .why{font-size:12px;color:var(--text-dim);margin-top:8px;font-style:italic}.gauge{display:flex;align-items:center;gap:10px;margin-top:12px}.gauge .bar{flex:1;height:6px;border-radius:99px;background:#070805;overflow:hidden}.gauge .bar>span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--ai-deep),var(--ai));box-shadow:0 0 10px var(--ai-glow)}.gauge .num{font-family:var(--font-mono);font-size:12px;color:var(--ai);min-width:38px;text-align:right}.trust .actions{display:flex;gap:8px;margin-top:12px}.src{display:inline-flex;gap:5px;font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint);margin-right:8px}.ticker{display:flex;flex-direction:column;gap:2px}.tick{display:flex;align-items:baseline;gap:9px;padding:8px 4px;border-bottom:1px solid var(--line-soft)}.tick .t{font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint);flex:none}.tick .ev{font-family:var(--font-mono);font-size:11.5px;color:var(--ai)}.tick .ev.human{color:var(--human)}.tick .d{font-size:12px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list{display:flex;flex-direction:column;gap:8px}.row{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:var(--r-sm);border:1px solid var(--line-soft);background:#14141080}.row .net{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--surface-2);font-size:13px;flex:none}.feed{max-height:340px;overflow-y:auto;padding-right:4px}.empty{text-align:center;color:var(--text-faint);font-size:13px;padding:26px 10px}.empty .big{font-size:26px;margin-bottom:8px;opacity:.5}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#03040299;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:start center;padding-top:14vh}.palette{width:min(620px,92vw);border-radius:var(--r-lg);border:1px solid var(--line);background:#161611db;-webkit-backdrop-filter:blur(28px) saturate(1.3);backdrop-filter:blur(28px) saturate(1.3);box-shadow:var(--shadow-pop);overflow:hidden}.palette input{width:100%;border:0;background:transparent;padding:18px 20px;color:var(--text);font-size:16px;font-family:var(--font-ui);border-bottom:1px solid var(--line-soft)}.palette input:focus{outline:none}.palette .opt{display:flex;align-items:center;gap:12px;padding:12px 18px;cursor:pointer;font-size:14px}.palette .opt[data-on="1"]{background:var(--surface-2)}.palette .opt .k{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.palette .opt .ai{color:var(--ai)}.onb{display:grid;place-items:center;height:100vh;padding:24px}.onb .card{grid-column:unset;width:min(460px,94vw);padding:30px}.onb .mark{font-family:var(--font-display);font-weight:700;font-size:30px;letter-spacing:-.03em}.onb .mark b{color:var(--ai)}.onb .sub{color:var(--text-dim);font-size:14px;margin:8px 0 22px;line-height:1.5}.stack{display:flex;flex-direction:column;gap:14px}.rowx{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}@media(max-width:1000px){.card,.card.span-4,.card.span-5,.card.span-7,.card.span-8{grid-column:span 12}}