*{box-sizing:border-box}
:root{--bg:#0b0f0d;--p:#121815;--l:#1f2a24;--t:#e7efe9;--m:#86978d;--y:#e8ff3a;--g:#2de38a;--o:#ffb020;--r:#ff4d5e}
body{margin:0;background:var(--bg);color:var(--t);font:14px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
a{color:var(--y)}
#nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--l);position:sticky;top:0;background:var(--bg);z-index:5;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--t);font-size:16px;letter-spacing:2px}
.brand img{width:28px;height:28px}
.links{display:flex;gap:4px;flex-wrap:wrap}
.links a{color:var(--m);text-decoration:none;padding:6px 10px;border-radius:6px}
.links a.on,.links a:hover{color:var(--bg);background:var(--y)}
main{max-width:1100px;margin:0 auto;padding:16px}
h1{font-size:22px;margin:8px 0 4px}
.sub{color:var(--m);margin:0 0 14px}
.card{background:var(--p);border:1px solid var(--l);border-radius:10px;padding:14px;margin-bottom:14px}
table{width:100%;border-collapse:collapse}
th,td{padding:8px 6px;border-bottom:1px solid var(--l);text-align:right;white-space:nowrap}
th{color:var(--m);font-weight:normal;font-size:12px;cursor:pointer}
th:first-child,td:first-child{text-align:left}
tr.row{cursor:pointer}tr.row:hover{background:#18201b}
.noorg .org{display:none}
.tk{display:flex;align-items:center;gap:8px}
.tk img{width:24px;height:24px;border-radius:50%;background:var(--l)}
.tk small{color:var(--m);display:block}
.ok{color:var(--g)}.warn{color:var(--o)}.bad{color:var(--r)}.mut{color:var(--m)}
.pill{display:inline-block;padding:2px 8px;border-radius:99px;font-size:12px;border:1px solid var(--l)}
.pill.est{font-size:10px;padding:0 6px;color:var(--o);border-color:var(--o);font-weight:normal;vertical-align:middle}
input,select,button{font:inherit;background:#0e1411;color:var(--t);border:1px solid var(--l);border-radius:8px;padding:10px}
button{background:var(--y);color:#0b0f0d;border:0;font-weight:bold;cursor:pointer}
button.ghost{background:transparent;color:var(--t);border:1px solid var(--l)}
button:disabled{opacity:.5;cursor:wait}
.form{display:flex;gap:8px;flex-wrap:wrap}
.form input{flex:1;min-width:200px}
.big{font-size:34px;font-weight:bold}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.stat{background:#0e1411;border:1px solid var(--l);border-radius:8px;padding:10px}
.stat b{display:block;font-size:20px}.stat span{color:var(--m);font-size:12px}
.receipt{border:2px dashed var(--y);border-radius:10px;padding:16px;background:#0e1411}
.bar{height:8px;background:var(--l);border-radius:4px;overflow:hidden}.bar i{display:block;height:100%}
.note{color:var(--m);font-size:12px}
.note.warn{color:var(--o)}
.err{color:var(--r)}
.scroll{overflow-x:auto}
.feed div{padding:6px 0;border-bottom:1px solid var(--l)}
input[type=range]{width:100%;padding:0}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.chips button{padding:6px 10px;font-size:12px}
.guess{font-size:44px;font-weight:bold;text-align:center;margin:6px 0}
footer{color:var(--m);font-size:12px;text-align:center;padding:24px 24px 64px}
@media(max-width:640px){.hide-m{display:none}th,td{padding:7px 4px;font-size:12px}.big{font-size:28px}.guess{font-size:36px}.grid{grid-template-columns:1fr 1fr}}