@import "https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;500;700&display=swap";:root{--ink:#18181b;--ink-muted:#71717a;--bg:#fafafa;--surface:#fff;--rule:#e4e4e7;--accent:#d97706;--accent-ink:#fafafa;--board-ground:#fafafa;--flap-text:#18181b;--steel-frame:#71717a;--amber-alert:#d97706;--red-cancel:#dc2626;--completed-gray:#a1a1aa;--row-hover:#f4f4f5;--font-family:"Roboto Condensed", "Arial Narrow", sans-serif;--size-item:18px;--size-label:14px;--size-small:12px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;scrollbar-color:var(--rule) transparent;caret-color:var(--accent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--ink:#e4e4e7;--ink-muted:#a1a1aa;--bg:#18181b;--surface:#27272a;--rule:#3f3f46;--accent:#fbb040;--accent-ink:#18181b;--board-ground:#18181b;--flap-text:#e4e4e7;--steel-frame:#a1a1aa;--amber-alert:#fbb040;--red-cancel:#f87171;--completed-gray:#52525b;--row-hover:#27272a;scrollbar-color:var(--rule) transparent;caret-color:var(--accent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:clip}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;color:var(--ink);background:var(--bg);margin:0;line-height:1.5}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--steel-frame);outline-offset:2px}.app{flex-direction:column;min-height:100vh;display:flex}.board-header{background:var(--board-ground);border-bottom:1px solid var(--steel-frame);padding:var(--space-2) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.category-filters{gap:var(--space-3);display:flex}.category-filter{color:var(--steel-frame);font-family:var(--font-family);font-size:var(--size-label);text-transform:uppercase;letter-spacing:.02em;padding:var(--space-1) 0;cursor:pointer;background:0 0;border:none;align-items:center;min-height:44px;font-weight:500;display:flex;position:relative}@media (prefers-reduced-motion:no-preference){.category-filter{transition:color .15s ease-out}}.category-filter:hover,.category-filter.active{color:var(--flap-text)}.category-filter.active:after{content:"";background:var(--amber-alert);height:4px;position:absolute;bottom:0;left:0;right:0}@media (prefers-reduced-motion:no-preference){.category-filter.active:after{transition:left .2s ease-out,right .2s ease-out}}.item-count{font-size:var(--size-label);color:var(--flap-text);font-weight:500}.header-actions{gap:var(--space-2);align-items:center;display:flex}.list-container{flex:1;overflow-y:auto}.items-list{list-style:none}.item-row{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--steel-frame);min-height:56px;display:flex}@media (prefers-reduced-motion:no-preference){.item-row{transition:background .1s ease-out}}.item-row:hover{background:var(--row-hover)}.item-row:hover .item-actions{opacity:1}.item-row.checked{color:var(--completed-gray)}.item-row.checked .item-name{text-decoration:line-through}.item-checkbox{border:2px solid var(--flap-text);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;min-height:44px;display:flex;position:relative}@media (prefers-reduced-motion:no-preference){.item-checkbox{transition:all .15s ease-out}}.item-checkbox:hover{border-color:var(--amber-alert)}.item-checkbox.checked{background:var(--amber-alert);border-color:var(--amber-alert)}.item-checkbox.checked:after{content:"✓";color:var(--board-ground);font-size:14px;font-weight:700}.item-content{align-items:center;gap:var(--space-2);flex:1;display:flex}.item-name{font-size:var(--size-item);flex:1;font-weight:700}@media (prefers-reduced-motion:no-preference){@keyframes flip-char{0%{filter:blur();transform:scaleY(1)}50%{filter:blur(2px);transform:scaleY(0)}to{filter:blur();transform:scaleY(1)}}.item-row.checking .item-name span{animation:.4s ease-out flip-char;display:inline-block}}.item-metadata{align-items:center;gap:var(--space-2);display:flex}.item-quantity{font-size:var(--size-small);color:var(--flap-text)}.item-category{font-size:var(--size-label);color:var(--steel-frame);text-transform:uppercase;letter-spacing:.02em;font-weight:500}.item-actions{gap:var(--space-1);opacity:0;display:flex}@media (prefers-reduced-motion:no-preference){.item-actions{transition:opacity .15s ease-out}}.item-action-btn{width:32px;min-width:44px;height:32px;min-height:44px;color:var(--steel-frame);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex}@media (prefers-reduced-motion:no-preference){.item-action-btn{transition:all .15s ease-out}}.item-action-btn:hover{color:var(--amber-alert);background:#f59e0b1a}.item-action-btn.delete:hover{color:var(--red-cancel);background:#dc26261a}.empty-state{padding:var(--space-4);text-align:center;color:var(--steel-frame)}.empty-state-message{font-size:var(--size-item);margin-bottom:var(--space-2)}.empty-state-hint{font-size:var(--size-label)}.add-button{bottom:var(--space-4);right:var(--space-4);background:var(--amber-alert);width:56px;min-width:56px;height:56px;min-height:56px;color:var(--board-ground);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex;position:fixed;box-shadow:0 4px 12px #0000004d}@media (prefers-reduced-motion:no-preference){.add-button{transition:transform .2s ease-out}}.add-button:hover{transform:scale(1.05)}.add-button:active{transform:scale(.95)}.form-screen{padding:var(--space-4);width:100%;max-width:600px;margin:0 auto}.form-header{margin-bottom:var(--space-4)}.form-title{color:var(--flap-text);margin-bottom:var(--space-2);font-size:24px;font-weight:700}.back-button{color:var(--steel-frame);font-family:var(--font-family);font-size:var(--size-label);cursor:pointer;padding:var(--space-1);align-items:center;gap:var(--space-1);background:0 0;border:none;min-height:44px;display:inline-flex}@media (prefers-reduced-motion:no-preference){.back-button{transition:color .15s ease-out}}.back-button:hover{color:var(--flap-text)}.form-field{margin-bottom:var(--space-3)}.form-label{font-size:var(--size-label);text-transform:uppercase;letter-spacing:.02em;margin-bottom:var(--space-1);color:var(--flap-text);font-weight:500;display:block}.form-input,.form-select{background:var(--board-ground);border:1px solid var(--steel-frame);width:100%;color:var(--flap-text);font-family:var(--font-family);padding:var(--space-2);border-radius:4px;font-size:max(1rem,16px)}@media (prefers-reduced-motion:no-preference){.form-input,.form-select{transition:border-color .15s ease-out}}.form-input:focus,.form-select:focus{border-color:var(--amber-alert);outline:none}.form-input::placeholder{color:var(--steel-frame)}.form-actions{gap:var(--space-2);margin-top:var(--space-4);display:flex}.form-button{background:var(--amber-alert);color:var(--board-ground);font-family:var(--font-family);font-size:var(--size-label);text-transform:uppercase;letter-spacing:.02em;padding:var(--space-2) var(--space-3);cursor:pointer;border:none;border-radius:4px;flex:1;min-height:44px;font-weight:700}@media (prefers-reduced-motion:no-preference){.form-button{transition:all .15s ease-out}}.form-button:hover:not(:disabled){background:#d97706}.form-button:active:not(:disabled){transform:translateY(1px)}.form-button:disabled{background:var(--steel-frame);cursor:not-allowed;opacity:.5}.form-button.secondary{border:1px solid var(--steel-frame);color:var(--flap-text);background:0 0}.form-button.secondary:hover:not(:disabled){border-color:var(--flap-text);background:var(--row-hover)}.clear-completed-btn{border:1px solid var(--steel-frame);color:var(--steel-frame);font-family:var(--font-family);font-size:var(--size-small);text-transform:uppercase;letter-spacing:.02em;padding:var(--space-1) var(--space-2);cursor:pointer;background:0 0;border-radius:4px;min-height:44px;font-weight:500}@media (prefers-reduced-motion:no-preference){.clear-completed-btn{transition:all .15s ease-out}}.clear-completed-btn:hover{border-color:var(--red-cancel);color:var(--red-cancel)}@media (width<=768px){.board-header{padding:var(--space-2);flex-direction:column;align-items:flex-start}.category-filters{width:100%;padding-bottom:var(--space-1);overflow-x:auto}.item-row{padding:var(--space-2)}.item-content{flex-direction:column;align-items:flex-start}.item-metadata{width:100%}.item-actions{opacity:1}}@media (width<=480px){body,.container,[class*=container],section,header,footer,nav,main,article{padding-inline:max(1rem,16px)}}p,li,dt,dd,blockquote,figcaption,td,th{max-width:min(75ch,100%)}