:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif;color:#111;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#fff}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.app{min-height:100dvh;max-width:760px;margin:0 auto;background:#fff;padding-bottom:max(18px,env(safe-area-inset-bottom))}.topbar{height:78px;display:flex;align-items:end;justify-content:space-between;padding:0 16px 8px}.icon-button{border:0;background:transparent;width:38px;height:38px;display:grid;place-items:center;border-radius:14px;color:#087ef0}.icon-button.subtle{color:#168cf3}.content{padding:0 16px}.title-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}h1{font-size:clamp(34px,6vw,46px);line-height:1;margin:0;font-weight:760;letter-spacing:-1.8px}.mode-pill{font-size:13px;background:#f0f3f5;color:#66717b;border-radius:99px;padding:8px 10px;white-space:nowrap}.add-box{height:50px;border-radius:12px;background:#f0f2f4;display:flex;align-items:center;gap:6px;padding:0 11px;color:#99a1a9;margin-bottom:6px;transition:box-shadow .15s ease,background .15s ease}.add-box.focused{box-shadow:0 0 0 2px #1e84f21a;background:#edf0f2}.add-box input{flex:1;border:0;background:transparent;outline:none;min-width:0;font-size:18px;color:#37414a}.add-box input::placeholder{color:#a1a8b0}.mini-clear{border:0;width:30px;height:30px;display:grid;place-items:center;background:transparent;color:#98a0a8}.add-controls{display:flex;align-items:center;gap:3px}.submit-add{border:0;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#168cf3;color:#fff;flex:0 0 auto}.suggestion-panel{padding:2px 0 9px;overflow:hidden}.suggestion-heading{font-size:13px;color:#717a82;margin:2px 0 6px}.suggestion-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.suggestion-chips::-webkit-scrollbar{display:none}.suggestion-chip{border:0;color:#fff;background:#8eadc9;padding:8px 11px;border-radius:10px;white-space:nowrap;font-size:14px}.suggestion-chip:nth-child(2n){background:#b6a7c5}.suggestion-chip:nth-child(3n){background:#9c896f}.suggestion-chip.new-chip{background:#2e8ae6}.list{margin-top:7px}.swipe-wrap{position:relative;overflow:hidden;border-bottom:1px dashed #dfe3e6}.swipe-actions{position:absolute;right:0;top:0;bottom:0;display:flex}.swipe-actions button{width:75px;border:0;color:#fff;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;font-size:12px}.edit-action{background:#7b8a98}.delete-action{background:#e45c5c}.item-row{border:0;width:100%;min-height:50px;background:#fff;display:grid;grid-template-columns:5px 1fr auto;align-items:center;text-align:left;padding:0;transition:transform .16s ease;touch-action:pan-y;position:relative;z-index:2;color:#111}.section-bar{height:calc(100% - 8px);border-radius:0 3px 3px 0;align-self:center}.item-copy{padding:7px 10px 7px 16px;display:flex;flex-direction:column;min-width:0}.item-name{font-size:17px;line-height:1.12}.item-note{color:#9ca4aa;font-size:11px;margin-top:2px}.item-quantity{color:#b4bec6;font-size:16px;padding-right:6px;white-space:nowrap;margin-left:8px}.empty-state{min-height:230px;display:grid;place-items:center;align-content:center;gap:10px;color:#a8afb6;text-align:center}.collected-section{margin:6px -16px 0;border-top:1px solid #d9dfe3;background:#f7f8f8;padding:0 16px 5px}.collected-header{display:flex;align-items:center;justify-content:space-between;min-height:42px}.collected-header>button:first-child{border:0;background:transparent;display:flex;align-items:center;gap:7px;padding:0;font-weight:600;font-size:17px;color:#6f7981}.count{color:#a2a9af;font-weight:500}.clear-link{border:0;background:transparent;color:#8e979e;font-size:14px}.collected-row{min-height:43px;display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid #e5e8ea;color:#929ba2}.collected-name{text-decoration:line-through;font-size:16px}.collected-qty{font-size:15px}.show-more{display:block;width:100%;border:0;background:transparent;color:#168cf3;padding:14px 0 8px;text-align:left}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#12181c38;display:flex;align-items:flex-end;justify-content:center;padding-top:env(safe-area-inset-top)}.sheet{width:min(760px,100%);max-height:92dvh;overflow-y:auto;background:#fff;border-radius:24px 24px 0 0;padding:12px 24px max(30px,env(safe-area-inset-bottom));box-shadow:0 -14px 45px #0000001f}.large-sheet{max-height:88dvh}.sheet-handle{width:42px;height:5px;border-radius:9px;background:#d6d9dc;margin:0 auto 18px}.sheet-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.sheet-heading h2{margin:2px 0 18px;font-size:30px;letter-spacing:-1px}.eyebrow{font-size:13px;color:#9ba3aa;text-transform:uppercase;letter-spacing:.08em}.sheet-intro{color:#737c83;margin:-8px 0 18px}.field-label{display:block;color:#717981;font-size:14px;margin:16px 0 7px}.field{width:100%;border:1px solid #e1e5e8;border-radius:13px;padding:13px 14px;outline:none;font-size:18px;background:#fafbfb}.field:focus{border-color:#86baf1;background:#fff}.textarea{min-height:84px;resize:vertical}.quick-qty{display:flex;gap:8px;overflow-x:auto;padding:14px 0 4px}.quick-qty button{border:1px solid #e1e4e6;border-radius:999px;background:#fff;padding:8px 12px;color:#5b636a;white-space:nowrap}.primary-button{border:0;border-radius:14px;background:#168cf3;color:#fff;min-height:52px;width:100%;margin-top:20px;font-weight:650;display:flex;gap:8px;align-items:center;justify-content:center}.danger-text{border:0;background:transparent;color:#d04b4b;width:100%;padding:18px 0 4px}.side-menu{position:absolute;right:0;top:0;bottom:0;width:min(330px,86vw);background:#fff;padding:max(24px,env(safe-area-inset-top)) 20px 24px;box-shadow:-12px 0 38px #0000001f}.menu-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.menu-top h2{margin:0;font-size:30px}.menu-item{width:100%;border:0;border-bottom:1px solid #edf0f2;background:transparent;text-align:left;padding:18px 2px;font-size:19px;color:#20262b}.section-editor-list{display:grid;gap:7px}.section-editor-row{min-height:56px;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:11px;border:1px solid #eceff1;border-radius:14px;padding:5px 7px 5px 8px}.grip{color:#b8bec3}.color-dot{width:28px;height:28px;border-radius:9px;border:0}.section-name{font-size:18px}.reorder-buttons{display:flex;gap:2px}.reorder-buttons button{width:36px;height:36px;border-radius:10px;border:0;background:#f3f5f6;color:#737c83}.reorder-buttons button:disabled{opacity:.25}.item-row.collecting{background:#f4f5f6;color:#8c959d;transition:background .18s ease,color .18s ease,transform .16s ease}.item-row.collecting .item-name,.item-row.collecting .item-quantity,.item-row.collecting .item-note{color:#929aa1}.item-row.collecting .item-name{position:relative;display:inline-block;width:fit-content}.item-row.collecting .item-name:after{content:"";position:absolute;left:0;top:52%;height:1.5px;width:0;background:currentColor;animation:collect-strike .28s ease-out forwards}@keyframes collect-strike{0%{width:0}to{width:100%}}.shopping-mode .topbar{height:92px}.shopping-mode .content{padding:0 16px}.shopping-mode h1{font-size:43px}.shopping-mode .add-box{height:70px;border-radius:17px}.shopping-mode .item-row{min-height:98px;grid-template-columns:8px 1fr auto}.shopping-mode .item-name{font-size:28px;font-weight:560}.shopping-mode .item-quantity{font-size:26px;color:#8f9ba4;padding-right:16px}.shopping-mode .item-copy{padding-left:22px}.shopping-mode .collected-section{margin-left:-16px;margin-right:-16px}@media(max-width:460px){.topbar{height:70px;padding:0 13px 6px}.content{padding:0 13px}h1{font-size:33px;letter-spacing:-1.4px}.title-row{margin-bottom:10px}.add-box{height:48px}.add-box input{font-size:17px}.item-row{min-height:47px}.item-name{font-size:16px}.item-quantity{font-size:15px}.item-copy{padding:6px 9px 6px 14px}.collected-section{margin-left:-13px;margin-right:-13px;padding-left:13px;padding-right:13px}.shopping-mode .topbar{height:82px}.shopping-mode h1{font-size:38px}.shopping-mode .add-box{height:60px}.shopping-mode .add-box input{font-size:21px}.shopping-mode .item-row{min-height:80px}.shopping-mode .item-name{font-size:23px}.shopping-mode .item-quantity{font-size:21px}}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f6f7f8}.auth-card{width:min(100%,380px);background:#fff;border:1px solid #e7e9eb;border-radius:20px;padding:26px;box-shadow:0 12px 36px #0000000f}.auth-card h1{margin:0 0 8px;font-size:34px}.auth-card p{margin:0 0 20px;color:#69737c}.auth-card input{width:100%;box-sizing:border-box;height:48px;margin:0 0 10px;border:1px solid #d8dde1;border-radius:11px;padding:0 13px;font:inherit;font-size:16px}.auth-card button{width:100%;height:48px;border:0;border-radius:11px;background:#168cf3;color:#fff;font:inherit;font-weight:650;font-size:16px;margin-top:4px}.auth-error{color:#b42318;font-size:13px;margin:2px 0 10px}