:root{--background:#fafaf9;--foreground:#1c1917;--muted:#78716c;--surface:#fff;--border:#e7e5e4;--accent:#4f46e5;--accent-foreground:#fff;--radius:8px}@media (prefers-color-scheme:dark){:root{--background:#0c0a09;--foreground:#f5f5f4;--muted:#a8a29e;--surface:#1c1917;--border:#292524;--accent:#818cf8;--accent-foreground:#0c0a09}}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);margin:0;font-family:system-ui,sans-serif;line-height:1.5}main{max-width:36rem;margin:0 auto;padding:3rem 1rem}h1{margin:0 0 1.5rem;font-size:1.5rem}.add{gap:.5rem;margin-bottom:1.5rem;display:flex}input[name=text]{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:inherit;font:inherit;flex:1;padding:.5rem .75rem}button{border-radius:var(--radius);background:var(--accent);color:var(--accent-foreground);font:inherit;cursor:pointer;border:0;padding:.5rem 1rem}button.ghost{color:var(--muted);background:0 0;padding:.25rem .5rem}ul{margin:0;padding:0;list-style:none}li{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;padding:.75rem 1rem;display:flex}.empty{color:var(--muted)}