:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fafaf8;--fg:#1a1a1a;--muted:#5c5c5c;--line:#d6d6d0;--accent:#1f5f4a;--accent-fg:#fff;--error:#a4262c}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#141514;--fg:#ececea;--muted:#a3a39d;--line:#34362f;--accent:#5fb89a;--accent-fg:#0d1a15;--error:#ff8a8f}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent)}.site-header{border-bottom:1px solid var(--line);padding:16px}.brand{color:var(--fg);font-weight:600;text-decoration:none}.container{max-width:36rem;margin:0 auto;padding:24px 16px 48px}h1{margin:0 0 8px;font-size:1.5rem}p{margin:0 0 16px}.muted{color:var(--muted)}.stack{gap:16px;display:grid}.field{gap:4px;display:grid}label{font-size:.9rem;font-weight:600}input{width:100%;font:inherit;color:inherit;border:1px solid var(--line);background:0 0;border-radius:6px;padding:10px 12px}input:focus-visible,.button:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button,button{font:inherit;text-align:center;color:var(--accent-fg);background:var(--accent);cursor:pointer;border:0;border-radius:6px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-block}.button.secondary,button.secondary{color:var(--fg);border:1px solid var(--line);background:0 0}button:disabled{opacity:.6;cursor:not-allowed}.actions{flex-wrap:wrap;gap:12px;display:flex}.error{color:var(--error)}.notice{border:1px solid var(--line);border-radius:6px;padding:12px 16px}.links{flex-wrap:wrap;gap:16px;font-size:.9rem;display:flex}h2{margin:0;font-size:1.2rem}.field input[type=file]{padding:8px}.check{align-items:flex-start;gap:10px;display:flex}.check input{flex:none;width:auto;margin-top:5px}.check label{font-size:.9rem;font-weight:400}progress{width:100%}.tracklist{gap:8px;margin:0;padding:0;list-style:none;display:grid}.tracklist li{border:1px solid var(--line);border-radius:6px;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:8px 12px;display:flex}.tracklist .title{overflow-wrap:anywhere;flex:10rem;font-weight:600}.tag{border:1px solid var(--line);border-radius:999px;margin-left:6px;padding:0 8px;font-size:.75rem;display:inline-block}.tracklist .tag{margin-left:0}.combo{position:relative}.listbox{z-index:5;background:var(--bg);border:1px solid var(--line);border-radius:6px;max-height:14rem;margin:2px 0 0;padding:4px 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow:auto}.listbox[hidden]{display:none}.listbox li{cursor:pointer;padding:10px 12px}.listbox li.active,.listbox li:hover{background:var(--accent);color:var(--accent-fg)}.chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.chip{border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;margin:0;padding:2px 4px 2px 10px;display:inline-flex}.chip button{min-width:32px;min-height:32px;color:var(--fg);background:0 0;border-radius:999px;padding:0 8px}.site-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.bell{min-height:44px;color:var(--fg);align-items:center;gap:6px;padding:0 8px;display:inline-flex}.badge{color:#fff;text-align:center;background:#b3261e;border-radius:999px;min-width:20px;padding:2px 6px;font-size:.75rem}.inbox{gap:8px;margin:0;padding:0;list-style:none;display:grid}.inbox li{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:6px;gap:6px;padding:12px 16px;display:grid}.inbox li.unread{border-left:4px solid #b3261e}.inbox .meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}