@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Share+Tech+Mono&family=Rajdhani:wght@400;500;600;700&display=swap";.koko-header{z-index:2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#070d18f2,#04070db3);justify-content:space-between;align-items:center;padding:18px 28px;display:flex;position:relative}.brand{align-items:center;gap:14px;display:flex}.brand .mark{border:1px solid var(--cyan);width:38px;height:38px;box-shadow:var(--glow);place-items:center;display:grid;transform:rotate(45deg)}.brand .mark span{font-family:var(--f-display);color:var(--cyan);font-weight:900;transform:rotate(-45deg)}.brand h1{font-family:var(--f-display);letter-spacing:3px;color:#eafdff;text-transform:uppercase;font-size:16px;font-weight:700;line-height:1.1}.brand h1 small{letter-spacing:5px;color:var(--cyan-dim);font-size:10px;font-weight:400;display:block}.status{font-family:var(--f-mono);color:var(--text-dim);align-items:center;gap:22px;font-size:12px;display:flex}.status .live{color:var(--green);align-items:center;gap:7px;display:flex}.status .live .dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 10px var(--green);border-radius:50%;animation:1.6s infinite pulse}.koko-nav{z-index:2;border-bottom:1px solid var(--line);background:#04070d99;gap:2px;padding:0 28px;display:flex;position:relative}.koko-nav .tab{font-family:var(--f-display);letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:none;padding:16px 26px;font-size:12px;font-weight:500;transition:all .2s;position:relative}.koko-nav .tab:hover{color:var(--text)}.koko-nav .tab.active{color:var(--cyan);border-color:var(--line);background:linear-gradient(#22e0ff14,#0000)}.koko-nav .tab.active:after{content:"";background:var(--cyan);height:2px;box-shadow:var(--glow);position:absolute;bottom:-1px;left:0;right:0}.koko-nav .tab .idx{font-family:var(--f-mono);color:var(--cyan-dim);margin-right:8px;font-size:11px}@media (width<=620px){.status .meta{display:none}.koko-nav{overflow-x:auto}.koko-nav .tab{padding:14px 16px}}.logout-btn{font-family:var(--f-display);letter-spacing:2px;border:1px solid var(--line);color:var(--text-dim);cursor:pointer;text-transform:uppercase;background:0 0;padding:6px 12px;font-size:10px;transition:all .2s}.logout-btn:hover{border-color:var(--magenta);color:var(--magenta)}.login-wrap{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;padding:20px;display:flex;position:relative}.login-box{text-align:center;width:100%;max-width:360px;padding:40px 32px}.login-mark{border:1px solid var(--cyan);width:56px;height:56px;box-shadow:var(--glow);place-items:center;margin:0 auto 22px;display:grid;transform:rotate(45deg)}.login-mark span{font-family:var(--f-display);color:var(--cyan);font-size:22px;font-weight:900;transform:rotate(-45deg)}.login-box h1{font-family:var(--f-display);letter-spacing:3px;color:#eafdff;text-transform:uppercase;font-size:18px;font-weight:700}.login-sub{font-family:var(--f-mono);letter-spacing:3px;color:var(--cyan-dim);margin:8px 0 28px;font-size:10px}.login-input{background:var(--panel-2);border:1px solid var(--line);width:100%;color:var(--text);font-family:var(--f-mono);outline:none;margin-bottom:16px;padding:13px 15px;font-size:14px;transition:all .2s}.login-input:focus{border-color:var(--cyan);box-shadow:var(--glow)}.login-btn{width:100%;padding:13px}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-err{font-family:var(--f-mono);color:var(--magenta);margin-bottom:14px;font-size:12px}.login-foot{font-family:var(--f-mono);color:var(--text-dim);letter-spacing:2px;font-size:10px}.radial-wrap{justify-content:center;width:100%;padding:10px 18px 4px;display:flex}.radial-svg{width:100%;max-width:640px;height:auto;display:block}.edge{stroke:#0a6e8580;stroke-width:1.5px;transition:stroke .3s,stroke-width .3s}.edge.lit{stroke:var(--cyan);stroke-width:2.2px;filter:drop-shadow(0 0 4px #22e0ffcc)}.token{fill:#fff;filter:drop-shadow(0 0 6px var(--cyan))}.hub-ring{fill:none;stroke:var(--cyan);stroke-width:1.5px;filter:drop-shadow(0 0 8px #22e0ff99);transform-origin:300px 230px;stroke-dasharray:6 5;animation:12s linear infinite hub-spin}.hub-core{fill:#070d18e6;stroke:var(--cyan);stroke-width:1px}.hub-mark{fill:#eafdff;font-family:var(--f-display);text-anchor:middle;letter-spacing:1px;font-size:16px;font-weight:900}.hub-sub{fill:var(--cyan);font-family:var(--f-mono);text-anchor:middle;letter-spacing:3px;font-size:9px}@keyframes hub-spin{to{transform:rotate(360deg)}}.orb{animation:4s ease-in-out infinite float;animation-delay:var(--d)}.orb-ring{fill:#0a1422e6;stroke:var(--line);stroke-width:1.5px;transition:stroke .3s,filter .3s}.orb-icon{fill:var(--text-dim);text-anchor:middle;font-size:18px;transition:fill .3s}.orb-label{fill:var(--text);font-family:var(--f-display);text-anchor:middle;letter-spacing:1px;text-transform:uppercase;font-size:9px}.orb-sub{fill:var(--text-dim);font-family:var(--f-mono);text-anchor:middle;font-size:8px}.orb.lit .orb-ring{stroke:var(--cyan);filter:drop-shadow(0 0 8px #22e0ffb3)}.orb.lit .orb-icon{fill:var(--cyan)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.flow-status{font-family:var(--f-mono);color:var(--cyan);align-items:center;gap:9px;padding:4px 18px 16px;font-size:11px;display:flex}.flow-status .dot{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 8px var(--cyan);border-radius:50%;animation:1s infinite pulse}.view-fade{animation:.4s fade}.stat{padding:18px}.stat .label{font-family:var(--f-mono);color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;font-size:11px}.stat .val{font-family:var(--f-display);color:#eafdff;text-shadow:var(--glow);word-break:break-word;margin-top:8px;font-size:30px;font-weight:700}.stat .val.small{font-size:20px}.stat .val.cyan{color:var(--cyan)}.stat .val.amber{color:var(--amber);text-shadow:0 0 12px #ffb64866}.stat .val.green{color:var(--green);text-shadow:0 0 12px #3cff8e66}.stat .sub{font-family:var(--f-mono);color:var(--green);margin-top:6px;font-size:11px}.logbox{font-family:var(--f-mono);max-height:280px;padding:0 18px 18px;font-size:12px;line-height:2;overflow-y:auto}.logbox .ln{border-bottom:1px solid #22e0ff0f;gap:14px;padding:3px 0;display:flex}.logbox .t{color:var(--cyan-dim);flex:0 0 70px}.logbox .src{color:var(--amber);flex:0 0 105px}.logbox .msg{color:var(--text)}.bars{align-items:flex-end;gap:10px;height:190px;padding:24px 18px;display:flex}.bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;display:flex}.bar .col{background:linear-gradient(180deg, var(--cyan), var(--cyan-dim));width:100%;box-shadow:var(--glow);transition:height .4s}.bar .col.amber{background:linear-gradient(180deg, var(--amber), #7a4f12);box-shadow:0 0 10px #ffb6484d}.bar .bl{font-family:var(--f-mono);color:var(--text-dim);font-size:10px}.koko-table{border-collapse:collapse;width:100%;font-family:var(--f-mono);font-size:12px}.koko-table th{text-align:left;color:var(--cyan-dim);border-bottom:1px solid var(--line);letter-spacing:1px;text-transform:uppercase;padding:11px 18px;font-size:10px;font-weight:400}.koko-table td{color:var(--text);border-bottom:1px solid #22e0ff12;padding:11px 18px}.koko-table td .mdl{color:var(--cyan)}.pill{border:1px solid var(--line);padding:2px 9px;font-size:10px}.pill.on{color:var(--green);border-color:#3cff8e66}.empty{text-align:center;padding:56px 18px}.empty .ic{color:var(--cyan-dim);margin-bottom:14px;font-size:40px}.empty h4{font-family:var(--f-display);color:var(--text);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-size:14px}.empty p{color:var(--text-dim);font-family:var(--f-mono);max-width:440px;margin:0 auto 20px;font-size:12px;line-height:1.7}.gen-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.gen-card{cursor:pointer;padding:22px;transition:all .2s}.gen-card:hover{border-color:var(--cyan);box-shadow:var(--glow)}.gen-card .gt{font-family:var(--f-display);color:#eafdff;letter-spacing:1px;margin-bottom:8px;font-size:15px}.gen-card .gd{font-family:var(--f-mono);color:var(--text-dim);font-size:11px;line-height:1.7}@media (width<=620px){.gen-grid{grid-template-columns:1fr}}.mini-btn{font-family:var(--f-mono);color:var(--cyan);border:1px solid var(--line);cursor:pointer;background:#22e0ff14;padding:4px 12px;font-size:11px;transition:all .2s}.mini-btn:hover{border-color:var(--cyan);box-shadow:var(--glow)}.mini-btn:disabled{opacity:.4;cursor:not-allowed}.confirm-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02050acc;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirm-box{width:100%;max-width:380px;padding:26px}.confirm-box h3{font-family:var(--f-display);color:var(--amber);letter-spacing:2px;margin-bottom:12px;font-size:15px}.confirm-box p{font-family:var(--f-mono);color:var(--text);font-size:13px;line-height:1.6}.gen-input{background:var(--panel-2);border:1px solid var(--line);width:100%;color:var(--text);font-family:var(--f-mono);resize:vertical;outline:none;margin-top:8px;padding:12px 14px;font-size:13px;transition:all .2s}.gen-input:focus{border-color:var(--cyan);box-shadow:var(--glow)}.model-select{background:var(--panel-2);border:1px solid var(--line);width:100%;max-width:480px;color:var(--text);font-family:var(--f-mono);cursor:pointer;outline:none;padding:12px 14px;font-size:13px;transition:all .2s}.model-select:focus{border-color:var(--cyan);box-shadow:var(--glow)}.model-select option{background:var(--panel);color:var(--text)}:root{--bg:#04070d;--panel:#070d18;--panel-2:#0a1422;--grid:#0d2438;--cyan:#22e0ff;--cyan-dim:#0a6e85;--gold:#ffc24a;--amber:#ffb648;--magenta:#ff3caa;--green:#3cff8e;--text:#bfe9f5;--text-dim:#5b8298;--line:#22e0ff2e;--glow:0 0 12px #22e0ff73;--glow-gold:0 0 12px #ffc24a73;--f-display:"Orbitron", sans-serif;--f-body:"Rajdhani", sans-serif;--f-mono:"Share Tech Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--f-body);background-image:linear-gradient(#0d243880 1px,#0000 1px),linear-gradient(90deg,#0d243880 1px,#0000 1px);background-size:44px 44px;min-height:100vh;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 50% -10%,#22e0ff1a,#0000 55%);position:fixed;inset:0}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--panel)}::-webkit-scrollbar-thumb{background:var(--cyan-dim);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--cyan)}.mb{margin-bottom:18px}.grid-2{grid-template-columns:1fr 1fr;gap:18px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}@media (width<=980px){.grid-4{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr}}@media (width<=620px){.grid-4,.grid-2{grid-template-columns:1fr}}.panel{background:linear-gradient(180deg, var(--panel), var(--panel-2));border:1px solid var(--line);position:relative}.panel:before,.panel:after{content:"";border:1px solid var(--cyan);width:10px;height:10px;position:absolute}.panel:before{border-bottom:none;border-right:none;top:-1px;left:-1px}.panel:after{border-top:none;border-left:none;bottom:-1px;right:-1px}.panel-h{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:13px 18px;display:flex}.panel-h h3{font-family:var(--f-display);letter-spacing:2px;color:#dffaff;text-transform:uppercase;font-size:12px;font-weight:500}.panel-h .tag{font-family:var(--f-mono);color:var(--cyan-dim);border:1px solid var(--line);padding:2px 8px;font-size:10px}.soon{font-family:var(--f-mono);color:var(--amber);border:1px solid #ffb64866;padding:3px 10px;font-size:10px;display:inline-block}.btn{font-family:var(--f-display);letter-spacing:2px;text-transform:uppercase;color:var(--cyan);border:1px solid var(--cyan);cursor:pointer;background:#22e0ff14;padding:9px 18px;font-size:11px;transition:all .2s}.btn:hover{background:var(--cyan);color:#02141a;box-shadow:var(--glow)}.btn.ghost{border-color:var(--line);color:var(--text-dim);background:0 0}.btn.ghost:hover{color:var(--cyan);border-color:var(--cyan);box-shadow:none;background:#22e0ff0f}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.koko-app{z-index:1;min-height:100vh;position:relative}.koko-main{z-index:1;padding:26px 28px 60px;position:relative}.koko-foot{font-family:var(--f-mono);color:var(--text-dim);text-align:center;letter-spacing:1px;margin-top:30px;font-size:10px}@media (width<=620px){.koko-main{padding:18px 14px 50px}}