:root{--bg: #0f0f1a;--surface: #1a1a2e;--surface2: #252540;--border: #2a2a45;--text: #e8e8f0;--dim: #777799;--accent: #6366f1;--accent2: #818cf8;--green: #34d399;--orange: #fbbf24;--pink: #f472b6;--red: #ef4444;--radius: 14px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;max-width:100vw}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;touch-action:manipulation;-webkit-tap-highlight-color:rgba(99,102,241,.15);overscroll-behavior:none}.empty{text-align:center;padding:80px 32px;color:var(--dim)}.empty .icon{font-size:3rem;margin-bottom:12px}.empty h2{font-weight:400;font-size:1.1rem;color:#888}.empty p{font-size:.85rem;margin-top:8px}.empty button{background:var(--surface2);border:none;color:var(--accent2);padding:10px 20px;border-radius:8px;margin-top:12px;cursor:pointer;font-size:.9rem}.loading{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:300}.loading.show{display:block}.spinner{width:40px;height:40px;border:3px solid var(--surface2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes toastIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-20px);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{position:fixed;bottom:120px;left:50%;transform:translate(-50%);z-index:400;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:var(--surface2);color:var(--text);padding:12px 20px;border-radius:10px;font-size:.9rem;animation:toastIn .3s ease-out;box-shadow:0 4px 20px #0006}.toast.error{background:var(--red);color:#fff}.toast.success{background:var(--green);color:#000}.toast.out{animation:toastOut .3s ease-in forwards}.toast-action{background:#ffffff40;border:none;color:inherit;padding:4px 12px;border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer;margin-left:12px;white-space:nowrap}.toast-action:active{background:#fff6}.header{position:sticky;top:0;z-index:100;background:#0f0f1aeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:calc(var(--safe-top) + 12px) 16px 12px;border-bottom:1px solid var(--border)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;overflow:hidden}.header-btn{background:var(--surface2);border:none;color:var(--dim);width:32px;height:32px;min-width:32px;border-radius:8px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.header-btn:active{background:var(--accent);color:#fff}.header-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.header-btn[aria-pressed=true]{background:var(--accent);color:#fff}.header-btn.listening{background:var(--red)!important;color:#fff!important;animation:pulse 1s infinite}.member-dots{display:flex;gap:4px;align-items:center;flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.member-dots::-webkit-scrollbar{display:none}.member-dots.compact{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}.member-chip{display:flex;align-items:center;gap:4px;cursor:pointer;padding:2px 8px 2px 2px;border-radius:12px;transition:all .15s;border:1.5px solid transparent;font-size:.75rem;color:var(--dim);white-space:nowrap;background:var(--surface2)}.member-chip .dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.member-chip.active{border-color:var(--accent);background:var(--accent);color:#fff}.header-actions{display:flex;gap:3px;align-items:center;flex-shrink:0}.connection-status{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background .3s}.connection-status.connected{background:var(--green)}.connection-status.disconnected{background:var(--red)}.offline-badge{font-size:.7rem;padding:2px 8px;border-radius:10px;background:var(--orange);color:#000;margin-left:8px;animation:pulse 2s infinite}.tabs{display:flex;border-bottom:1px solid var(--border);position:sticky;top:calc(50px + var(--safe-top));z-index:99;background:var(--bg)}.tab{flex:1;padding:10px 0;text-align:center;font-size:.85rem;font-weight:500;color:var(--dim);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.tab .count{background:var(--surface2);padding:1px 7px;border-radius:10px;font-size:.72rem;margin-left:4px}.tab.active .count{background:var(--accent);color:#fff}.tab .urgent-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);margin-left:4px;vertical-align:middle}.cat-icon{font-size:.85rem;margin-right:2px}.category-header{padding:10px 16px 4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--dim);display:flex;align-items:center;gap:6px;border-top:1px solid var(--border)}.category-header:first-child{border-top:none}.category-header .emoji{font-size:.9rem}.category-header .count{background:var(--surface2);padding:1px 6px;border-radius:8px;font-size:.68rem;margin-left:auto}.section-header{padding:12px 16px 6px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--dim);display:flex;align-items:center;gap:6px}.items{padding:0 0 140px}.item{position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.03);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.item:focus-within{background:#6366f10f}.item.done .item-text{text-decoration:line-through;text-decoration-color:var(--green);color:var(--dim)}.item.done{border-left:3px solid var(--green)}.item.done .member-indicator{opacity:.4}.item-inner{display:flex;align-items:center;padding:12px 16px;gap:10px;position:relative;z-index:2;background:var(--bg);transition:transform .15s ease-out}.item .swipe-bg{position:absolute;top:0;right:0;bottom:0;width:80px;background:var(--green);display:flex;align-items:center;justify-content:center;color:#000;font-size:1.4rem;font-weight:700;z-index:1}.item.done .swipe-bg{background:var(--orange)}.item .swipe-actions-right{position:absolute;top:0;left:0;bottom:0;width:200px;background:var(--surface2);display:flex;align-items:center;justify-content:flex-start;gap:4px;padding-left:12px;z-index:1}.swipe-action-btn{background:var(--surface);border:1px solid var(--border);color:var(--dim);padding:6px 10px;border-radius:8px;font-size:.72rem;cursor:pointer;white-space:nowrap}.swipe-action-btn:active{background:var(--accent);color:#fff;border-color:var(--accent)}.item-content{flex:1;min-width:0}.item-text{font-size:1rem;line-height:1.4;word-break:break-word}.item-quantity{background:var(--accent);color:#fff;font-size:.65rem;padding:1px 5px;border-radius:6px;font-weight:700;margin-left:4px;vertical-align:super}.item-meta{display:flex;gap:6px;font-size:.72rem;color:var(--dim);margin-top:3px;align-items:center;flex-wrap:wrap}.item-meta .type-emoji{font-size:.7rem}.member-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-left:auto}.claim-btn{background:none;border:1px solid var(--border);color:var(--dim);font-size:.68rem;padding:1px 8px;border-radius:10px;cursor:pointer;transition:all .15s;white-space:nowrap}.claim-btn:active,.claim-btn.claimed{background:var(--accent);color:#fff;border-color:var(--accent)}.qty-inline{display:inline-flex;gap:2px;margin-left:auto}.qty-btn{background:var(--surface2);border:none;color:var(--dim);width:22px;height:22px;border-radius:5px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.qty-btn:active{background:var(--accent);color:#fff}.add-bar{position:fixed;bottom:0;left:0;right:0;background:#0f0f1af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:12px 16px calc(var(--safe-bottom) + 12px);z-index:101;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.add-row{display:flex;gap:8px}.add-input{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 16px;color:var(--text);font-size:16px;outline:none;transition:border-color .15s}.add-input::placeholder{color:var(--dim)}.add-input:focus{border-color:var(--accent)}.add-btn{background:var(--accent);border:none;color:#fff;min-width:48px;height:48px;border-radius:12px;font-size:1.5rem;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform .1s}.add-btn:active{transform:scale(.92)}.type-hint{font-size:.75rem;color:var(--dim);padding:4px 0 0 4px;min-height:20px}.type-hint .emoji{margin-right:4px}.autocomplete-dropdown{position:absolute;bottom:100%;left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:4px;max-height:200px;overflow-y:auto;display:none;box-shadow:0 -4px 20px #0000004d;z-index:110}.autocomplete-dropdown.show{display:block}.autocomplete-option{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.03)}.autocomplete-option:last-child{border-bottom:none}.autocomplete-option:active{background:#6366f126}.autocomplete-option .ac-name{flex:1}.autocomplete-option .ac-price{font-size:.78rem;color:var(--dim);margin-left:8px}.autocomplete-option .ac-store{font-size:.72rem;color:var(--dim);margin-left:6px}.setup{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:32px;text-align:center}.setup .logo{font-size:4rem;margin-bottom:16px}.setup h1{font-size:2rem;margin-bottom:8px}.setup p{color:var(--dim);margin-bottom:32px;max-width:320px}.setup-input{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 20px;color:var(--text);font-size:16px;width:100%;max-width:300px;text-align:center;outline:none;margin-bottom:12px}.setup-input:focus{border-color:var(--accent)}.setup-btn{background:var(--accent);border:none;color:#fff;padding:14px 32px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;width:100%;max-width:300px;margin-top:8px;transition:transform .1s}.setup-btn:active{transform:scale(.97)}.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:200;align-items:center;justify-content:center;padding:32px}.modal-overlay.show{display:flex}.modal{background:var(--surface);border-radius:20px;padding:28px;max-width:360px;width:100%;text-align:center}.modal h2{margin-bottom:12px;font-size:1.2rem}.modal p{color:var(--dim);font-size:.9rem;margin-bottom:16px}.invite-link{background:var(--bg);border-radius:10px;padding:12px;font-family:monospace;font-size:.8rem;color:var(--accent2);word-break:break-all;margin-bottom:16px}.modal-btn{background:var(--accent);border:none;color:#fff;padding:12px 24px;border-radius:10px;font-size:.95rem;cursor:pointer;width:100%}.modal-close{background:none;border:none;color:var(--dim);margin-top:12px;cursor:pointer;font-size:.85rem}.detail-popup{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:300;align-items:center;justify-content:center;padding:24px}.detail-popup.show{display:flex}.detail-card{background:var(--surface);border-radius:16px;padding:24px;max-width:340px;width:100%}.detail-card h3{font-size:1.1rem;margin-bottom:12px;word-break:break-word}.detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.85rem;color:var(--dim)}.detail-row .label{color:var(--dim)}.detail-row .value{color:var(--text)}.detail-actions{display:flex;gap:8px;margin-top:16px}.detail-actions button{flex:1;padding:10px;border-radius:10px;border:none;font-size:.85rem;cursor:pointer}.detail-btn-primary{background:var(--accent);color:#fff}.detail-btn-danger{background:var(--red);color:#fff}.detail-btn-close{background:var(--surface2);color:var(--dim)}.speech-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:250;align-items:center;justify-content:center;flex-direction:column}.speech-overlay.active{display:flex}.speech-icon{font-size:4rem;animation:pulse 1s infinite}.speech-text{color:#fff;font-size:1.5rem;margin:20px 0;text-align:center;padding:0 20px;max-width:90%}.speech-cancel{background:var(--surface2);border:none;color:var(--dim);padding:12px 24px;border-radius:8px;cursor:pointer}.pull-indicator{position:fixed;top:0;left:50%;transform:translate(-50%) translateY(-100%);background:var(--surface2);border-radius:0 0 12px 12px;padding:8px 16px;font-size:.78rem;color:var(--dim);z-index:90;transition:transform .2s ease-out;display:flex;align-items:center;gap:6px}.pull-indicator.pulling{transform:translate(-50%) translateY(0)}.pull-indicator .pull-spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}.location-banner{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;padding:12px 16px;text-align:center;font-size:.9rem;display:none;animation:slideDown .3s ease-out}.location-banner.show{display:block}@media(prefers-color-scheme:light){:root{--bg: #f5f5f7;--surface: #ffffff;--surface2: #e8e8ed;--border: #d1d1d6;--text: #1c1c1e;--dim: #8e8e93;--accent: #5856d6;--accent2: #6e6ce8;--green: #34c759;--orange: #ff9500;--pink: #ff2d55;--red: #ff3b30}body{-webkit-tap-highlight-color:rgba(88,86,214,.15)}.header{background:#f5f5f7eb}.add-bar{background:#f5f5f7f2}.item-inner{background:var(--bg)}.toast{box-shadow:0 4px 20px #00000026}.modal,.detail-card{box-shadow:0 8px 32px #00000026}.autocomplete-dropdown{box-shadow:0 -4px 20px #0000001a}.item,.detail-row{border-bottom:1px solid rgba(0,0,0,.05)}}