:root{--sp-bg-0:#080d10;--sp-bg-1:#0c1216;--sp-bg-2:#121a1f;--sp-bg-3:#182228;--sp-panel:#121a1f;--sp-panel-edge:#243038;--sp-text:#d7e0e3;--sp-text-dim:#78878d;--sp-text-mute:#5a686e;--sp-cyan:#27c7d8;--sp-cyan-dim:#27c7d82e;--sp-cyan-glow:#27c7d859;--sp-violet:#8b5bd6;--sp-violet-dim:#8b5bd633;--sp-orange:#d7802f;--sp-red:#c84b4b;--sp-danger-dim:#c84b4b29;--sp-radius:6px;--sp-radius-sm:4px;--sp-border:1px solid #27c7d838;--sp-border-violet:1px solid #8b5bd647;--sp-border-mute:1px solid #78878d47;--sp-font:"Bahnschrift", "Segoe UI", "Helvetica Neue", sans-serif;--sp-mono:"Cascadia Mono", "Consolas", "Segoe UI Mono", monospace;--sp-header-h:64px;--sp-nav-h:64px;--sp-safe-top:env(safe-area-inset-top,0px);--sp-safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{font-family:var(--sp-font);color:var(--sp-text);background:radial-gradient(120% 80% at 50% -10%, #27c7d814, transparent 55%), radial-gradient(90% 60% at 100% 100%, #8b5bd612, transparent 50%), linear-gradient(180deg, var(--sp-bg-1), var(--sp-bg-0));-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}#root{flex-direction:column;min-height:100svh;display:flex}.sp-nav{z-index:20;min-height:calc(var(--sp-nav-h) + var(--sp-safe-bottom));padding:6px 8px calc(8px + var(--sp-safe-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#0c1216eb,#080d10fa);border-top:1px solid #27c7d838;grid-template-columns:repeat(4,1fr);gap:4px;display:grid;position:sticky;bottom:0}.sp-nav__item{border-radius:var(--sp-radius-sm);min-height:48px;color:var(--sp-text-mute);background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.sp-nav__item.is-active{color:var(--sp-cyan);background:var(--sp-cyan-dim);border-color:#27c7d859;box-shadow:inset 0 0 12px #27c7d81f}.sp-nav__item:disabled{opacity:.4}.sp-nav__icon{font-size:16px;line-height:1}.sp-nav__label{letter-spacing:.08em;text-transform:uppercase;font-size:10px}.sp-btn{border-radius:var(--sp-radius-sm);letter-spacing:.08em;text-transform:uppercase;border:1px solid #0000;min-height:48px;padding:0 16px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,opacity .15s}.sp-btn:disabled{opacity:.45;cursor:not-allowed}.sp-btn--block{width:100%}.sp-btn--primary{color:#041014;box-shadow:0 0 18px var(--sp-cyan-glow);background:linear-gradient(#3ad7e6,#1aa8b8);border-color:#b4f5ff59}.sp-btn--primary:not(:disabled):active{filter:brightness(.92)}.sp-btn--ghost{color:var(--sp-text);background:#121a1fcc;border-color:#27c7d859}.sp-btn--danger{color:#f3d4d4;background:var(--sp-danger-dim);border-color:#c84b4b8c}.sp-res{border-radius:var(--sp-radius-sm);background:#080d108c;border:1px solid #78878d47;flex-direction:column;gap:2px;min-width:72px;padding:6px 10px;display:flex}.sp-res--cyan{border-color:#27c7d84d}.sp-res--violet{border-color:#8b5bd659}.sp-res__label{letter-spacing:.12em;text-transform:uppercase;color:var(--sp-text-mute);font-size:10px}.sp-res__value{font-family:var(--sp-mono);color:var(--sp-text);font-size:14px}.sp-res--cyan .sp-res__value{color:var(--sp-cyan)}.sp-res--violet .sp-res__value{color:#c4a3f0}.sp-shell{flex-direction:column;width:100%;max-width:480px;min-height:100svh;margin:0 auto;display:flex}.sp-shell__header{z-index:20;padding:calc(10px + var(--sp-safe-top)) 12px 10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#080d10f5,#0c1216e0);border-bottom:1px solid #27c7d833;justify-content:space-between;align-items:center;gap:10px;display:flex;position:sticky;top:0}.sp-shell__identity{align-items:center;gap:10px;min-width:0;display:flex}.sp-shell__avatar{border-radius:var(--sp-radius-sm);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));background:radial-gradient(circle at 30% 30%,#27c7d859,#0000 55%),linear-gradient(145deg,#1a242b,#0a1014);border:1px solid #27c7d866;flex:none;width:44px;height:44px}.sp-shell__who{min-width:0}.sp-shell__title{letter-spacing:.06em;text-transform:uppercase;color:var(--sp-text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.sp-shell__sub{color:var(--sp-cyan);letter-spacing:.04em;margin-top:2px;font-size:12px}.sp-shell__aside{flex:none;align-items:center;gap:6px;display:flex}.sp-shell__refresh{min-width:44px;min-height:44px;padding:0;font-size:18px}.sp-shell__main{text-align:left;flex-direction:column;flex:1;gap:12px;padding:12px 12px 8px;display:flex}.sp-panel{border:var(--sp-border-mute);border-radius:var(--sp-radius);text-align:left;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));background:linear-gradient(#182228eb,#0c1216f5);padding:14px;position:relative}.sp-panel:before,.sp-panel:after{content:"";border-color:var(--sp-cyan);pointer-events:none;border-style:solid;width:10px;height:10px;position:absolute}.sp-panel:before{border-width:1.5px 0 0 1.5px;top:6px;left:6px}.sp-panel:after{border-width:0 1.5px 1.5px 0;bottom:6px;right:6px}.sp-panel--cyan{border-color:#27c7d847;box-shadow:inset 0 0 0 1px #27c7d80f}.sp-panel--violet{border-color:#8b5bd64d;box-shadow:inset 0 0 0 1px #8b5bd614}.sp-panel--violet:before,.sp-panel--violet:after{border-color:var(--sp-violet)}.sp-panel--danger{background:linear-gradient(#281212e6,#0c0e10f5);border-color:#c84b4b59}.sp-panel--danger:before,.sp-panel--danger:after{border-color:var(--sp-red)}.sp-panel--mute{border-color:#78878d40}.sp-panel__title{letter-spacing:.14em;text-transform:uppercase;color:var(--sp-text-dim);margin:0 0 10px;font-size:12px}.sp-empty{flex:1;justify-content:center;align-items:center;padding:24px 16px 32px;display:flex}.sp-empty__panel{text-align:center;width:100%;max-width:420px;padding:28px 18px 20px}.sp-empty__glyph{width:72px;height:72px;color:var(--sp-text-mute);background:#080d108c;border:1px dashed #78878d8c;border-radius:50%;place-items:center;margin:0 auto 16px;font-size:34px;font-weight:600;display:grid}.sp-empty__title{letter-spacing:.04em;text-transform:uppercase;color:var(--sp-text);margin:0 0 10px;font-size:18px}.sp-empty__text{color:var(--sp-text-dim);margin:0 0 18px;font-size:14px;line-height:1.45}.sp-empty__actions{flex-direction:column;gap:10px;display:flex}.sp-empty__hint{color:var(--sp-text-dim);margin:0;font-size:13px}.sp-screen{flex-direction:column;gap:12px;display:flex}.sp-status__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.sp-status__label{letter-spacing:.1em;text-transform:uppercase;color:var(--sp-text-mute);font-size:10px}.sp-status__value{font-family:var(--sp-mono);color:var(--sp-cyan);margin-top:4px;font-size:22px}.sp-status__value--sm{color:var(--sp-text);word-break:break-all;font-size:13px}.sp-status__bars{flex-direction:column;gap:10px;display:flex}.sp-pre{white-space:pre-wrap;word-break:break-word;font-family:var(--sp-mono);color:var(--sp-text);opacity:.92;margin:0;font-size:12px;line-height:1.45}.sp-inv{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sp-inv__row{border-radius:var(--sp-radius-sm);background:#080d1073;border:1px solid #78878d38;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;min-height:52px;padding:8px;display:grid}.sp-inv__icon{border-radius:var(--sp-radius-sm);width:44px;height:44px;color:var(--sp-cyan);background:#27c7d814;border:1px solid #27c7d859;place-items:center;display:grid}.sp-inv__icon--violet{color:#c4a3f0;background:#8b5bd61a;border-color:#8b5bd666}.sp-inv__name{color:var(--sp-text);word-break:break-word;font-size:14px}.sp-inv__meta{color:var(--sp-text-mute);letter-spacing:.04em;text-transform:uppercase;margin-top:2px;font-size:11px}.sp-inv__qty{font-family:var(--sp-mono);color:var(--sp-cyan);font-size:14px}.sp-bar{width:100%}.sp-bar__meta{letter-spacing:.08em;text-transform:uppercase;color:var(--sp-text-dim);justify-content:space-between;gap:8px;margin-bottom:6px;font-size:11px;display:flex}.sp-bar__nums{font-family:var(--sp-mono);color:var(--sp-text)}.sp-bar__track{background:#080d10d9;border:1px solid #78878d40;border-radius:2px;height:8px;overflow:hidden}.sp-bar--compact .sp-bar__track{height:5px}.sp-bar__fill{border-radius:inherit;height:100%;transition:width .25s}.sp-bar__track--cyan .sp-bar__fill{background:linear-gradient(90deg, #1aa8b8, var(--sp-cyan));box-shadow:0 0 10px var(--sp-cyan-glow)}.sp-bar__track--violet .sp-bar__fill{background:linear-gradient(90deg, #6a3fb0, var(--sp-violet));box-shadow:0 0 10px #8b5bd666}.sp-bar__track--orange .sp-bar__fill{background:linear-gradient(90deg, #b86a20, var(--sp-orange))}.sp-muted{color:var(--sp-text-dim);margin:0;font-size:14px;line-height:1.45}