:root{color:#1f2328;--accent:#2f6feb;background:#f6f7f9;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{color:#e6e6e6;background:#16181c}li,input{color:inherit;background:#22252b!important;border-color:#3a3f47!important}}body{margin:0}main{max-width:640px;margin:48px auto;padding:0 16px}h1{margin-bottom:24px;font-size:28px}form{gap:8px;margin-bottom:16px;display:flex}input{background:#fff;border:1px solid #d0d7de;border-radius:8px;flex:1;padding:10px 12px;font-size:15px}button{color:inherit;cursor:pointer;background:0 0;border:1px solid #d0d7de;border-radius:8px;padding:8px 12px}button[type=submit]{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{color:#cf222e}ul{gap:8px;padding:0;list-style:none;display:grid}li{background:#fff;border:1px solid #d0d7de;border-radius:8px;align-items:center;gap:8px;padding:12px;display:flex}li span{overflow-wrap:anywhere;flex:1}li.pinned{border-left:4px solid var(--accent)}.error{color:#cf222e}.empty{opacity:.7}