:root{--bg: oklch(.165 .012 265);--surface: oklch(.205 .014 265);--surface-2: oklch(.245 .016 265);--line: oklch(.3 .016 265);--line-soft: oklch(.255 .014 265);--text: oklch(.93 .006 265);--muted: oklch(.63 .012 265);--faint: oklch(.48 .012 265);--gold: oklch(.8 .125 85);--gold-dim: oklch(.7 .09 85);--gold-wash: oklch(.8 .125 85 / .1);--gold-ring: oklch(.8 .125 85 / .35);--ease: cubic-bezier(.16, 1, .3, 1);--mono: ui-monospace, "SF Mono", "JetBrains Mono", "Menlo", monospace;color-scheme:dark;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(120% 80% at 50% -10%,oklch(.22 .02 265) 0%,var(--bg) 55%);color:var(--text);-webkit-font-smoothing:antialiased}.app{max-width:1040px;margin:0 auto;padding:clamp(20px,4vw,44px) 16px 28px;min-height:100%;display:flex;flex-direction:column}.masthead{margin-bottom:clamp(18px,3vw,28px)}.title{display:flex;align-items:baseline;gap:.35em;margin:0;font-size:clamp(22px,3.2vw,30px);font-weight:600;letter-spacing:-.02em;color:var(--gold)}.title .star{font-size:.7em;color:var(--gold);transform:translateY(-.1em)}.lede{margin:8px 0 0;font-family:var(--mono);font-size:12.5px;letter-spacing:-.01em;color:var(--muted)}.panes{display:grid;grid-template-columns:1fr 1fr;gap:18px;flex:1}.pane{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;min-width:0}.pane-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.pane-head h2{margin:0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.cap{margin:5px 0 0;font-size:12px;color:var(--faint)}input{background:#0f1217;border:1px solid var(--line);color:var(--text);border-radius:9px;padding:7px 11px;font-size:13px;font-family:inherit;transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}input::placeholder{color:var(--faint)}input:focus-visible{outline:none;border-color:var(--gold-dim);box-shadow:0 0 0 3px var(--gold-ring)}.filter{width:150px}.add{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.add input{width:120px}.btn-add{background:var(--gold-wash);border:1px solid var(--gold-dim);color:var(--gold);border-radius:9px;padding:7px 14px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .16s var(--ease)}.btn-add:hover{background:#e3b7562e}.status{font-family:var(--mono);font-size:12px;color:var(--muted)}.list{height:clamp(420px,56vh,600px);overflow:auto;border:1px solid var(--line-soft);border-radius:10px;background:#11141a}.right-scroll{padding:0}.row{display:flex;align-items:center;gap:10px;height:38px;padding:0 8px 0 12px;border-bottom:1px solid var(--line-soft);background:transparent;transition:background .14s var(--ease)}.row:hover{background:var(--surface-2)}.id,.grab{flex:1;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:13px;letter-spacing:-.01em}.grab{cursor:grab;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:9px}.grab:active{cursor:grabbing}.dot{width:5px;height:5px;border-radius:50%;background:var(--gold);flex:none;box-shadow:0 0 6px var(--gold-ring)}.row.drag{background:var(--surface-2);border:1px solid var(--gold-dim);border-radius:9px;box-shadow:0 8px 24px #02030980}.muted{color:var(--faint);font-size:12px;font-family:var(--mono)}.act{flex:none;display:grid;place-items:center;width:30px;height:30px;background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:8px;font-size:14px;line-height:1;cursor:pointer;transition:color .14s var(--ease),border-color .14s var(--ease),background .14s var(--ease)}.act:hover{color:var(--gold);border-color:var(--gold-dim);background:var(--gold-wash)}.act:focus-visible{outline:none;border-color:var(--gold-dim);box-shadow:0 0 0 3px var(--gold-ring)}.foot{margin-top:20px;padding-top:16px;border-top:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--faint);font-family:var(--mono)}.by{display:inline-flex;align-items:center;gap:.45em;color:var(--muted);text-decoration:none;transition:color .16s var(--ease)}.by:hover,.by .star{color:var(--gold)}@media(max-width:760px){.panes{grid-template-columns:1fr}.filter{width:130px}.act{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}