:root{color:#eef3fb;font-synthesis:none;--accent:#5791ff;--card:#171f2d;--muted:#8995a8;--danger:#ff5d68;--line:#273247;background:#0d121c;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 0,#172b4b 0,#0000 36%),#0d121c;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{color:#fff;cursor:pointer;background:#3478ed;border:0;border-radius:12px;padding:12px 16px;font-weight:700}button:disabled{opacity:.35;cursor:not-allowed}.app{max-width:720px;min-height:100vh;margin:auto;padding-bottom:90px}.app>header{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d121cdc;border-bottom:1px solid #ffffff0c;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:sticky;top:0}.app>header div{align-items:center;gap:9px;display:flex}.app>header small,.card small,.list-row small{color:var(--muted);display:block}main{padding:16px}.stack{gap:14px;display:grid}.card,.power-card{border:1px solid var(--line);background:linear-gradient(145deg,#192334,#141c28);border-radius:18px;padding:16px;box-shadow:0 10px 24px #0002}.card h2{margin:0 0 12px;font-size:16px}.card p{color:#c3ccda}.hero>div,.title-row,.button-row,.list-row,.breadcrumbs{justify-content:space-between;align-items:center;gap:10px;display:flex}.status-dot{background:#778295;border-radius:100%;width:9px;height:9px;display:inline-block}.status-dot.online{background:#42d995;box-shadow:0 0 10px #42d995}.status-dot.paused{background:#ffc857}.metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.meter{background:var(--card);border-radius:14px;padding:12px}.meter span,.meter b{font-size:12px;display:block}.meter b{margin:6px 0;font-size:19px}.meter div{background:#283346;border-radius:9px;height:4px;overflow:hidden}.meter i{background:var(--accent);height:100%;display:block}.secondary{background:#2a3548}.danger,.danger-ghost{color:#ff8790}.danger{background:#9f2730}.danger-ghost{background:#42252d}.button-row>*{flex:1}textarea,input,select{color:#fff;border:1px solid var(--line);background:#0e1521;border-radius:11px;outline:none;width:100%;padding:12px}textarea{resize:vertical;min-height:90px;margin-bottom:10px}.touchpad{touch-action:none;-webkit-user-select:none;user-select:none;color:#b4c0d1;background:linear-gradient(145deg,#192535,#111923);border:1px solid #34445d;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:42vh;min-height:260px;max-height:430px;display:flex}.touchpad small{color:var(--muted);text-align:center}.touchpad.disabled{opacity:.4}.mouse-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.range{color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:12px;display:grid}.key-grid,.quick-row,.segmented{flex-wrap:wrap;gap:7px;display:flex}.key-grid button,.quick-row button,.segmented button{background:#283549;padding:9px 11px}.segmented button.active{background:var(--accent)}.media{text-align:center}.media-row{justify-content:center;gap:12px;margin:16px;display:flex}.media-row button{background:#2a3548;font-size:23px}.media-row .primary-round{background:var(--accent)}.list-row>div{min-width:0}.empty,.screen-placeholder{text-align:center;color:var(--muted);padding:40px 12px}.screenshot{border-radius:12px;width:100%;margin-top:14px}.file-list{margin-top:12px}.file-list .list-row{border-bottom:1px solid var(--line);padding:8px 0}.file-name{text-align:left;background:0 0;align-items:center;gap:10px;min-width:0;padding:4px;display:flex}.file-name span:last-child{word-break:break-word}.icon{padding:8px 11px}.link{background:0 0;padding:4px}.breadcrumbs code{text-overflow:ellipsis;color:#aab7c9;overflow:hidden}.upload{text-align:center;color:#aab7c9;border:1px dashed #41526d;border-radius:11px;margin-top:10px;padding:12px;display:block}.upload input{display:none}.power-card{text-align:left;align-items:center;gap:14px;width:100%;font-size:16px;display:flex}.power-card span{font-size:24px}.warning{color:#f7cb73}.audit{gap:5px;display:grid}.audit time,.audit span{color:var(--muted);font-size:12px}.offline-banner{text-align:center;color:#ffd68b;background:#4f3b1d;padding:8px;font-size:13px}.fatal{text-align:center;padding:20vh 25px}.fatal span{font-size:40px}nav{z-index:5;max-width:720px;padding:6px max(6px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);background:#101824ed;margin:auto;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}nav button{color:#7f8da2;background:0 0;flex:1;place-items:center;gap:2px;min-width:70px;padding:6px 3px;display:grid}nav button.active{color:#73a4ff;background:#283651}nav button span{font-size:20px}nav button small{font-size:9px}@media (width<=430px){.metrics{grid-template-columns:repeat(3,1fr)}main,.app>header{padding:12px}.card{padding:14px}}