@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap";:root{color:#e6edf5;font-synthesis:none;background:#080d12;font-family:Space Grotesk,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 78% 2%,#17352d 0,#0000 30%),#080d12;margin:0}button,textarea,select{font:inherit}button{cursor:pointer}main{background:linear-gradient(#0d171cdb,#080d12fa);border-left:1px solid #1c3134;border-right:1px solid #1c3134;width:min(100%,480px);min-height:100vh;margin:auto;padding:20px 18px 98px}header,.panel-head,.section-title,.network,.metrics,.model-select,.account-grid,footer,footer button,.job-status,.availability-row,.ledger-row{display:flex}header{justify-content:space-between;align-items:center}.brand{align-items:center;gap:10px;display:flex}.brand-mark{color:#08110d;background:var(--accent,#8dff66);border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.brand b{letter-spacing:1px;font-size:13px;display:block}.brand small{color:#65807a;letter-spacing:1px;margin-top:3px;font-size:8px;display:block}.theme-picker{position:relative}.icon-btn{color:#91aaa5;background:#111c20;border:1px solid #29413e;border-radius:8px;width:36px;height:36px}.theme-menu{z-index:4;background:#101b1e;border:1px solid #36524c;border-radius:8px;width:170px;padding:6px;position:absolute;top:44px;right:0;box-shadow:0 15px 35px #0009}.theme-menu button{text-align:left;color:#91aaa5;background:0 0;border:0;border-radius:5px;width:100%;padding:9px 10px;font-size:11px;display:block}.theme-menu button:hover,.theme-menu button.selected{color:var(--accent,#8dff66);background:#1e362d}.signal{justify-content:space-between;align-items:center;padding:42px 0 25px;display:flex}.eyebrow{color:#77958e;letter-spacing:1.5px;font-size:9px;font-weight:700}.pulse,.live-dot:before{background:var(--accent,#8dff66);width:6px;height:6px;box-shadow:0 0 10px var(--accent,#8dff66);border-radius:50%;margin-right:6px;display:inline-block}h1{letter-spacing:0}.signal h1{color:#f0f5f2;margin:12px 0;font-size:33px;line-height:1.1}.signal em{color:var(--accent,#8dff66);font-style:normal}.signal p,.page-title p{color:#829893;max-width:260px;font-size:12px;line-height:1.6}.ring{text-align:center;width:88px;height:88px;color:var(--accent,#8dff66);border:1px solid #507c63;border-radius:50%;place-content:center;display:grid;box-shadow:inset 0 0 0 7px #10251e,0 0 22px #193b29}.ring span{font-size:21px;font-weight:700}.ring small{color:#7a9d8c;font-size:7px}.metrics{border-top:1px solid #203231;border-bottom:1px solid #203231;gap:1px;padding:14px 0}.metrics div{border-left:1px solid #203231;flex:1;padding-left:10px}.metrics div:first-child{border:0;padding-left:0}.metrics small,.metrics span,.mini-card small,.mini-card>span{color:#73908a;font-size:9px;display:block}.metrics strong{margin:7px 5px 0 0;font-size:20px;display:inline-block}.metrics .up{color:var(--accent,#8dff66)}.panel{background:#101a1e;border:1px solid #27413d;border-radius:12px;padding:17px}.panel-head{justify-content:space-between;align-items:center}.panel h2,.network h2{margin:6px 0 0;font-size:18px}.live-dot{color:var(--accent,#8dff66);font-size:9px}.model-select{background:#0b1317;border:1px solid #2a4540;border-radius:8px;align-items:center;gap:10px;margin-top:16px;padding:10px}.model-icon{color:#07110b;border-radius:7px;flex:none;place-items:center;width:30px;height:30px;display:grid}.model-select b,.model-select small{display:block}.model-select small{color:#718f87;margin-top:3px;font-size:10px}.model-select select{color:#96aea8;background:#0b1317;border:0;max-width:30px;margin-left:auto}.prompt-panel textarea{color:#e6edf5;resize:none;background:#0b1317;border:1px solid #223a37;border-radius:8px;outline:none;width:100%;height:84px;margin:12px 0;padding:12px;font-size:12px;display:block}.prompt-panel textarea:focus{border-color:var(--accent,#8dff66)}.run-btn{background:var(--accent,#8dff66);color:#09120d;border:0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;font-size:12px;font-weight:700;display:flex}.job-status{color:var(--accent,#8dff66);align-items:center;gap:8px;margin-top:12px;font-size:10px}.job-status b{color:#78958c;margin-left:auto;font-weight:400}.section-title{justify-content:space-between;align-items:center;margin:24px 0 10px}.section-title a,.panel-head a{color:var(--accent,#8dff66);font-size:10px}.network{background:#0d171a;border:1px solid #203a35;border-radius:12px;align-items:center;gap:18px;padding:14px}.network-visual{flex:none;width:112px;height:112px;position:relative}.core{text-align:center;border:1px solid var(--accent,#8dff66);color:var(--accent,#8dff66);z-index:1;background:#12251c;border-radius:50%;place-content:center;display:grid;position:absolute;inset:33px}.core b{font-size:10px}.node{background:#64d8ff;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 12px #64d8ff}.n1{top:8px;left:52px}.n2{background:var(--accent,#8dff66);top:54px;right:8px}.n3{bottom:8px;left:20px}.n4{background:#ffbd59;top:35px;left:5px}.line{transform-origin:0;background:#315c51;height:1px;position:absolute}.l1{width:44px;top:50px;left:56px;transform:rotate(-48deg)}.l2{width:50px;top:58px;left:61px}.l3{width:45px;top:67px;left:39px;transform:rotate(125deg)}.node-copy{flex:1}.node-copy p{color:#819b94;font-size:11px;line-height:1.5}.node-copy p b{color:#d9f8e4}.bar{background:#1d302c;border-radius:5px;height:5px;margin:12px 0 7px;overflow:hidden}.bar span{background:var(--accent,#8dff66);border-radius:5px;width:74%;height:100%;display:block}.node-copy small{color:#6f8982;justify-content:space-between;font-size:9px;display:flex}.page-title{padding:36px 0 22px}.page-title h1{margin:10px 0 4px;font-size:32px}.model-list,.job-list{gap:10px;display:grid}.model-card,.job-card{background:#101a1e;border:1px solid #27413d;border-radius:10px;align-items:center;gap:11px;padding:13px;display:flex}.model-info{flex:1;min-width:0}.model-info h2{margin:0;font-size:14px}.model-info p,.model-info span,.model-meta small,.job-card small{color:#78938c;margin:4px 0;font-size:10px;display:block}.model-info span{color:var(--accent,#8dff66)}.model-meta{text-align:right}.model-meta b{font-size:11px}.model-meta button{color:var(--accent,#8dff66);background:#1c352b;border:0;border-radius:5px;margin:8px 0 0 auto;padding:5px;display:block}.availability{margin-top:12px}.availability h2{margin:0;font-size:15px}.availability-row{color:#9ab2ab;justify-content:space-between;margin-top:17px;font-size:11px}.availability-row b{color:var(--accent,#8dff66)}.job-summary{background:#27413d;border:1px solid #27413d;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:12px;display:grid}.job-summary div{background:#101a1e;padding:15px 10px}.job-summary strong{font-size:21px;display:block}.job-summary small{color:#78938c;font-size:9px}.job-card{min-height:62px}.status-mark{border-radius:50%;flex:none;place-items:center;width:29px;height:29px;display:grid}.status-mark.done{color:var(--accent,#8dff66);background:#18372b}.status-mark.working{color:#ffbd59;background:#28341e}.job-card>div:nth-child(2){flex:1}.job-card>b{font-size:12px}.job-card>span{color:#8fa9a0;font-size:10px}.balance{background:linear-gradient(135deg,#173d2a,#10231e);border:1px solid #4b8058;border-radius:12px;padding:17px;position:relative}.balance svg{color:var(--accent,#8dff66)}.balance small{color:#9ab2ab;margin-top:15px;font-size:10px;display:block}.balance strong{margin-top:5px;font-size:28px;display:block}.balance button{color:var(--accent,#8dff66);background:0 0;border:1px solid #5f9c6b;border-radius:6px;padding:7px 9px;font-size:10px;position:absolute;bottom:15px;right:15px}.account-grid{gap:10px;margin:12px 0}.mini-card{background:#0d171a;border:1px solid #203a35;border-radius:10px;flex:1;padding:13px}.mini-card svg{color:var(--accent,#8dff66)}.mini-card small{margin:10px 0 7px}.mini-card strong{font-size:18px;display:block}.mini-card>span{margin-top:4px}.ledger{margin-top:12px}.ledger h2{margin:0;font-size:15px}.ledger-row{color:#d8e8e2;border-bottom:1px solid #20322f;justify-content:space-between;align-items:center;padding:14px 0;font-size:12px}.ledger-row:last-child{border-bottom:0}.ledger-row span small{color:#718b84;margin-top:4px;font-size:9px;display:block}.ledger-row b{font-size:12px}.ledger-row b.positive{color:var(--accent,#8dff66)}footer{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5;background:#080d12f2;border-top:1px solid #20322f;justify-content:space-around;width:min(100%,480px);padding:12px 10px 15px;position:fixed;bottom:0;left:50%;transform:translate(-50%)}footer button{color:#59736e;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;font-size:9px}footer button.active{color:var(--accent,#8dff66)}.theme-reactor{--accent:#ffb34f;background:radial-gradient(circle at 50% 17%,#513016 0,#0000 34%),#11100d}.theme-reactor .brand-mark{background:var(--accent);border-radius:50%}.theme-reactor .ring{border-width:3px;border-radius:10px;transform:rotate(45deg)}.theme-reactor .ring span,.theme-reactor .ring small{transform:rotate(-45deg)}.theme-reactor .panel,.theme-reactor .model-card,.theme-reactor .job-card{border-color:#664a2b;border-radius:26px}.theme-reactor .core{border-radius:8px;transform:rotate(45deg)}.theme-reactor .core>*{transform:rotate(-45deg)}.theme-terminal{--accent:#64d8ff;background:#070b0e;font-family:monospace}.theme-terminal .panel,.theme-terminal .model-card,.theme-terminal .job-card,.theme-terminal .balance,.theme-terminal .mini-card{border-color:#25556b;border-radius:0}.theme-terminal .brand-mark,.theme-terminal .model-icon{border-radius:0}.theme-terminal .signal{padding-top:30px}.theme-terminal .page-title h1{font-family:monospace}.theme-terminal .run-btn{background:#64d8ff;border-radius:0}.theme-terminal .ring{box-shadow:none;border-radius:0}.theme-bio{--accent:#d6ff72;background:radial-gradient(circle at 20% 12%,#263f24 0,#0000 35%),#0c1510}.theme-bio .panel,.theme-bio .model-card,.theme-bio .job-card,.theme-bio .balance,.theme-bio .mini-card{border-style:dashed;border-color:#587448;border-radius:22px}.theme-bio .model-icon,.theme-bio .brand-mark{border-radius:50%}.theme-bio .network{border-radius:35px}.theme-bio .run-btn{background:#d6ff72;border-radius:22px}@media (width>=700px){body{padding:30px 0}main{border-radius:18px;min-height:900px;box-shadow:0 20px 80px #000}footer{position:absolute}}
