:root{--bg:#0f1117;--card:#1a1d27;--card-2:#232735;--text:#eef0f5;--muted:#8b90a0;--accent:#4ade80;--accent-dark:#22c55e;--danger:#f87171;--radius:14px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);min-height:100dvh}.screen{max-width:560px;padding:16px 16px calc(32px + env(safe-area-inset-bottom));margin:0 auto}.screen.center{justify-content:center;align-items:center;min-height:100dvh;display:flex}header{justify-content:space-between;align-items:center;padding:8px 0 16px;display:flex}h1{font-size:1.4rem}h2{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:20px 0 10px;font-size:.95rem}.muted{color:var(--muted)}.count{background:var(--accent);color:#06220f;vertical-align:middle;border-radius:99px;padding:1px 8px;font-size:.75rem}.header-actions{gap:6px;display:flex}.icon-btn{background:var(--card);cursor:pointer;border:none;border-radius:10px;padding:8px 10px;font-size:1.1rem}.add-bar{gap:8px;display:flex}.input-wrap{flex:1;position:relative}input{background:var(--card);border-radius:var(--radius);width:100%;color:var(--text);border:1px solid #2c3040;outline:none;padding:13px 14px;font-size:1rem}input:focus{border-color:var(--accent-dark)}input.qty{width:84px}button{background:var(--accent);border-radius:var(--radius);color:#06220f;cursor:pointer;border:none;padding:13px 18px;font-size:1rem;font-weight:600}button.secondary{background:var(--card-2);color:var(--text)}button.link{color:var(--muted);background:0 0;padding:6px;font-size:.9rem;font-weight:400;text-decoration:underline}button:disabled{opacity:.6}.autocomplete{background:var(--card-2);border-radius:var(--radius);z-index:10;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #00000080}.autocomplete button{text-align:left;width:100%;color:var(--text);background:0 0;border-radius:0;padding:11px 14px;font-weight:400;display:block}.autocomplete button:hover{background:var(--card)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--card);color:var(--text);border:1px dashed #3a3f52;border-radius:99px;padding:8px 13px;font-size:.9rem;font-weight:400}.chip:active{background:var(--card-2)}.item-list{flex-direction:column;gap:8px;list-style:none;display:flex}.item{background:var(--card);border-radius:var(--radius);cursor:pointer;align-items:center;gap:12px;padding:14px;transition:opacity .25s,transform .25s;animation:.25s slide-in;display:flex}.item:active{transform:scale(.98)}@keyframes slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.checkbox{color:var(--accent);text-align:center;width:24px;font-size:1.2rem}.item-name{flex:1}.item-qty{background:var(--card-2);color:var(--muted);border-radius:8px;padding:3px 8px;font-size:.8rem}.item.done{opacity:.55}.item.done .item-name{text-decoration:line-through}.re-add{color:var(--accent);font-size:.8rem}.empty{text-align:center;padding:24px 0}.modal-backdrop{z-index:100;background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--card-2);border-radius:var(--radius);text-align:center;width:100%;max-width:400px;padding:24px}.modal p{margin-bottom:8px;line-height:1.5}.modal-actions{justify-content:center;gap:10px;margin-top:16px;display:flex}.invite-code{letter-spacing:.2em;color:var(--accent);-webkit-user-select:all;user-select:all;margin:8px 0;font-size:1.8rem;font-weight:700}.invite-link{color:var(--muted);word-break:break-all;-webkit-user-select:all;user-select:all;font-size:.8rem}.card{background:var(--card);text-align:center;border-radius:20px;width:100%;max-width:400px;padding:32px 28px}.auth-card form{flex-direction:column;gap:10px;margin-top:20px;display:flex}.auth-card .muted{margin-top:6px}.auth-switch{justify-content:center;gap:12px;margin-top:16px;display:flex}.msg{margin-top:14px;font-size:.9rem}.divider{color:var(--muted);align-items:center;gap:12px;margin:18px 0;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";background:#2c3040;flex:1;height:1px}