:root{--bg: #0d0f12;--surface: #16191f;--surface-2: #1e232b;--border: #2a303a;--text: #eef0f3;--muted: #8b929e;--accent: #ff6b35;--accent-ink: #0d0f12;--up: #46d17f}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#0d0f12e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.brand{font-weight:800;letter-spacing:-.02em}.brand span{color:var(--accent)}.nav nav{display:flex;gap:4px}.nav nav a{color:var(--muted);text-decoration:none;font-weight:600;font-size:14px;padding:6px 10px;border-radius:8px}.nav nav a.active{color:var(--accent-ink);background:var(--accent)}.container{max-width:560px;margin:0 auto;padding:16px 16px 120px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:12px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.card h2{font-size:15px;margin:0 0 10px}.muted{color:var(--muted)}.small{font-size:12px}.date{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;margin:0 0 14px}.accent{color:var(--accent)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}.setrow{display:flex;align-items:center;gap:8px;margin-bottom:8px}.setlabel{width:44px;flex:none;font-size:12px;color:var(--muted);font-family:ui-monospace,monospace}.in{flex:1;min-width:0;text-align:center;font-size:17px;font-variant-numeric:tabular-nums;padding:9px 6px;border-radius:9px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);outline:none}.in::placeholder{color:#566072}.in:focus{border-color:var(--accent)}.in.beat{border-color:var(--up)}.x{color:var(--muted)}.flag{width:18px;flex:none;text-align:center}.up{color:var(--up)}.eq{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;cursor:pointer;font-weight:700;font-size:15px;padding:12px 16px;border-radius:12px}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:disabled{background:var(--surface-2);color:#566072;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border);font-size:13px;padding:8px 12px}.link{background:none;border:none;color:var(--muted);cursor:pointer;font-size:12px}.link:hover{color:#ff8b5f}.sticky{position:fixed;left:0;right:0;bottom:16px;margin:0 auto;width:min(528px,calc(100% - 32px));box-shadow:0 8px 30px #0006}.error{background:#3a1417;border:1px solid #5b2126;color:#ffb4ad;padding:10px 12px;border-radius:10px;margin-bottom:12px;font-size:14px}.row{display:flex;align-items:center;gap:12px}.grow{flex:1;min-width:0}.name{font-weight:600}.reorder{display:flex;flex-direction:column;gap:2px}.icon{width:30px;height:26px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:7px;cursor:pointer;font-size:11px}.icon:disabled{opacity:.35;cursor:not-allowed}.addform{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.chk,.sets{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--muted)}.in.wide{flex:1 1 200px;text-align:left;padding-left:12px}.in.small{width:64px;flex:none}.in.tiny{width:52px;flex:none;padding:4px;font-size:14px}.hrow{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:3px 0}