:root{--brand: #0f766e;--bg: #f8fafc;--card: #ffffff;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--danger: #dc2626;--font-body: system-ui, sans-serif;--font-heading: inherit;--radius-card: 10px;--radius-btn: 8px;--radius-input: 8px;--border-w: 1px;--shadow-card: none;--heading-transform: none;--heading-spacing: normal;--btn-bg: var(--brand);--btn-color: #fff;--btn-border: none;--btn2-bg: #fff;--btn2-color: var(--text);--btn2-border: 1px solid var(--border);--input-bg: #fff}:root[data-theme=dark]{--bg: #0f172a;--card: #1e293b;--text: #e2e8f0;--muted: #94a3b8;--border: #334155;--btn2-bg: var(--card);--input-bg: var(--card)}:root[data-accent=blue]{--brand: #2563eb}:root[data-accent=purple]{--brand: #7c3aed}:root[data-accent=rose]{--brand: #e11d48}:root[data-style=retro]{--bg: #f6e9d2;--card: #fdf6e9;--text: #3d2f1c;--muted: #8a6f4d;--border: #d9c49c;--brand: #c2570f;--danger: #a52a2a;--font-body: Georgia, "Times New Roman", serif;--font-heading: Georgia, "Times New Roman", serif;--radius-card: 20px;--radius-btn: 999px;--radius-input: 12px;--shadow-card: 0 2px 0 var(--border);--btn2-bg: #fff8ec;--input-bg: var(--card)}:root[data-style=retro] nav.top{background:repeating-linear-gradient(90deg,#c2570f 0,#c2570f 40px,#b8860b 40px,#b8860b 80px,#6b8e23 80px,#6b8e23 120px,sienna 120px,sienna 160px)}:root[data-style=punk]{--bg: #0a0a0a;--card: #161616;--text: #fafafa;--muted: #a3a3a3;--border: #fafafa;--brand: #e6007e;--danger: #ccff00;--font-body: Arial, sans-serif;--font-heading: "Arial Black", Impact, sans-serif;--heading-transform: uppercase;--heading-spacing: 1px;--radius-card: 0;--radius-btn: 0;--radius-input: 0;--border-w: 2px;--shadow-card: 4px 4px 0 var(--danger);--btn-color: #fff;--btn2-bg: #000;--btn2-color: #fff;--btn2-border: 2px solid var(--border);--input-bg: var(--card)}:root[data-style=punk] nav.top{background:#000;border-bottom:3px dashed var(--brand)}:root[data-style=punk] .banner{background:#1a1a00;border:1px solid #ccff00;color:#cf0}:root[data-style=punk] button.danger{color:#000}:root[data-style=oldschool]{--bg: #041204;--card: #062206;--text: #33ff33;--muted: #23a523;--border: #33ff33;--brand: #33ff33;--danger: #ff5533;--font-body: "Courier New", monospace;--font-heading: "Courier New", monospace;--radius-card: 0;--radius-btn: 0;--radius-input: 0;--border-w: 1px;--shadow-card: none;--btn-bg: transparent;--btn-color: var(--brand);--btn-border: 1px solid var(--brand);--btn2-bg: transparent;--input-bg: var(--card)}:root[data-style=oldschool] body{text-shadow:0 0 4px rgba(51,255,51,.45)}:root[data-style=oldschool] nav.top{background:#062206;border-bottom:1px solid #33ff33}:root[data-style=oldschool] nav.top a{color:var(--brand)}:root[data-style=oldschool] .banner{background:transparent;border:1px solid #ffbb33;color:#fb3}:root[data-style=oldschool] button.danger{color:#041204}:root[data-style=futuristic]{--bg: #070b18;--card: rgba(30, 42, 74, .55);--text: #dfe7ff;--muted: #8ea2d0;--border: rgba(122, 150, 255, .35);--brand: #06b6d4;--danger: #f43f5e;--font-body: "Segoe UI", system-ui, sans-serif;--heading-spacing: 1.5px;--radius-card: 14px;--radius-btn: 10px;--radius-input: 10px;--shadow-card: 0 0 18px rgba(6, 182, 212, .18);--btn-bg: linear-gradient(90deg, #06b6d4, #8b5cf6);--btn2-bg: rgba(255, 255, 255, .06);--input-bg: rgba(15, 23, 42, .65)}:root[data-style=futuristic] body{background:radial-gradient(1200px 600px at 20% -10%,#16294d,#070b18 55%) fixed}:root[data-style=futuristic] .card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:root[data-style=futuristic] nav.top{background:#0a1022cc;border-bottom:1px solid var(--border)}:root[data-style=futuristic] .banner{background:#f59e0b26;border:1px solid rgba(245,158,11,.45);color:#fbbf24}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--text)}a{color:var(--brand);text-decoration:none}main{max-width:720px;margin:0 auto;padding:1rem}h1,h2,h3{font-family:var(--font-heading);text-transform:var(--heading-transform);letter-spacing:var(--heading-spacing)}.card{background:var(--card);border:var(--border-w) solid var(--border);border-radius:var(--radius-card);padding:1rem;margin-bottom:1rem;box-shadow:var(--shadow-card)}button,.btn{background:var(--btn-bg);color:var(--btn-color);border:var(--btn-border);border-radius:var(--radius-btn);padding:.55rem 1rem;font-size:1rem;cursor:pointer;display:inline-block;min-height:44px}button.secondary,.btn.secondary,.icon-btn{background:var(--btn2-bg);color:var(--btn2-color);border:var(--btn2-border)}button.danger{background:var(--danger)}input,select,textarea{width:100%;padding:.55rem;border:var(--border-w) solid var(--border);border-radius:var(--radius-input);font-size:16px;margin-bottom:.6rem;background:var(--input-bg);color:var(--text);min-height:44px}label{font-weight:600;font-size:.9rem;display:block;margin-bottom:.2rem}.muted{color:var(--muted);font-size:.9rem}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.banner{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:.6rem 1rem;margin-bottom:1rem}:root[data-theme=dark] .banner{background:#3f2f0a;border:1px solid #a16207;color:var(--text)}nav.top{display:flex;gap:1rem;align-items:center;padding:.7rem 1rem;background:var(--brand)}nav.top a{color:#fff;font-weight:600}nav.top .spacer{flex:1}.icon-btn{padding:.45rem .6rem;min-width:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-block;background:var(--brand);color:#fff;font-size:.8rem;font-weight:600;padding:.15rem .6rem;border-radius:999px}details.card summary{cursor:pointer;font-weight:600;list-style:revert}details.card summary::marker{color:var(--muted)}@media(max-width:480px){main{padding:.75rem}nav.top{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;gap:.6rem;-webkit-overflow-scrolling:touch}.add-item-form{flex-direction:column;align-items:stretch}.add-item-form input,.add-item-form button{width:100%}}.print-only,.print-check{display:none}@media print{:root{--bg: #fff !important;--card: #fff !important;--text: #000 !important;--border: #999 !important;--muted: #444 !important}body{background:#fff!important;color:#000!important;text-shadow:none!important}main{max-width:none;padding:0}a{color:#000!important;text-decoration:none!important}.card{background:#fff!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid #999!important;break-inside:avoid}.badge{background:#000!important;color:#fff!important}nav.top,button,form,.no-print{display:none!important}.print-only{display:block!important}.print-check{display:inline!important}}