*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f7fa;color:#1a1a2e;min-height:100vh;overflow-x:hidden}.app{max-width:1100px;margin:0 auto;padding:0 1.5rem 3rem}.app-header{text-align:center;padding:2.5rem 0 2rem;position:relative}.app-header h1{font-size:2.5rem;font-weight:800;color:#2d6a4f;letter-spacing:-.02em}@media(max-width:480px){.app-header h1{font-size:1.75rem}.app-header p{font-size:.95rem}.auth-bar{flex-wrap:wrap;gap:.4rem}}.app-header p{margin-top:.5rem;color:#555;font-size:1.1rem}.auth-bar{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.75rem;font-size:.875rem}.auth-email{color:#555}.btn-auth-link{background:none;border:none;color:#2d6a4f;font-size:1rem;font-weight:600;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.btn-auth-link:hover{color:#1b4332;background:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:400;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal{background:#fff;border-radius:14px;padding:1.75rem;width:100%;max-width:400px;box-sizing:border-box;box-shadow:0 8px 32px #0003;position:relative}.modal h3{font-size:1.15rem;font-weight:700;margin-bottom:.5rem;color:#1a1a2e}.modal-body{font-size:.9rem;color:#555;margin-bottom:1rem;line-height:1.5}.modal-close{position:absolute;top:.875rem;right:.875rem;background:none;border:none;font-size:1.4rem;color:#aaa;line-height:1;padding:.25rem;cursor:pointer}.modal-close:hover{color:#555;background:none}.modal-error{font-size:.85rem;color:#c0392b;margin-top:.5rem}.mode-switcher{display:flex;justify-content:center;gap:.5rem;margin-top:1.25rem}.mode-btn{padding:.5rem 1.5rem;border-radius:999px;font-size:.95rem;font-weight:600;background:#e8f5e9;color:#2d6a4f;border:2px solid transparent}.mode-btn:hover:not(:disabled){background:#c8e6c9}.mode-btn.active{background:#2d6a4f;color:#fff;border-color:#2d6a4f}.config-view{max-width:640px;margin:0 auto}.shop-view{display:flex;flex-direction:column;gap:2rem}.app-main{display:flex;flex-direction:column;gap:2.5rem}section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #00000014}h2{font-size:1.1rem;font-weight:700;margin-bottom:.4rem;color:#1a1a2e}.hint{font-size:.85rem;color:#888;margin-bottom:1rem}.aisle-accordion{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.accordion-row{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.accordion-header{display:flex;align-items:center;gap:.5rem;background:#f9fafb}.accordion-arrow-btn{display:flex;align-items:center;padding:.6rem .5rem .6rem .75rem;background:none;border-radius:0;flex-shrink:0}.accordion-arrow-btn:hover:not(:disabled){background:#f0f4f0}.accordion-arrow{font-size:.65rem;color:#888;transition:transform .2s;display:inline-block}.accordion-arrow.expanded{transform:rotate(90deg)}.accordion-name{flex:1;font-weight:600;font-size:.9rem;color:#1a1a2e;cursor:text;padding:.6rem .25rem;border-radius:4px}.accordion-name:hover{background:#f0f4f0;color:#2d6a4f}.accordion-rename-input{flex:1;padding:.35rem .5rem;font-size:.9rem;font-weight:600;border:1px solid #2d6a4f;border-radius:4px;background:#fff;color:#1a1a2e}.accordion-count{font-size:.78rem;color:#888;font-weight:400}.accordion-remove{padding:.4rem .75rem;background:none;color:#aaa;font-size:1.2rem;line-height:1;border-radius:0}.accordion-remove:hover:not(:disabled){background:#fdecea;color:#c0392b}.accordion-body{padding:.75rem;border-top:1px solid #e0e0e0;background:#fff}.aisle-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.category-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.chip-category{background:#e3f2fd;color:#1565c0;font-size:.8rem}.chip-category .chip-remove{color:#1565c0}.aisle-add-row{margin-top:.5rem}.chip{display:inline-flex;align-items:center;gap:.3rem;background:#e8f5e9;color:#2d6a4f;border-radius:20px;padding:.3rem .75rem;font-size:.875rem;font-weight:500}.chip-remove{background:none;border:none;cursor:pointer;color:#2d6a4f;font-size:1.1rem;line-height:1;padding:0;opacity:.7}.chip-remove:hover{opacity:1}.aisle-input-row{display:flex;gap:.5rem}input[type=text],input[type=email],input[type=password],textarea{width:100%;padding:.75rem .875rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .15s}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus{outline:none;border-color:#2d6a4f}textarea{resize:vertical;margin-bottom:1rem}button{padding:.625rem 1.25rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;background:#e8f5e9;color:#2d6a4f;transition:background .15s;white-space:nowrap}button:hover:not(:disabled){background:#c8e6c9}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{width:100%;background:#2d6a4f;color:#fff;padding:.75rem;font-size:1rem}.btn-primary:hover:not(:disabled){background:#1b4332}.warning,.error{padding:.75rem 1rem;border-radius:8px;font-size:.9rem}.warning{background:#fff8e1;color:#e65100}.error{background:#fdecea;color:#c0392b}.loading-overlay{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;color:#555}.spinner{width:40px;height:40px;border:4px solid #e8f5e9;border-top-color:#2d6a4f;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.results-header h2{font-size:1.3rem}.btn-print{font-size:.85rem;font-weight:600;padding:.35rem .875rem;background:#f5f7fa;color:#555;border:1px solid #ddd;border-radius:999px}.btn-print:hover:not(:disabled){background:#e8f5e9;color:#2d6a4f;border-color:#c8e6c9}@media print{.app-header,.shopping-input,.loading-overlay,.error,.fab,.bottom-sheet-overlay,.bottom-sheet,.btn-print{display:none!important}body{background:#fff}.app{padding:0;max-width:100%}.app-main{gap:0}section.results{box-shadow:none;border-radius:0;padding:0}.results-header h2{font-size:1.1rem;margin-bottom:.75rem}.results-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.aisle-card{box-shadow:none;border:1px solid #ddd;break-inside:avoid}.checklist-item--checked .checklist-label{color:#333;text-decoration:none}.checklist-item--checked .checklist-box{background:#fff;border-color:#c0d9cc;color:transparent}}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.aisle-card{background:#fff;border-radius:10px;padding:1rem 1.25rem;box-shadow:0 1px 3px #00000014;border-top:3px solid #2d6a4f}.aisle-card.empty{opacity:.5;border-top-color:#ccc}.aisle-card-title{font-size:.95rem;font-weight:700;margin-bottom:.75rem;color:#2d6a4f}.aisle-card.empty .aisle-card-title{color:#999}.aisle-card-items{list-style:none;display:flex;flex-direction:column;gap:.25rem}.empty-label{font-size:.85rem;color:#aaa;font-style:italic}.aisle-category-summary{font-size:.72rem;color:#aaa;margin-bottom:.4rem;line-height:1.4}.checklist-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.15rem 0}.checklist-box{flex-shrink:0;width:1.1rem;height:1.1rem;border:1.5px solid #c0d9cc;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;background:#fff;transition:background .15s,border-color .15s}.checklist-item--checked .checklist-box{background:#2d6a4f;border-color:#2d6a4f}.checklist-label{font-size:.9rem;color:#333;transition:color .15s}.checklist-item--checked .checklist-label{color:#aaa;text-decoration:line-through}.fab{position:fixed;bottom:90px;right:20px;width:56px;height:56px;border-radius:50%;background:#2d6a4f;color:#fff;font-size:2rem;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000040;padding:0;z-index:100;border:none}.fab:hover:not(:disabled){background:#1b4332}.bottom-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:200}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:16px 16px 0 0;padding:1.25rem 1.25rem 2rem;z-index:201;box-shadow:0 -4px 20px #00000026;max-height:85vh;overflow-y:auto}.bottom-sheet-title{font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:#1a1a2e}.bottom-sheet-option{width:100%;display:flex;align-items:center;gap:.875rem;padding:.875rem .5rem;background:none;border:none;border-bottom:1px solid #f0f0f0;font-size:1rem;font-weight:500;color:#1a1a2e;text-align:left;cursor:pointer;border-radius:0}.bottom-sheet-option:hover:not(:disabled){background:#f5f7fa}.bottom-sheet-option__icon{font-size:1.25rem;width:1.75rem;text-align:center}.bottom-sheet-option--cancel{color:#888;border-bottom:none;justify-content:center;margin-top:.5rem}.scan-loading{font-size:.9rem;color:#2d6a4f;margin-bottom:.75rem;font-style:italic}.scan-error{font-size:.875rem;color:#c0392b;background:#fdecea;padding:.5rem .75rem;border-radius:6px;margin-bottom:.75rem}.sheet-type-input{width:100%;font-size:1rem;padding:.75rem 1rem;border:1px solid #ddd;border-radius:8px;margin-bottom:.5rem}.sheet-type-input:focus{outline:none;border-color:#2d6a4f}.confirm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:300;display:flex;align-items:center;justify-content:center;padding:1.5rem}.confirm-modal{background:#fff;border-radius:14px;padding:1.5rem;width:100%;max-width:400px;box-shadow:0 8px 32px #0003}.confirm-modal h3{font-size:1.1rem;margin-bottom:1rem;color:#1a1a2e}.confirm-modal input[type=text]{margin-bottom:1.25rem}.confirm-modal-actions{display:flex;gap:.75rem}.confirm-modal-actions button{flex:1}.list-review-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:300;display:flex;flex-direction:column;padding:1.5rem;overflow:hidden}.list-review{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto;width:100%}.list-review h3{font-size:1.2rem;font-weight:700;margin-bottom:1rem;color:#1a1a2e}.list-review-items{flex:1;overflow-y:auto;list-style:none;margin-bottom:1rem}.list-review-item{display:flex;align-items:center;gap:.75rem;padding:.75rem .5rem;border-bottom:1px solid #f0f0f0;cursor:pointer;font-size:.95rem;color:#333;-webkit-user-select:none;user-select:none}.list-review-item:hover{background:#f9fafb;border-radius:6px}.list-review-checkbox{width:22px;height:22px;border:2px solid #c0d9cc;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;flex-shrink:0;transition:background .15s,border-color .15s}.list-review-item--checked .list-review-checkbox{background:#2d6a4f;border-color:#2d6a4f}.list-review-item:not(.list-review-item--checked) span:last-child{color:#aaa;text-decoration:line-through}.list-review-actions{display:flex;gap:.75rem}.list-review-actions button{flex:1}.flat-list{list-style:none;margin-bottom:1rem}.flat-list-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem .25rem;border-bottom:1px solid #f0f0f0;font-size:.95rem;color:#333}.flat-list-item__duplicate-badge{margin-left:.5rem;font-size:.7rem;font-weight:500;color:#92400e;background:#fef3c7;border-radius:4px;padding:.1rem .35rem;vertical-align:middle}.flat-list-item__remove{background:none;border:none;color:#aaa;font-size:1.25rem;line-height:1;padding:0 .25rem;cursor:pointer;flex-shrink:0}.flat-list-item__remove:hover{color:#c0392b;background:none}.flat-list-empty{color:#aaa;font-size:.95rem;text-align:center;padding:2rem 0;font-style:italic}.inline-add-input{margin-bottom:1rem}.btn-organize{margin-top:1rem}.btn-organize--stale{background:#e65100}.btn-organize--stale:hover:not(:disabled){background:#bf360c}.hamburger-btn{position:absolute;top:1.25rem;right:.75rem;background:none;border:none;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px}.hamburger-btn:hover:not(:disabled){background:#e8f5e9}.hamburger-icon{display:flex;flex-direction:column;gap:5px;width:22px}.hamburger-icon span{display:block;height:2px;background:#2d6a4f;border-radius:2px}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:450}.nav-panel{position:fixed;top:0;right:0;bottom:0;width:280px;background:#fff;z-index:451;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;overflow:hidden;animation:nav-panel-slide-in .3s ease-out}@keyframes nav-panel-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.nav-panel__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid #f0f0f0}.nav-panel__title{font-size:1.05rem;font-weight:700;color:#1a1a2e}.nav-panel__close{background:none;border:none;font-size:1.5rem;color:#aaa;line-height:1;padding:.25rem .5rem;cursor:pointer;border-radius:6px}.nav-panel__close:hover{background:#f0f0f0;color:#555}.nav-panel__section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#aaa;padding:.875rem 1.25rem .4rem}.nav-panel__list{list-style:none;overflow-y:auto;max-height:50vh}.nav-list-item{display:flex;align-items:center;padding:0 .5rem 0 0;border-bottom:1px solid #f0f0f0;min-height:52px}.nav-list-item--active{background:#f0faf5}.nav-list-item--confirming{background:#fff5f5;flex-direction:column;align-items:flex-start;padding:.75rem 1.25rem;gap:.5rem}.nav-list-item__select{flex:1;display:flex;align-items:center;justify-content:space-between;padding:.875rem .5rem .875rem 1.25rem;background:none;border:none;text-align:left;font-size:.95rem;color:#1a1a2e;cursor:pointer;min-width:0;gap:.5rem;border-radius:0}.nav-list-item__select:hover:not(:disabled){background:#f9fafb}.nav-list-item__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.nav-list-item__name:hover{color:#2d6a4f;text-decoration:underline;text-underline-offset:2px}.nav-list-item__name-input{flex:1;padding:.75rem 1.25rem;font-size:.95rem;font-weight:500;border:none;border-bottom:2px solid #2d6a4f;border-radius:0;background:transparent;color:#1a1a2e;width:100%;min-width:0;outline:none}.nav-list-item__name-input:focus{border-color:#1b4332}.nav-list-item__count{font-size:.78rem;color:#aaa;white-space:nowrap;flex-shrink:0}.nav-list-item__delete{background:none;border:none;color:#ccc;font-size:1.25rem;line-height:1;padding:.25rem .5rem;cursor:pointer;flex-shrink:0;border-radius:4px}.nav-list-item__delete:hover{background:#fdecea;color:#c0392b}.nav-list-item__confirm-text{font-size:.9rem;color:#c0392b;font-weight:500}.nav-list-item__confirm-actions{display:flex;gap:.5rem}.nav-list-item__btn-cancel{font-size:.85rem;padding:.35rem .875rem;background:#f5f7fa;color:#555;border:1px solid #ddd;border-radius:6px}.nav-list-item__btn-cancel:hover:not(:disabled){background:#e8e8e8}.nav-list-item__btn-delete-confirm{font-size:.85rem;padding:.35rem .875rem;background:#fdecea;color:#c0392b;border:1px solid #f5c6c6;border-radius:6px}.nav-list-item__btn-delete-confirm:hover:not(:disabled){background:#c0392b;color:#fff}.nav-panel__new-list-btn{width:100%;background:none;border:none;border-top:1px solid #f0f0f0;color:#2d6a4f;font-size:.9rem;font-weight:600;padding:.875rem 1.25rem;text-align:left;cursor:pointer;border-radius:0}.nav-panel__new-list-btn:hover:not(:disabled){background:#f0faf5}.nav-panel__new-list-row{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid #f0f0f0;align-items:center}.nav-panel__new-list-input{flex:1;padding:.5rem .75rem;font-size:.9rem;border:1px solid #ddd;border-radius:6px;width:auto;min-width:0}.nav-panel__new-list-save{font-size:.85rem;padding:.4rem .875rem;background:#2d6a4f;color:#fff;border-radius:6px;white-space:nowrap;flex-shrink:0}.nav-panel__new-list-save:hover:not(:disabled){background:#1b4332}.nav-panel__spacer{height:1rem}.nav-sign-out{width:100%;background:none;border:none;border-top:1px solid #f0f0f0;color:#888;font-size:.9rem;font-weight:600;padding:1rem 1.25rem;text-align:left;cursor:pointer;border-radius:0;flex-shrink:0}.nav-sign-out:hover:not(:disabled){background:#f5f7fa;color:#555}.list-badge{display:inline-block;font-size:.72rem;font-weight:600;color:#2d6a4f;background:#e8f5e9;border:1px solid #c8e6c9;border-radius:999px;padding:.15rem .6rem;margin-bottom:.75rem}.shared-list-unavailable{background:#fff;border-radius:12px;padding:2rem 1.5rem;box-shadow:0 1px 3px #00000014;text-align:center}.shared-list-unavailable__title{font-size:1.05rem;font-weight:700;color:#1a1a2e;margin-bottom:.5rem}.shared-list-unavailable__body{font-size:.9rem;color:#888}.nav-list-item__share{background:none;border:none;color:#aaa;font-size:1rem;line-height:1;padding:.25rem .4rem;cursor:pointer;flex-shrink:0;border-radius:4px}.nav-list-item__share:hover{background:#e8f5e9;color:#2d6a4f}.nav-list-item--sharing{display:block;padding:0}.nav-share-panel{padding:.875rem 1.25rem}.nav-share-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.nav-share-panel__label{font-size:.85rem;font-weight:600;color:#1a1a2e}.nav-share-panel__close{background:none;border:none;font-size:1.25rem;color:#aaa;line-height:1;padding:.1rem .4rem;cursor:pointer;border-radius:4px}.nav-share-panel__close:hover{background:#f0f0f0;color:#555}.nav-share-panel__link-row{display:flex;gap:.5rem;margin-bottom:.625rem}.nav-share-panel__link-input{flex:1;padding:.4rem .625rem;font-size:.78rem;border:1px solid #ddd;border-radius:6px;color:#555;background:#f9fafb;min-width:0;width:auto}.nav-share-panel__link-input:focus{border-color:#2d6a4f;outline:none}.nav-share-panel__copy-btn{font-size:.82rem;padding:.35rem .75rem;background:#2d6a4f;color:#fff;border-radius:6px;white-space:nowrap;flex-shrink:0}.nav-share-panel__copy-btn:hover:not(:disabled){background:#1b4332}.nav-share-panel__stop-btn{width:100%;font-size:.82rem;padding:.35rem .75rem;background:none;color:#888;border:1px solid #ddd;border-radius:6px}.nav-share-panel__stop-btn:hover:not(:disabled){background:#fdecea;color:#c0392b;border-color:#f5c6c6}.nav-share-panel__generating{font-size:.85rem;color:#aaa;font-style:italic;margin:0}.stale-banner{font-size:.875rem;color:#e65100;background:#fff8e1;border:1px solid #ffe0b2;border-radius:8px;padding:.6rem .875rem;margin-bottom:1rem}