:root{--bg: #101113;--bg2: #17181b;--line: #26282c;--line2: #33363b;--text: #d6d9dd;--dim: #85898f;--dimmer: #55585e;--accent: #99cc00;--accent-dim: #6f9414;--warn: #ffbb33;--danger: #ff4444;--blue: #33b5e5}*{margin:0;padding:0;box-sizing:border-box}html{font-size:14px}body{font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}#root{max-width:560px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;border-left:1px solid var(--line);border-right:1px solid var(--line)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:2px solid var(--accent);background:var(--bg2)}.topbar .brand{font-weight:700;letter-spacing:2px;font-size:.95rem}.topbar .brand span{color:var(--accent)}.topbar .sub{color:var(--dim);font-size:.8rem}.content{flex:1;overflow-y:auto;padding-bottom:56px}.section{padding:10px 10px 3px;font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--accent-dim);display:flex;justify-content:space-between;align-items:baseline}.section .hint{color:var(--dimmer);letter-spacing:.5px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:6px;border-bottom:1px solid var(--line)}.stat{padding:8px 9px 7px;background:linear-gradient(180deg,#1b1d21,#141619);border:1px solid var(--line2);border-bottom:2px solid var(--line2)}.stat.accent{border-bottom-color:var(--accent)}.stat .label{font-size:.62rem;letter-spacing:1px;text-transform:uppercase;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat .value{font-size:1.5rem;font-weight:700;line-height:1.2}.stat .value small{font-size:.78rem;color:var(--dim);font-weight:400}.stat.accent .value{color:var(--accent)}.stat .foot{font-size:.68rem;color:var(--dimmer);margin-top:1px}.stats.entry3{grid-template-columns:1.2fr 1fr 1fr}.stats.entry3 .value{font-size:1.9rem}.row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--line);width:100%;background:none;border-left:none;border-right:none;border-top:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}.row:active{background:#1d1f24}.row .grow{flex:1;min-width:0}.row .name{font-weight:700;font-size:.95rem}.row .meta{color:var(--dim);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .num{text-align:right;font-weight:700}.row .num small{display:block;font-weight:400;color:var(--dimmer);font-size:.68rem}.row.dim .name{color:var(--dim);font-weight:400}.btn{display:block;width:100%;padding:9px;background:var(--bg2);border:1px solid var(--line2);border-bottom:2px solid var(--accent-dim);color:var(--text);font:inherit;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:.8rem;cursor:pointer}.btn:active{background:#22252a}.btn.primary{border-bottom-color:var(--accent);color:var(--accent)}.btn.inline{width:auto;display:inline-block;padding:6px 12px}.field-block{padding:6px 10px 8px;border-bottom:1px solid var(--line)}.field-block .flabel{font-size:.68rem;letter-spacing:1px;text-transform:uppercase;color:var(--dim);margin-bottom:4px}.chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.chip{padding:7px 13px;background:var(--bg2);border:1px solid var(--line2);color:var(--text);font:inherit;font-weight:700;cursor:pointer;min-width:52px;text-align:center}.chip.active{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}input.free{width:76px;padding:7px 8px;background:#0b0c0d;border:1px solid var(--line2);color:var(--text);font:inherit;font-weight:700}input.free:focus{outline:none;border-color:var(--blue)}.feedback{padding:7px 10px;background:#15190f;border-bottom:1px solid var(--accent-dim);font-size:.85rem;line-height:1.45}.feedback b{color:var(--accent)}.feedback .pr{color:var(--warn)}.notice{padding:7px 10px;border-bottom:1px solid var(--line);font-size:.82rem;color:var(--warn)}.tabs{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:560px;display:flex;background:var(--bg2);border-top:1px solid var(--line2)}.tab{flex:1;padding:9px 4px 7px;background:none;border:none;border-top:3px solid transparent;color:var(--dim);font:inherit;font-size:.72rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer}.tab.active{color:var(--accent);border-top-color:var(--accent)}.mini{background:none;border:1px solid var(--line2);color:var(--dim);font:inherit;font-size:.72rem;padding:3px 8px;cursor:pointer}.mini.danger{color:var(--danger);border-color:#5a2222}.empty{padding:14px 10px;color:var(--dimmer);font-size:.85rem}.center{text-align:center}