:root{
  --bg:#101314; --panel:#181d1f; --line:#2b3336;
  --ink:#f7f4ec; --ink-dim:#a9b0ab; --ink-faint:#626b67;
  --brass:#cfae6e; --terra:#d68a6d; --ok:#7fa588;
  --ui:"PT Sans",-apple-system,Arial,sans-serif;
  --mono:"JetBrains Mono",Menlo,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{color-scheme:dark}
body{background:var(--bg);color:var(--ink);font-family:var(--ui);line-height:1.45;padding:14px;max-width:760px;margin:0 auto}
h1{font-size:18px;margin-bottom:2px}
.sub{font-family:var(--mono);font-size:10.5px;color:var(--ink-dim);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;display:flex;gap:10px;flex-wrap:wrap}
.sub b{color:var(--ok);font-weight:500}
.sub b.off{color:var(--terra)}
section{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:10px}
section h2{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:9px;font-weight:700}
.row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:7px}
.row:last-child{margin-bottom:0}
button{font-family:var(--ui);font-size:14px;font-weight:700;color:var(--ink);background:#22292c;border:1px solid var(--line);border-radius:8px;padding:10px 14px;cursor:pointer;min-height:42px}
button:active{transform:scale(.97)}
button.on{background:var(--brass);border-color:var(--brass);color:#141008}
button.warn{border-color:rgba(214,138,109,.5);color:var(--terra)}
button.small{font-size:12.5px;padding:7px 10px;min-height:34px}
select,input{font-family:var(--ui);font-size:14px;background:#22292c;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:9px 10px;min-height:42px}
.grow{flex:1}
#emg{display:none;background:#3a1a10;border:1px solid var(--terra);color:#f1c4b0;border-radius:10px;padding:10px 14px;margin-bottom:10px;font-size:13.5px}
#login{max-width:340px;margin:60px auto}
#panel{display:none}
.kv{font-family:var(--mono);font-size:11px;color:var(--ink-dim)}
#cmdlog{font-family:var(--mono);font-size:10.5px;color:var(--ink-faint);max-height:110px;overflow-y:auto;line-height:1.6}
#cmdlog .err{color:var(--terra)}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start;margin-bottom:10px}
.cols section{margin-bottom:0;height:100%}
.tgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:7px}
.tgrid button{font-size:13px;padding:9px 8px;min-height:38px;width:100%}
.tgrid .pdiv{grid-column:1/-1;height:1px;background:var(--line);margin:3px 0}
.volrow{display:flex;align-items:center;gap:10px;margin:4px 0 8px}
.volrow input[type=range]{flex:1;accent-color:var(--brass)}
.volrow b{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--ink);min-width:64px;text-align:right}
.volrow .vlab{font-size:14px}
#tInfo.over{color:var(--terra);font-weight:700}
@media (max-width:640px){
  .cols{grid-template-columns:1fr}
  .tgrid{grid-template-columns:1fr 1fr}
}
#notOwner{display:none;background:#2a2410;border:1px solid var(--brass);color:#f1e2b0;border-radius:10px;padding:10px 14px;margin-bottom:10px;font-size:13.5px}
.tbform{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.tbform label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink-dim)}
.tbform input{width:100%}
.tbform input:disabled{opacity:.5}
button.wide{width:100%}
button:disabled{opacity:.4;cursor:default}
#tInfo{font-family:var(--mono);font-size:15px;margin-top:6px}