:root{--bg:#f5f5f2;--fg:#1d1d1b;--muted:#5f5f5a;--card:#fff;--line:#e2e2dc;--accent:#1d1d1b;--danger:#b42318}
@media (prefers-color-scheme:dark){:root{--bg:#151514;--fg:#f1f1ee;--muted:#a8a8a2;--card:#1f1f1d;--line:#33332f;--accent:#f1f1ee;--danger:#f97066}}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--fg)}
main{max-width:520px;margin:0 auto;padding:32px 16px}
h1{font-size:1.6rem;margin:0 0 4px}
.sub{color:var(--muted);margin:0 0 24px}
.add{display:flex;gap:8px;margin-bottom:24px}
select,button{font:inherit;font-size:1rem;min-height:44px;border-radius:8px}
select{flex:1;padding:0 12px;border:1px solid var(--line);background:var(--card);color:var(--fg)}
button{padding:0 18px;border:0;background:var(--accent);color:var(--bg);font-weight:600;cursor:pointer}
ul{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}
li{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 16px;border-top:1px solid var(--line)}
li:first-child{border-top:0}
.num{font-size:1.25rem;font-weight:600}
li form{margin:0}
li button{background:transparent;color:var(--danger);border:1px solid var(--line);min-height:36px;padding:0 12px;font-weight:500}
.empty{padding:16px;color:var(--muted);text-align:center}
.msg{padding:10px 12px;border-radius:8px;background:var(--card);border:1px solid var(--line);margin:0 0 16px}