:root{--bg: #f0f4f8;--card-bg: #ffffff;--text: #334155;--muted: #64748b;--border: #cbd5e1;--primary: #0ea5e9;--secondary: #e2e8f0;--input-bg: #ffffff}body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:var(--text)}.container{max-width:800px;margin:0 auto;padding:16px}.card{background:var(--card-bg);border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0000000d}.row{display:flex;gap:8px;align-items:center}input[type=text],input[type=url],textarea{flex:1;padding:8px;border-radius:8px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);font-family:inherit}textarea{font-family:inherit}button{padding:8px 12px;border-radius:8px;border:none;background:var(--primary);color:#fff;cursor:pointer;font-family:inherit}button.secondary{background:var(--secondary);color:var(--text)}ul{list-style:none;padding:0;margin:0}li{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.checkbox{width:20px;height:20px;accent-color:#10b981}