:root{--primary: #00d97e;--primary-soft: #e6fff4;--secondary: #64748b;--background: #f8fafc;--card-bg: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--shadow: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .02);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.dark{--primary: #00ea88;--primary-soft: #064e3b;--secondary: #94a3b8;--background: #0f172a;--card-bg: #1e293b;--text-main: #f8fafc;--text-muted: #94a3b8;--border: #334155;--shadow: 0 10px 15px -3px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Outfit,sans-serif;background-color:var(--background);color:var(--text-main);line-height:1.5;transition:background-color .3s ease}.app-container{max-width:480px;margin:0 auto;padding:2rem 1.25rem 140px}h1{font-size:1.75rem;font-weight:800;text-align:center;margin-bottom:1.5rem;letter-spacing:-.04em;color:var(--text-main)}.section-label{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--text-muted);letter-spacing:.1em;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.summary-tabs{display:flex;gap:1rem;margin-bottom:2rem}.summary-tab{flex:1;background:var(--card-bg);padding:1rem;border-radius:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;box-shadow:var(--shadow);transition:all .3s cubic-bezier(.34,1.56,.64,1);border:2px solid transparent}.summary-tab.active{border-color:var(--primary);background:var(--primary-soft)}.tab-icon{width:3rem;height:3rem;border-radius:1rem;background:var(--background);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .3s}.summary-tab.active .tab-icon{background:var(--card-bg);color:var(--primary);transform:scale(1.1)}.tab-label{font-size:.85rem;font-weight:700}.tab-count{font-size:1.25rem;font-weight:800;margin-top:.25rem}.add-box{background:var(--card-bg);padding:.6rem;border-radius:1.5rem;box-shadow:var(--shadow-lg);display:flex;gap:.6rem;margin-bottom:2rem;border:1px solid var(--border);max-width:400px;margin-left:auto;margin-right:auto}.add-box input{flex:1;background:transparent;border:none;outline:none;padding:0 1.25rem;font-family:inherit;font-size:1.1rem;font-weight:500;color:var(--text-main)}.add-box input::placeholder{color:var(--text-muted);opacity:.5}.add-btn{width:3.25rem;height:3.25rem;border-radius:1.25rem;background:linear-gradient(135deg,var(--primary),#00bb6c);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 15px #00d97e40;transition:all .2s}.item-card{background:var(--card-bg);padding:.85rem 1.25rem;border-radius:1.25rem;display:flex;align-items:center;gap:1.25rem;margin-bottom:.75rem;box-shadow:var(--shadow);transition:all .6s cubic-bezier(.16,1,.3,1);border:1px solid transparent}.item-check{width:2rem;height:2rem;border-radius:50%;border:2px solid var(--border);cursor:pointer;background:var(--background);display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0}.is-bought .item-check{background:var(--primary);border-color:var(--primary)}.item-name{font-size:1.15rem;font-weight:600;color:var(--text-main)}.is-bought{opacity:.6}.is-bought .item-name{text-decoration:line-through}.foot-toolbar{position:fixed;bottom:30px;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:1000}.foot-toolbar-inner{width:100%;max-width:480px;padding:0 1.25rem;display:flex;justify-content:space-between;pointer-events:none}.left-actions,.right-actions{pointer-events:auto;position:relative}.mode-btn{background:var(--card-bg);padding:.85rem 1.5rem;border-radius:100px;border:1px solid var(--border);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:.6rem;cursor:pointer;font-family:inherit;font-weight:800;text-transform:uppercase;font-size:.75rem;color:var(--text-main);transition:all .2s}.mode-btn.danger-btn{background:#fee2e2;color:#ef4444;border-color:#fecaca}.dark .mode-btn.danger-btn{background:#450a0a;color:#f87171;border-color:#7f1d1d}.mode-menu{position:absolute;bottom:60px;right:0;background:var(--card-bg);border-radius:1.5rem;padding:.6rem;min-width:160px;box-shadow:var(--shadow-lg);border:1px solid var(--border);display:flex;flex-direction:column;gap:.25rem}.mode-option{padding:.8rem 1rem;border-radius:1rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:700;font-size:.85rem;color:var(--text-main)}.mode-option:hover{background:var(--background)}.mode-option.active{color:var(--primary);background:var(--primary-soft)}.move-to-bought{transform:translateY(-250px) translate(150px) scale(0) rotate(25deg);opacity:0}.move-to-pending{transform:translateY(-250px) translate(-150px) scale(0) rotate(-25deg);opacity:0}.empty-list{text-align:center;padding:4rem 2rem;background:var(--card-bg);border:2px dashed var(--border);border-radius:2rem;color:var(--text-muted);font-weight:600}