:root{font-family:system-ui,sans-serif;line-height:1.5;color:#1a1a1a;background:#f6f7f9;--mode-color-draft: #df5790;--mode-color-active: #19684e;--mode-color-completed: #2563eb;--mode-color-archived: #1392e7;--mode-primary: #555;--mode-primary-hover: color-mix(in oklab, var(--mode-primary), black 22%);--mode-highlight-bg: color-mix(in oklab, var(--mode-primary), white 86%);--mode-highlight-border: color-mix(in oklab, var(--mode-primary), black 10%);--mode-fill-x: 50vw;--mode-fill-y: 50vh;--mode-fill-color: var(--mode-color-active)}*{box-sizing:border-box}body{margin:0}html:before{content:"";position:fixed;left:var(--mode-fill-x);top:var(--mode-fill-y);width:1rem;height:1rem;border-radius:999px;pointer-events:none;background:var(--mode-fill-color);transform:translate(-50%,-50%) scale(0);opacity:0;z-index:9999}html.mode-fill-active:before{animation:mode-fill-expand .92s cubic-bezier(.22,1,.36,1) forwards}@keyframes mode-fill-expand{0%{transform:translate(-50%,-50%) scale(0);opacity:.98}55%{opacity:1}to{transform:translate(-50%,-50%) scale(220);opacity:0}}button{cursor:pointer}input,select,button{font:inherit}.app{max-width:42rem;margin:0 auto;padding:1.5rem}.app.mode-draft{--mode-primary: var(--mode-color-draft)}.app.mode-active{--mode-primary: var(--mode-color-active)}.app.mode-completed{--mode-primary: var(--mode-color-completed)}.app.mode-archived{--mode-primary: var(--mode-color-archived)}.app[class*=mode-]{--mode-primary-hover: color-mix(in oklab, var(--mode-primary), black 18%);--mode-highlight-bg: color-mix(in oklab, var(--mode-primary), white 86%);--mode-highlight-border: color-mix(in oklab, var(--mode-primary), black 10%)}.card{background:#fff;border-radius:.5rem;padding:1rem 1.25rem;box-shadow:0 1px 3px #00000014;margin-bottom:1rem}.row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.muted{color:#666;font-size:.875rem}.error{color:#b00020;font-size:.875rem}.item-checked{text-decoration:line-through;opacity:.65}.catalog-row-on-list{background:var(--mode-highlight-bg);border-radius:.25rem;border-left:3px solid var(--mode-highlight-border);padding-left:.35rem!important}.shopping-item-picked{opacity:.55;color:#5f6368}.shopping-row.shopping-item-picked{text-decoration:line-through}.suggestion-list{list-style:none;padding:.25rem 0 0;margin:.35rem 0 0;border:1px solid #e0e0e0;border-radius:.35rem;background:#fafafa}.suggestion-list li{margin:0}.suggestion-btn{display:block;width:100%;text-align:left;padding:.35rem .5rem;border:none;background:transparent;font:inherit}.suggestion-btn:hover{background:#eee}.mode-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.mode-actions-top{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e8eaed}.mode-actions-bottom{margin-top:1.25rem;padding-top:.75rem;border-top:1px solid #e8eaed}.btn-mode-primary{font-weight:600;padding:.5rem 1rem;border-radius:.35rem;border:1px solid var(--mode-primary);background:var(--mode-primary);color:#fff!important;transition:all .1s ease-in-out}.btn-mode-primary:active,.btn-mode-primary:hover{border:1px solid var(--mode-primary-hover);background:var(--mode-primary-hover)}.btn-mode-outline{font-weight:600;padding:.5rem 1rem;border-radius:.35rem;border:1px solid var(--mode-primary-hover);background:#fff;color:var(--mode-primary-hover)}.btn-mode-outline:hover{background:color-mix(in oklab,var(--mode-primary-hover),white 86%)}.font-heading{color:var(--mode-primary);font-family:DynaPuff,system-ui;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100}.lists-overview{list-style:none;padding:0;margin:0}.lists-overview li{margin:0;border-bottom:1px solid #eee}.lists-overview li:last-child{border-bottom:none}.lists-overview-link{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.65rem .25rem;text-decoration:none;color:inherit}.lists-overview-link:hover{background:#f5f5f5}.lists-overview-name{font-weight:600;flex:1 1 8rem}.lists-overview-date{font-size:.8rem}.lists-overview-badge{font-size:.75rem;padding:.15rem .45rem;border-radius:999px;background:#e3f2fd;color:#1565c0}.lists-overview-badge.status-draft{background:#fff3e0;color:#e65100}.lists-overview-badge.status-active{background:#e8f5e9;color:#2e7d32}.lists-overview-badge.status-completed{background:#f3e5f5;color:#6a1b9a}.lists-overview-badge.status-archived{background:#eceff1;color:#546e7a}