.notif{position:relative;display:inline-flex}.icon-btn.has-unread{color:var(--accent);border-color:var(--accent-line)}.notif-badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:10px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;box-shadow:0 0 0 2px #012c3ae6}.notif-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(360px,92vw);max-height:min(70vh,520px);display:flex;flex-direction:column;background:var(--bg-1);border:1px solid var(--accent-line);border-radius:var(--radius);box-shadow:0 16px 48px #00000080,0 0 24px #00baaf1f;z-index:1000;overflow:hidden;animation:notifIn .16s ease-out}@media (max-width: 520px){.notif-panel{position:fixed;top:calc(var(--header-h) + 8px);left:8px;right:8px;width:auto;max-height:calc(100vh - var(--header-h) - 16px)}}@keyframes notifIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notif-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--accent-faint);color:var(--text);flex-shrink:0}.notif-head strong{font-size:14px;letter-spacing:.3px}.notif-readall{background:none;border:none;color:var(--accent-dim);font-size:12px;cursor:pointer;padding:2px 4px}.notif-readall:hover{color:var(--accent)}.notif-list{overflow-y:auto;display:flex;flex-direction:column}.notif-empty{padding:28px 16px;text-align:center;color:var(--text-faint);font-size:13px}.notif-item{display:flex;gap:11px;align-items:flex-start;padding:12px 14px;background:none;border:none;border-bottom:1px solid var(--accent-faint);text-align:left;cursor:pointer;color:var(--text);transition:background .12s;position:relative}.notif-item:hover{background:var(--accent-faint)}.notif-item.unread{background:#00fff00f}.notif-ico{font-size:18px;line-height:1.2;flex-shrink:0}.notif-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.notif-title{font-size:13px;font-weight:600;color:var(--text)}.notif-text{font-size:12.5px;color:var(--text-dim);line-height:1.45}.notif-time{font-size:11px;color:var(--text-faint);margin-top:2px}.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);flex-shrink:0;margin-top:5px}.shell{display:flex;flex-direction:column;height:100%;overflow:hidden}.shell-header{height:var(--header-h);flex-shrink:0;display:flex;align-items:center;gap:18px;padding:0 16px;background:var(--panel-2);border-bottom:1px solid var(--accent-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:relative;z-index:50}.shell-brand{display:flex;align-items:center;gap:10px;min-width:0}.shell-logo{width:calc(26px * var(--scale));height:calc(26px * var(--scale));border-radius:6px;object-fit:cover}.shell-title{font-size:calc(14px * var(--scale));color:var(--accent);letter-spacing:.04em;text-shadow:0 0 10px var(--accent-faint);white-space:nowrap}.shell-nav{display:flex;gap:4px;margin-left:8px}.nav-tab{display:flex;align-items:center;gap:7px;padding:calc(8px * var(--scale)) calc(14px * var(--scale));color:var(--text-dim);border-bottom:2px solid transparent;font-size:calc(13px * var(--scale));transition:all .15s;border-radius:6px 6px 0 0}.nav-tab:hover{color:var(--text)}.nav-tab.active{color:var(--accent);border-bottom-color:var(--accent);text-shadow:0 0 8px var(--accent-faint)}.nav-ico{font-size:1.05em}.shell-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.shell-user{display:flex;align-items:center;gap:8px;color:var(--text-dim);padding:4px 8px;border-radius:6px}.shell-user:hover{color:var(--text);background:var(--accent-faint)}.shell-avatar{width:calc(28px * var(--scale));height:calc(28px * var(--scale));border-radius:50%;display:grid;place-items:center;background:var(--accent-faint);border:1px solid var(--accent-line);color:var(--accent);font-size:calc(13px * var(--scale))}.shell-username{font-size:calc(12.5px * var(--scale));max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{background:transparent;border:1px solid var(--accent-line);color:var(--text-dim);border-radius:6px;width:calc(34px * var(--scale));height:calc(34px * var(--scale));display:grid;place-items:center;cursor:pointer;font-size:16px;transition:all .15s}.icon-btn:hover{color:var(--danger);border-color:var(--danger-dim)}.shell-support{display:flex;align-items:center;gap:6px}.shell-support .icon-btn:hover{color:var(--accent);border-color:var(--accent-line);background:var(--accent-faint)}.shell-support .icon-btn.op-active{color:var(--accent);border-color:var(--accent);background:var(--accent-faint);animation:opPulse 2s infinite}@keyframes opPulse{0%,to{box-shadow:0 0 0 0 var(--accent-line)}50%{box-shadow:0 0 0 4px transparent}}.shell-main{flex:1;overflow:auto;min-height:0}.shell-bottomnav{display:none}@media (max-width: 720px){.shell-nav,.shell-title,.shell-username{display:none}.shell-bottomnav{display:flex;flex-shrink:0;border-top:1px solid var(--accent-line);background:var(--panel-2);padding-bottom:env(safe-area-inset-bottom,0)}.bn-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 0;color:var(--text-dim);font-size:11px}.bn-tab.active{color:var(--accent)}.bn-ico{font-size:18px}}.fs-hint{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:9999;background:#091117eb;color:#67d8db;font-size:15px;font-weight:600;line-height:1.4;padding:12px 22px;border-radius:12px;border:1px solid #1e3a44;box-shadow:0 6px 24px #00000080;pointer-events:none}.login-wrap{height:100%;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px;padding:32px 28px;background:var(--panel-2);border:1px solid var(--accent-line);border-radius:var(--radius);box-shadow:0 0 60px #00fff014}.login-logo{width:48px;height:48px;border-radius:10px;align-self:center}.login-title{margin:0;text-align:center;font-size:20px;color:var(--accent);text-shadow:0 0 12px var(--accent-faint)}.login-sub{margin:-6px 0 8px;text-align:center;font-size:12px;color:var(--text-faint)}.login-link{color:var(--accent);text-decoration:none;font-weight:600}.login-link:hover{text-decoration:underline}.login-field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-dim)}.login-field input{font-family:var(--font);font-size:16px;padding:12px;background:#00000059;border:1px solid var(--accent-line);border-radius:var(--radius-sm);color:var(--text);min-height:48px}.login-field input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 10px var(--accent-faint)}.login-error{font-size:12.5px;color:var(--danger);background:#ff465514;border:1px solid var(--danger-dim);border-radius:var(--radius-sm);padding:9px 12px}.login-submit{margin-top:6px;min-height:52px;font-size:14px}.chat{height:100%;display:flex;flex-direction:column;max-width:900px;margin:0 auto;width:100%}.chat-bar{flex-shrink:0;display:flex;justify-content:flex-end;gap:8px;padding:10px calc(18px * var(--scale)) 0}.chat-new{display:inline-flex;align-items:center;gap:6px;font-family:var(--font);font-size:13px;padding:7px 14px;border-radius:20px;cursor:pointer;color:var(--text-dim);background:transparent;border:1px solid var(--accent-line);transition:all .15s}.chat-new:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.chat-new:disabled{opacity:.5;cursor:not-allowed}.chat-op{display:inline-flex;align-items:center;gap:6px;font-family:var(--font);font-size:13px;padding:7px 14px;border-radius:20px;cursor:pointer;color:var(--text-dim);background:transparent;border:1px solid var(--accent-line);transition:all .15s}.chat-op:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.chat-op:disabled{opacity:.5;cursor:not-allowed}.chat-op.active{color:#ffb4b4;border-color:#ff7b7b;background:#ff7b7b14}.bubble-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding-top:6px;border-top:1px solid var(--accent-line)}.bubble-note{font-size:11px;color:var(--text-faint);line-height:1.3}.bubble-rate{display:inline-flex;gap:4px;flex-shrink:0}.rate-btn{border:none;background:transparent;cursor:pointer;font-size:15px;line-height:1;padding:2px 4px;border-radius:6px;opacity:.5;transition:all .15s}.rate-btn:hover,.rate-btn.rated{opacity:1;background:var(--accent-line)}.chat-messages{flex:1;overflow-y:auto;padding:calc(18px * var(--scale));display:flex;flex-direction:column;gap:12px}.chat-hint{margin:auto;text-align:center;color:var(--text-faint);font-size:calc(13px * var(--scale));max-width:420px;line-height:1.6}.bubble{max-width:80%;padding:10px 14px;border-radius:var(--radius);font-size:calc(13.5px * var(--scale));line-height:1.5;border:1px solid transparent}.bubble-who{font-size:11px;font-weight:600;letter-spacing:.02em;margin-bottom:4px;opacity:.75}.bubble-ai .bubble-who{color:var(--accent)}.bubble-operator .bubble-who{color:#ffb454}.bubble-text{word-break:break-word}.bubble-md>:first-child{margin-top:0}.bubble-md>:last-child{margin-bottom:0}.bubble-md p{margin:0 0 8px}.bubble-md strong{font-weight:700}.bubble-md a{color:var(--accent);text-decoration:underline}.bubble-md h1,.bubble-md h2,.bubble-md h3,.bubble-md h4{margin:12px 0 6px;line-height:1.3;font-weight:700}.bubble-md h1{font-size:calc(16px * var(--scale))}.bubble-md h2{font-size:calc(15px * var(--scale))}.bubble-md h3,.bubble-md h4{font-size:calc(14px * var(--scale))}.bubble-md ul,.bubble-md ol{margin:0 0 8px;padding-left:20px}.bubble-md li{margin:2px 0}.bubble-md code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;background:#7f7f7f2e;padding:1px 5px;border-radius:4px}.bubble-md pre{margin:0 0 8px;padding:10px 12px;background:#00060a80;border-radius:var(--radius);overflow-x:auto}.bubble-md pre code{background:none;padding:0}.bubble-md blockquote{margin:0 0 8px;padding-left:10px;border-left:3px solid var(--accent-line);opacity:.85}.bubble-md table{border-collapse:collapse;margin:0 0 8px;font-size:.95em;display:block;overflow-x:auto;max-width:100%}.bubble-md th,.bubble-md td{border:1px solid var(--accent-line, rgba(127, 127, 127, .3));padding:5px 9px;text-align:left}.bubble-md th{font-weight:700;background:#7f7f7f1f}.bubble-user{align-self:flex-end;background:var(--accent-faint);border-color:var(--accent-line);color:var(--text)}.bubble-ai{align-self:flex-start;background:var(--panel);border-color:var(--accent-faint)}.bubble-operator{align-self:flex-start;background:#ffb45414;border-color:#ffb45466}.bubble-system{align-self:center;background:transparent;color:var(--text-faint);font-size:12px}.bubble-typing{padding:12px 16px}.typing-dots{display:inline-flex;align-items:center;gap:4px}.typing-dots span{width:7px;height:7px;border-radius:50%;background:var(--accent, #67d8db);opacity:.4;animation:typingBlink 1.2s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBlink{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.bubble-table{margin-top:8px;border-collapse:collapse;font-size:12px;width:100%}.bubble-table caption{text-align:left;color:var(--accent-dim);padding-bottom:4px}.bubble-table th,.bubble-table td{border:1px solid var(--accent-faint);padding:4px 8px;text-align:left}.bubble-table th{color:var(--accent-dim)}.bubble-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.bubble-act{font-family:var(--font);font-size:12px;padding:6px 10px;border:1px solid var(--accent-line);background:transparent;color:var(--accent);border-radius:var(--radius-sm);cursor:pointer}.bubble-act:hover{background:var(--accent-faint)}.chat-input{flex-shrink:0;display:flex;gap:10px;padding:12px calc(18px * var(--scale));border-top:1px solid var(--accent-line);background:var(--panel-2)}.chat-input textarea{flex:1;resize:none;font-family:var(--font);font-size:16px;padding:12px;background:#00000059;border:1px solid var(--accent-line);border-radius:var(--radius-sm);color:var(--text);max-height:140px;min-height:48px}.chat-input textarea:focus{outline:none;border-color:var(--accent)}.chat-iconbtn{width:52px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--accent-line);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none}.chat-iconbtn:disabled{opacity:.4;cursor:not-allowed}.chat-send{background:var(--accent-faint);color:var(--accent)}.chat-mic{background:#00000059;color:var(--text-dim)}.chat-mic:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.chat-mic.recording{color:#fff;background:#ff7b7b;border-color:#ff7b7b;animation:micPulse 1s infinite}@keyframes micPulse{0%,to{box-shadow:0 0 #ff7b7b80}50%{box-shadow:0 0 0 6px transparent}}.chat-conn{text-align:center;font-size:11px;color:var(--warn);padding:4px}.cab{padding:calc(20px * var(--scale));max-width:1280px;margin:0 auto}.cab-center{height:100%;display:grid;place-items:center}.cab-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.cab-title{margin:0;font-size:calc(17px * var(--scale));color:var(--text);display:flex;align-items:center;gap:10px}.cab-count{font-size:calc(12px * var(--scale));color:var(--accent);border:1px solid var(--accent-line);border-radius:20px;padding:2px 10px}.cab-sub{font-size:calc(12px * var(--scale));color:var(--text-faint);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cab-balance{color:var(--text)}.cab-balance b{color:var(--accent)}.cab-topup{font:inherit;cursor:pointer;color:var(--accent);background:transparent;border:1px solid var(--accent-line);border-radius:20px;padding:3px 12px;transition:background .15s}.cab-topup:hover{background:var(--accent-line)}.cab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:calc(16px * var(--scale))}.cab-create-card{background:transparent;border:2px dashed var(--accent-line);border-radius:var(--radius);min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(8px * var(--scale));cursor:pointer;color:var(--text-faint);transition:border-color .15s,color .15s,box-shadow .15s}.cab-create-card:hover{border-color:var(--accent, #67d8db);color:var(--accent, #67d8db);box-shadow:0 0 24px var(--accent-faint)}.cab-create-plus{font-size:calc(48px * var(--scale));line-height:1;font-weight:300}.cab-create-label{font-size:calc(15px * var(--scale));font-weight:500}.vm-card{position:relative;background:var(--panel);border:1px solid var(--accent-line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s}.vm-card-busy{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;background:#00060a9e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:var(--radius)}.vm-busy-label{font-size:calc(13px * var(--scale));font-weight:600;color:var(--accent)}.vm-card:hover{border-color:var(--accent-dim);box-shadow:0 0 24px var(--accent-faint)}.vm-thumb{position:relative;aspect-ratio:16 / 10;border:none;padding:0;background:#000;cursor:pointer;overflow:hidden;display:block;width:100%}.vm-thumb:disabled{cursor:default}.vm-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s,filter .2s}.vm-thumb:hover:not(:disabled) img{transform:scale(1.04);filter:brightness(1.1)}.vm-thumb-ph{width:100%;height:100%;display:grid;place-items:center;font-size:42px;opacity:.4;background:radial-gradient(circle at 50% 40%,var(--bg-1),#000)}.vm-thumb-play{position:absolute;inset:auto 0 0 0;padding:8px;font-size:calc(12px * var(--scale));color:var(--accent);background:linear-gradient(transparent,#00060ad9);opacity:0;transition:opacity .15s}.vm-thumb:hover:not(:disabled) .vm-thumb-play{opacity:1}.vm-thumb img.vm-thumb-dim{filter:brightness(.4) grayscale(.4)}.vm-thumb:hover:not(:disabled) img.vm-thumb-dim{filter:brightness(.45) grayscale(.4)}.vm-thumb-stale{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:10px;font-size:calc(12px * var(--scale));line-height:1.4;font-weight:600;color:#ffb4b4;background:#00060a73;pointer-events:none}.vm-body{padding:calc(12px * var(--scale));display:flex;flex-direction:column;gap:8px}.vm-row{display:flex;align-items:center;gap:8px}.vm-title-row{justify-content:space-between}.vm-name{font-size:calc(14px * var(--scale));color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.vm-meta{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:calc(11.5px * var(--scale));color:var(--text-faint)}.vm-gpu{color:var(--accent-dim)}.vm-cost{font-size:calc(12px * var(--scale));color:var(--text-dim)}.vm-err{font-size:11.5px;color:var(--danger)}.vm-actions{display:flex;gap:6px;margin-top:4px}.vm-actions .btn{flex:1;padding:8px 4px}.vm-back{background:transparent;border:none;color:var(--text-dim);cursor:pointer;font-family:var(--font);font-size:calc(13px * var(--scale));margin-bottom:16px}.vm-back:hover{color:var(--accent)}.vm-detail-grid{display:grid;grid-template-columns:minmax(280px,1fr) 1.2fr;gap:18px}@media (max-width: 720px){.vm-detail-grid{grid-template-columns:1fr}}.vm-detail-thumb{position:relative;aspect-ratio:16 / 10;overflow:hidden}.vm-detail-thumb img{width:100%;height:100%;object-fit:cover}.vm-detail-info{padding:18px;display:flex;flex-direction:column;gap:14px}.vm-props{margin:0;display:grid;gap:8px}.vm-props>div{display:flex;justify-content:space-between;gap:12px;font-size:calc(12.5px * var(--scale));border-bottom:1px solid var(--accent-faint);padding-bottom:6px}.vm-props dt{color:var(--text-faint);margin:0}.vm-props dd{color:var(--text);margin:0;text-align:right}.vm-detail-actions{flex-wrap:wrap}.vm-detail-actions .btn{flex:1 1 auto}.vm-del-vol{display:flex;align-items:center;gap:10px;margin:14px 0 6px;font-size:16px;cursor:pointer}.vm-del-vol input{width:20px;height:20px;accent-color:#67d8db;cursor:pointer}.vm-del-hint{margin:0;font-size:14px;opacity:.7}.pwa-toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 78px);z-index:1000;width:min(440px,calc(100vw - 24px));display:flex;align-items:center;gap:12px;padding:12px 14px;background:#0d1a22;border:1px solid #1e3a44;border-radius:16px;box-shadow:0 12px 40px #00000080;animation:pwa-rise .28s ease}.pwa-toast.update{bottom:calc(env(safe-area-inset-bottom,0px) + 78px);border-color:#67d8db44}@keyframes pwa-rise{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.pwa-toast-ico{width:40px;height:40px;border-radius:10px;flex:0 0 auto}.pwa-toast-body{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.pwa-toast-body strong{font-size:15px;color:#e6f0f2}.pwa-toast-body span{font-size:13px;color:#8aa0a6;line-height:1.35}.pwa-toast-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.pwa-btn{min-height:44px;padding:0 16px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer}.pwa-btn.primary{background:#67d8db;color:#091117}.pwa-btn.ghost{background:transparent;color:#8aa0a6;padding:0 10px;font-weight:400;font-size:18px}.pwa-btn:active{opacity:.8}@media (min-width: 860px){.pwa-toast{bottom:24px}}:root{--accent: #00fff0;--accent-dim: rgba(0, 255, 240, .55);--accent-faint: rgba(0, 255, 240, .12);--accent-line: rgba(0, 255, 240, .35);--danger: #ff4655;--danger-dim: rgba(255, 70, 85, .5);--ok: #00c896;--warn: #ffb454;--bg-0: #000a0e;--bg-1: #012c3a;--panel: rgba(1, 44, 58, .55);--panel-2: rgba(1, 44, 58, .85);--text: #d6fffb;--text-dim: rgba(214, 255, 251, .6);--text-faint: rgba(214, 255, 251, .38);--radius: 10px;--radius-sm: 6px;--gap: 14px;--header-h: 52px;--font: "SF Mono", "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;--scale: 1}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:radial-gradient(1200px 800px at 70% -10%,var(--bg-1),transparent 60%),radial-gradient(900px 700px at 0% 110%,rgba(0,255,240,.06),transparent 55%),var(--bg-0);-webkit-font-smoothing:antialiased;overflow:hidden}a{color:var(--accent);text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (min-width: 1600px) and (pointer: coarse),(tv){:root{--scale: 1.35;--header-h: 72px}}.btn{font-family:var(--font);font-size:calc(12.5px * var(--scale));padding:calc(8px * var(--scale)) calc(12px * var(--scale));border-radius:var(--radius-sm);border:1px solid var(--accent-line);background:transparent;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease;white-space:nowrap;min-height:calc(34px * var(--scale))}.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px var(--accent-faint)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{border-color:var(--accent);color:var(--accent);background:var(--accent-faint)}.btn-danger{border-color:var(--danger-dim);color:var(--danger)}.btn-danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger);box-shadow:0 0 12px #ff465540}.card{background:var(--panel);border:1px solid var(--accent-line);border-radius:var(--radius);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.spinner{width:22px;height:22px;border:2px solid var(--accent-faint);border-top-color:var(--accent);border-radius:50%;display:inline-block;animation:spin .7s linear infinite}.spinner-sm{width:14px;height:14px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:calc(11.5px * var(--scale));text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-faint);box-shadow:0 0 8px currentColor}.st-ok{color:var(--ok)}.st-ok .status-dot{background:var(--ok)}.st-off .status-dot{background:var(--text-faint)}.st-warn{color:var(--warn)}.st-warn .status-dot{background:var(--warn);animation:pulse 1.2s ease-in-out infinite}.st-err{color:var(--danger)}.st-err .status-dot{background:var(--danger)}@keyframes pulse{50%{opacity:.35}}.state-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 20px;text-align:center;color:var(--text-dim)}.state-icon{font-size:40px}.state-title{font-size:calc(14px * var(--scale));color:var(--text)}.state-hint{font-size:calc(12px * var(--scale));color:var(--text-faint)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00060ab3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--panel-2);border:1px solid var(--accent-line);border-radius:var(--radius);padding:20px;max-width:420px;width:100%;box-shadow:0 12px 48px #00000080}.modal-head{font-size:calc(15px * var(--scale));color:var(--accent);margin-bottom:14px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.modal-text{font-size:calc(13px * var(--scale));color:var(--text-dim);line-height:1.5}