:root{--bg:#f0f7f5;--surface:#fff;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--teal:#0d9488;--teal-soft:#ccfbf1;--teal-deep:#0f766e;--coral:#f97316;--danger:#be123c;--radius:16px;--shadow:0 1px 2px #0f172a0a, 0 8px 24px #0f172a0f;--nav-h:64px;--top-h:64px;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:DM Sans,system-ui,-apple-system,sans-serif;line-height:1.45}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(1100px 480px at 8% -12%, #5eead455, transparent 55%), radial-gradient(900px 420px at 100% 0%, #fdba7440, transparent 50%), var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2{letter-spacing:-.02em;margin:0}h1{font-size:1.65rem;font-weight:700}h2{font-size:1rem;font-weight:650}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{max-width:560px;min-height:100dvh;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));flex-direction:column;margin:0 auto;display:flex}.topbar{z-index:20;height:var(--top-h);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f0f7f5e0;border-bottom:1px solid #e2e8f0b3;justify-content:space-between;align-items:center;gap:10px;padding:0 12px 0 16px;display:flex;position:sticky;top:0}.brand{flex:auto;align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{background:linear-gradient(145deg, #14b8a6, var(--teal-deep));color:#ecfdf5;border-radius:11px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 6px 16px #0d948852}.brand-title{letter-spacing:-.03em;font-size:1.05rem;font-weight:750;line-height:1.1}.brand-sub{color:var(--muted);font-size:.72rem}.page{flex:1;padding:16px 16px 28px}.bottom-nav{width:min(560px,100%);height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:30;background:#ffffffeb;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.68rem;font-weight:600;display:flex}.nav-item.active{color:var(--teal)}.stack{flex-direction:column;gap:22px;display:flex}.hero h1{margin-bottom:4px}.lede{color:var(--muted);margin:0 0 14px;font-size:.95rem}.search-box{background:var(--surface);border:1.5px solid var(--line);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.search-box:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #0d948826, var(--shadow)}.search-icon{color:var(--muted);flex-shrink:0}.search-box input{background:0 0;border:0;outline:0;width:100%;font-size:1rem}.search-clear{width:28px;height:28px;color:var(--muted);cursor:pointer;background:#f1f5f9;border:0;border-radius:999px;flex-shrink:0;place-items:center;display:grid}.chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:560}.chip.active,.chip:hover{background:var(--teal-soft);color:var(--teal-deep);border-color:#5eead4}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.section-head h2{align-items:center;gap:6px;display:inline-flex}.text-link{color:var(--teal);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:.85rem;font-weight:600;display:inline-flex}.card-list,.result-list,.item-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.bin-card,.result-row,.item-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);align-items:flex-start;gap:12px;padding:12px;display:flex}.bin-card:active,.result-row:active{transform:scale(.99)}.bin-card-body,.result-body{flex:1;min-width:0}.bin-card-name,.result-item,.item-name{font-size:.95rem;font-weight:650}.item-qty{color:var(--muted);font-weight:650}.bin-card-meta,.result-meta,.detail-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:3px;font-size:.8rem;display:flex}.bin-card-sub{color:var(--teal-deep);margin-top:4px;font-size:.8rem}.bin-card-chevron{color:#cbd5e1;flex-shrink:0}.dot{opacity:.5}.photo-ph,.photo-thumb{border:1px solid #0f172a0f;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.photo-thumb img{object-fit:cover;width:100%;height:100%;display:block}.photo-ph-sm,.photo-thumb-sm{width:48px;height:48px}.photo-ph-md,.photo-thumb-md{width:72px;height:72px}.photo-ph-lg,.photo-thumb-lg{border-radius:18px;width:100%;height:180px;margin-bottom:14px}.photo-count{color:#fff;background:#0f172ab3;border-radius:999px;padding:2px 7px;font-size:.7rem;font-weight:700;position:absolute;bottom:8px;right:8px}.photo-ph-emoji{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:1.45rem;line-height:1}.photo-ph-sm .photo-ph-emoji,.item-thumb-emoji .photo-ph-emoji{font-size:1.55rem}.photo-ph-md .photo-ph-emoji{font-size:2rem}.photo-ph-lg .photo-ph-emoji{font-size:3.25rem}.photo-ph-empty .photo-ph-label{margin-top:0}.photo-ph-label{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;margin-top:8px;font-size:.75rem;font-weight:600}.photo-gallery{margin-bottom:14px}.photo-gallery-hero{cursor:zoom-in;aspect-ratio:16/10;background:#e2e8f0;border:0;border-radius:18px;width:100%;padding:0;display:block;overflow:hidden}.photo-gallery-hero img{object-fit:cover;width:100%;height:100%;display:block}.photo-gallery-thumbs{gap:8px;margin-top:8px;display:flex;overflow-x:auto}.photo-gallery-thumb{cursor:zoom-in;background:#e2e8f0;border:0;border-radius:10px;flex-shrink:0;width:56px;height:56px;padding:0;overflow:hidden}.photo-gallery-thumb img{object-fit:cover;width:100%;height:100%}.photo-uploader-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;display:grid}.photo-uploader-tile{aspect-ratio:1;border:1px solid var(--line);border-radius:12px;position:relative;overflow:hidden}.photo-uploader-tile img{object-fit:cover;width:100%;height:100%}.photo-uploader-remove{color:#fff;cursor:pointer;background:#0f172ab8;border:0;border-radius:999px;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:4px;right:4px}.photo-uploader-add{aspect-ratio:1;color:var(--muted);cursor:pointer;background:#f8fafc;border:1.5px dashed #94a3b8;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.75rem;font-weight:650;display:flex}.photo-uploader-add:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-soft)}.field-error{color:var(--danger);margin:6px 0 0;font-size:.8rem;font-weight:600}.pill{color:#fff;border-radius:999px;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:650;display:inline-flex}.tag-match{color:var(--teal);font-size:.72rem;font-weight:600}.tag-row{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.tag{color:var(--muted);background:#f1f5f9;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:600}.stat-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);text-align:center;box-shadow:var(--shadow);border-radius:14px;padding:14px 10px}.stat-num{color:var(--teal-deep);font-size:1.4rem;font-weight:750}.stat-label{color:var(--muted);font-size:.75rem;font-weight:600}.empty{text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);padding:28px 16px}.empty-illus{padding:36px 20px}.empty-icon{background:linear-gradient(145deg, var(--teal-soft), #e0f2fe);width:64px;height:64px;color:var(--teal-deep);border-radius:18px;place-items:center;margin:0 auto 12px;display:grid}.muted{color:var(--muted)}.back-link{color:var(--teal);align-items:center;gap:4px;font-size:.9rem;font-weight:600;display:inline-flex}.detail-hero h1{margin-bottom:4px}.detail-notes{color:var(--muted);margin:8px 0 0;font-size:.9rem}.btn-row{flex-wrap:wrap;gap:10px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:.92rem;font-weight:650;transition:transform .12s,background .12s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:linear-gradient(145deg, #14b8a6, var(--teal-deep));color:#fff;box-shadow:0 8px 18px #0d948847}.btn.ghost{background:var(--surface);border-color:var(--line)}.btn.danger{color:var(--danger)}.btn.danger-solid{background:var(--danger);color:#fff;border-color:#0000}.btn.danger-solid:hover:not(:disabled){background:#9f1239}.btn.block{width:100%}.form{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:6px;font-size:.85rem;font-weight:650;display:flex}.field input,.field select,.field textarea{border:1.5px solid var(--line);background:var(--surface);border-radius:12px;padding:11px 12px;font-weight:500}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal);outline:0;box-shadow:0 0 0 3px #0d948826}.hint{color:var(--muted);font-size:.78rem;font-weight:500}.hint code,.inline-code{background:#f1f5f9;border-radius:4px;padding:1px 5px;font-size:.75rem}.items-field-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.speech-btn{border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:.78rem;font-weight:650;display:inline-flex}.speech-btn.listening{border-color:var(--coral);color:var(--coral);background:#fff7ed;animation:1.4s ease-in-out infinite speech-pulse}@keyframes speech-pulse{0%,to{box-shadow:0 0 #f9731600}50%{box-shadow:0 0 0 4px #f973162e}}.speech-status{color:var(--coral);font-size:.78rem;font-weight:600}.speech-live{color:var(--ink);font-size:.82rem;font-weight:500}.speech-heard{color:var(--muted);background:#f8fafc;border-radius:12px;margin:0 0 10px;padding:8px 10px;font-size:.82rem}.speech-ai-status{color:var(--ink);margin:0 0 10px;font-size:.82rem;font-weight:600}.speech-error{color:var(--danger);font-size:.78rem;font-weight:500}.emoji-picker,.color-picker{flex-wrap:wrap;gap:8px;display:flex}.emoji-btn{border:1.5px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;width:42px;height:42px;font-size:1.2rem}.emoji-btn.active{border-color:var(--teal);background:var(--teal-soft)}.emoji-field-compact{flex-direction:column;align-items:stretch;gap:4px;min-width:0;display:flex}.emoji-field-legend{color:var(--muted);font-size:.72rem;font-weight:650}.emoji-field-row{align-items:center;gap:6px;min-width:0;display:flex}.field input.emoji-paste,.items-editor-fields input.emoji-paste,.emoji-paste{text-align:center;border-radius:10px;flex:0 0 3rem;width:3rem;height:42px;padding:0;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:1.35rem;line-height:1}.emoji-paste::placeholder{letter-spacing:.01em;color:#94a3b8;font-family:DM Sans,system-ui,sans-serif;font-size:.62rem;font-weight:650}.emoji-clear{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;padding:6px 8px;font-size:.82rem;font-weight:650}.emoji-clear:hover{color:var(--teal-deep);background:var(--teal-soft)}.emoji-picker-scroll{overscroll-behavior-x:contain;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;flex:1;min-width:0;overflow-x:auto}.emoji-picker-scroll::-webkit-scrollbar{display:none}.emoji-picker-scroll .emoji-btn{flex:none}.color-swatch{width:32px;height:32px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border:2px solid #fff;border-radius:999px}.color-swatch.active{box-shadow:0 0 0 2px var(--teal)}.room-section+.room-section{margin-top:4px}.modal-backdrop{z-index:50;background:#0f172a73;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--surface);border-radius:20px 20px 16px 16px;width:min(420px,100%);padding:22px 18px 18px;animation:.2s slide-up;position:relative;box-shadow:0 20px 50px #0f172a40}@keyframes slide-up{0%{opacity:.6;transform:translateY(18px)}to{opacity:1;transform:none}}.modal-sheet h2{margin-bottom:4px;font-size:1.15rem}.modal-close{cursor:pointer;width:34px;height:34px;color:var(--muted);background:#f1f5f9;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.qr-frame{border:1px solid var(--line);background:#fff;border-radius:16px;place-items:center;width:fit-content;margin:16px auto;padding:12px;display:grid}.qr-loading{width:240px;height:240px;color:var(--muted);place-items:center;display:grid}.qr-url{color:var(--muted);word-break:break-all;text-align:center;margin-bottom:14px;font-size:.72rem}.sticker-template-fieldset{border:1.5px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:8px;margin:0;padding:12px 14px 14px;display:flex}.sticker-template-legend{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:0 4px;font-size:.75rem;font-weight:700}.sticker-template-option{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.sticker-template-option.on{background:#f0fdfa;border-color:#5eead4}.sticker-template-option input{accent-color:var(--teal);flex-shrink:0;margin-top:3px}.sticker-template-option span{flex-direction:column;gap:2px;min-width:0;display:flex}.sticker-template-option strong{font-size:.92rem}.sticker-print-hint{margin:0}.sticker-brother-help p{margin:0;line-height:1.45}.qr-print-template{margin-top:4px;margin-bottom:8px}.sticker-select-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sticker-select-row{background:var(--surface);border:1.5px solid var(--line);cursor:pointer;box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.sticker-select-row.on{background:#f0fdfa;border-color:#5eead4}.sticker-select-row input{width:18px;height:18px;accent-color:var(--teal)}.sticker-select-swatch{border-radius:6px;flex-shrink:0;width:10px;height:36px}.sticker-select-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sticker-select-qr{border-radius:6px;flex-shrink:0}.sticker-preview-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.sticker-card{background:var(--surface);text-align:center;border:1.5px dashed #94a3b8;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex}.sticker-card-name{font-size:.85rem;font-weight:700}.sticker-card-room{color:var(--muted);font-size:.75rem}.sticker-card-brand{letter-spacing:.08em;text-transform:uppercase;color:var(--teal);font-size:.65rem;font-weight:700}.lightbox{z-index:60;background:#0f172ae0;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain;border-radius:12px;max-width:100%;max-height:90dvh}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff26;border:0;border-radius:999px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:16px;right:16px}@media (width>=560px){.modal-backdrop{align-items:center}.modal-sheet{border-radius:20px}.sticker-preview-grid{grid-template-columns:repeat(3,1fr)}}.auth-shell{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);border-radius:20px;padding:22px 18px 20px}.auth-brand{align-items:center;gap:12px;margin-bottom:16px;display:flex}.auth-banner{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;margin-bottom:14px;padding:10px 12px;font-size:.85rem;line-height:1.4}.auth-banner code{background:#ffedd5;border-radius:4px;padding:1px 4px;font-size:.78rem}.auth-tabs{background:#f1f5f9;border-radius:12px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px;padding:4px;display:grid}.auth-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:.9rem;font-weight:600;display:inline-flex}.auth-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 1px 2px #0f172a14}.field-info{color:var(--teal-deep);background:var(--teal-soft);border-radius:10px;margin:0;padding:8px 10px;font-size:.85rem}.topbar-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.topbar-plan{align-items:center;gap:6px;max-width:min(52vw,220px);display:inline-flex}.plan-badge{letter-spacing:.02em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);white-space:nowrap;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.plan-badge-sm{padding:3px 8px;font-size:.65rem}.plan-badge-pro{color:var(--teal-deep);background:linear-gradient(145deg,#ccfbf1,#e0f2fe);border-color:#5eead4}.topbar-upgrade{background:linear-gradient(145deg, #14b8a6, var(--teal-deep));color:#ecfdf5;cursor:pointer;white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:4px;height:30px;padding:0 10px;font-size:.72rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #0d948847}.topbar-upgrade:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.topbar-upgrade:not(:disabled):hover{filter:brightness(1.05)}.topbar-icon-btn{cursor:pointer;width:36px;height:36px;color:var(--muted);background:#f1f5f9;border:0;border-radius:999px;flex-shrink:0;place-items:center;display:grid}.topbar-icon-btn:hover,.topbar-icon-btn.active{color:var(--teal-deep);background:var(--teal-soft)}.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.settings-card h2{margin:0 0 4px}.settings-danger{border-color:#fecdd3}.account-deleted-banner{background:var(--teal-soft);color:var(--teal-deep);border:1px solid #99f6e4;border-radius:12px;margin:0 0 16px;padding:12px 14px;font-weight:650}.settings-plan-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.settings-limits{color:var(--muted);flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:.9rem;display:flex}.settings-footer{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;padding:8px 4px 4px;font-size:.82rem;display:flex}.settings-footer a{color:var(--teal-deep);text-underline-offset:2px;font-weight:600;text-decoration:underline}.settings-footer-sep{opacity:.55}.export-btn-row{width:100%}.export-btn-row .btn{flex:140px;min-width:0}.legal-page{gap:14px}.legal-page .lede{margin-bottom:2px}.legal-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.legal-card h2{margin:0 0 8px;font-size:.95rem}.legal-card p,.legal-card li{color:var(--muted);margin:0;font-size:.88rem;font-weight:500;line-height:1.5}.legal-card ul{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.legal-card p+p{margin-top:8px}.plan-limit-banner{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:12px 14px;font-size:.9rem}.plan-limit-banner p{margin:0}.linkish{color:var(--teal-deep);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.linkish:disabled{opacity:.55;cursor:not-allowed}.sync-banner{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin:0 12px 8px;padding:8px 12px;font-size:.8rem;line-height:1.35;display:flex}.sync-phase-saved{color:var(--teal-deep);background:#f0fdfa;border-color:#99f6e4}.sync-phase-syncing,.sync-phase-loading,.sync-phase-local{border-color:var(--line);color:var(--muted);background:#f8fafc}.sync-retry{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:.75rem;font-weight:700}.reprint-last{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.reprint-last-summary{margin:0}.item-more{flex-shrink:0;position:relative}.item-more-btn,.items-editor-side .item-more-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px}.item-more-btn:hover,.item-more-menu button:hover{background:var(--teal-soft);color:var(--teal-deep)}.item-more-menu{z-index:20;background:var(--surface);border:1px solid var(--line);min-width:210px;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.item-more-menu button{text-align:left;width:100%;font:inherit;color:var(--ink,#0f172a);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:.88rem;font-weight:600;display:flex}.items-editor-side{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.bin-picker-list{flex-direction:column;gap:8px;max-height:280px;margin:12px 0 0;padding:0;list-style:none;display:flex;overflow:auto}.bin-picker-row{text-align:left;border:1px solid var(--line);background:var(--surface);cursor:pointer;width:100%;font:inherit;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.bin-picker-row.on{border-color:var(--teal);background:var(--teal-soft)}.bin-picker-body{flex-direction:column;min-width:0;display:flex}.sync-banner-muted{border-color:var(--line);color:var(--muted);background:#f1f5f9}.install-banner{left:12px;right:12px;bottom:calc(var(--nav-h,64px) + 12px + env(safe-area-inset-bottom,0px));z-index:40;max-width:536px;color:var(--teal-deep);box-shadow:var(--shadow);background:linear-gradient(145deg,#ccfbf1,#e0f2fe);border:1px solid #5eead4;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin:0 auto;padding:10px 12px;font-size:.82rem;line-height:1.35;display:flex;position:fixed}:is(body:has(.auth-shell) .install-banner,body:has(.landing-page) .install-banner,body:has(.public-shell) .install-banner){bottom:calc(12px + env(safe-area-inset-bottom,0px))}.install-banner-copy{align-items:center;gap:8px;min-width:0;display:flex}.install-banner-copy span{min-width:0}.install-banner-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.install-banner-btn{appearance:none;cursor:pointer;background:linear-gradient(145deg, #14b8a6, var(--teal-deep));color:#ecfdf5;border:none;border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:600}.install-banner-btn:hover{filter:brightness(1.05)}.install-banner-dismiss{appearance:none;color:var(--teal-deep);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;padding:6px;display:grid}.install-banner-dismiss:hover{background:#0f766e1a}.scan-viewport{border-radius:var(--radius);aspect-ratio:3/4;max-height:min(62vh,480px);box-shadow:var(--shadow);border:1px solid var(--line);background:#0f172a;position:relative;overflow:hidden}.scan-viewport.live{border-color:#5eead4}.scan-video{object-fit:cover;background:#0f172a;width:100%;height:100%;display:block}.scan-frame{pointer-events:none;border:2px solid #5eead4d9;border-radius:18px;place-items:start center;padding-top:10px;display:grid;position:absolute;inset:18% 14%;box-shadow:0 0 0 999px #0f172a59}.scan-line-icon{color:#5eead4;opacity:.9}.scan-overlay-msg{color:#ecfdf5;background:#0f172a8c;place-items:center;font-size:.95rem;font-weight:600;display:grid;position:absolute;inset:0}.scan-fallback{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);color:var(--muted);flex-direction:column;align-items:center;gap:8px;padding:20px 16px;display:flex}.scan-fallback h2{color:var(--ink);margin-top:4px}.scan-fallback p{max-width:36ch;margin:0}.scan-hint{align-items:center;gap:6px;margin:0;font-size:.85rem;display:inline-flex}.scan-manual{margin-top:4px}@media (width<=420px){.brand-sub{display:none}}@media (width<=360px){.topbar{padding:0 8px 0 12px}.topbar-upgrade span{display:none}.topbar-upgrade{justify-content:center;width:30px;padding:0}.topbar-plan{gap:4px}}@media (width<=380px){.nav-item span{font-size:.62rem}.bottom-nav{height:calc(var(--nav-h) + 4px + env(safe-area-inset-bottom,0px))}}.landing-page,.public-shell{flex-direction:column;max-width:560px;min-height:100dvh;margin:0 auto;display:flex}.landing-top{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 8px;display:flex}.landing-main{flex-direction:column;flex:1;gap:22px;padding:8px 16px 28px;display:flex}.landing-hero h1{margin-bottom:8px;font-size:clamp(1.55rem,5.5vw,1.9rem)}.landing-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--teal-deep);margin:0 0 8px;font-size:.75rem;font-weight:700}.landing-cta-row{margin-top:4px}.landing-cta-row .btn{flex:140px}.landing-benefits{flex-direction:column;gap:10px;display:flex}.landing-benefit{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);align-items:flex-start;gap:12px;padding:14px;display:flex}.landing-benefit h2{margin:0 0 4px;font-size:.95rem}.landing-benefit p{margin:0;font-size:.85rem;line-height:1.45}.landing-benefit-icon{background:linear-gradient(145deg, var(--teal-soft), #e0f2fe);width:40px;height:40px;color:var(--teal-deep);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.landing-inline-icon{vertical-align:-2px;color:var(--coral);margin-left:4px;display:inline}.landing-section-title{margin:0 0 10px;font-size:1rem}.landing-plan-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.landing-plan-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 12px}.landing-plan-card-pro{background:linear-gradient(#f0fdfa,#fff);border-color:#5eead4}.landing-plan-label{align-items:center;gap:6px;margin-bottom:10px;font-size:.95rem;font-weight:750;display:flex}.landing-plan-list{color:var(--muted);flex-direction:column;gap:8px;margin:0;padding:0;font-size:.8rem;font-weight:550;list-style:none;display:flex}.landing-plan-list li{align-items:flex-start;gap:6px;display:flex}.landing-plan-list svg{color:var(--teal);flex-shrink:0;margin-top:1px}.landing-bottom-cta{margin-top:4px}.landing-footer{padding:8px 16px calc(20px + env(safe-area-inset-bottom,0px));color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;font-size:.82rem;display:flex}.landing-footer a{color:var(--teal-deep);text-underline-offset:2px;font-weight:600;text-decoration:underline}.landing-stickers-lede{margin:0 0 12px;font-size:.85rem;line-height:1.45}.landing-sticker-list{flex-direction:column;gap:10px;display:flex}.landing-sticker-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);align-items:flex-start;gap:12px;padding:14px;display:flex}.landing-sticker-body{flex:1;min-width:0}.landing-sticker-body h3{margin:0 0 4px;font-size:.95rem}.landing-sticker-body p{margin:0 0 8px;font-size:.85rem;line-height:1.45}.landing-sticker-body .hint{margin:0 0 10px}.landing-affiliate-link{align-items:center;gap:6px;width:auto;margin-top:2px;font-size:.85rem;text-decoration:none;display:inline-flex}.landing-affiliate-disclosure{color:var(--muted);text-align:center;margin:12px 0 0;font-size:.75rem;line-height:1.4}.landing-affiliate-disclosure-footer{width:100%;margin:0 0 8px}.landing-footer{flex-direction:column;gap:0}.landing-footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;display:flex}@media (width<=380px){.landing-plan-grid{grid-template-columns:1fr}}.item-row-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.item-thumb{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:10px;flex-shrink:0;width:48px;height:48px;padding:0;overflow:hidden}.item-thumb img{object-fit:cover;width:100%;height:100%;display:block}.item-thumb-empty{background:color-mix(in srgb, var(--line) 55%, transparent);cursor:default;border-style:dashed}.item-thumb-emoji{cursor:default;border-style:solid;place-items:center;display:grid}.items-editor-list{flex-direction:column;gap:10px;display:flex}.items-editor-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:flex-start;gap:10px;padding:10px;display:flex}.items-editor-photo{flex-shrink:0}.items-editor-thumb{border:1px solid var(--line);border-radius:10px;width:56px;height:56px;position:relative;overflow:hidden}.items-editor-thumb-btn{cursor:pointer;background:0 0;border:none;width:100%;height:100%;padding:0;display:block}.items-editor-thumb img{object-fit:cover;width:100%;height:100%;display:block}.items-editor-photo-x{color:#fff;cursor:pointer;background:#0f172ab8;border:none;border-radius:999px;place-items:center;width:22px;height:22px;padding:0;display:grid;position:absolute;top:2px;right:2px}.items-editor-photo-add{border:1px dashed var(--line);background:var(--bg);width:56px;height:56px;color:var(--muted);cursor:pointer;border-radius:10px;place-items:center;padding:0;display:grid;position:relative}.items-editor-photo-emoji{border-style:solid}.items-editor-photo-badge{color:#fff;background:#0f172ab8;border-radius:999px;place-items:center;width:18px;height:18px;display:grid;position:absolute;bottom:2px;right:2px}.items-editor-fields{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.items-editor-fields input{width:100%}.items-editor-name-row{align-items:center;gap:8px;display:flex}.items-editor-name-row>input:first-child{flex:1;width:auto;min-width:0}.items-editor-qty{text-align:center;flex:0 0 4.75rem;width:4.75rem}.items-editor-remove{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:6px}.items-editor-remove:hover{color:#b91c1c;background:#b91c1c1a}.items-editor-add{align-self:flex-start;margin-top:4px}.items-photo-picker-head{justify-content:space-between;align-items:center;gap:12px;padding-right:36px;display:flex}.items-photo-picker-head h2{margin:0}.items-photo-picker-lede{margin:6px 0 14px;font-size:.9rem}.items-photo-picker-section{margin-bottom:14px}.items-photo-picker-label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;margin-bottom:8px;font-size:.8rem;font-weight:600;display:inline-flex}.items-photo-picker-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;display:grid}.items-photo-picker-thumb{aspect-ratio:1;border:2px solid var(--line);background:var(--bg);cursor:pointer;border-radius:10px;padding:0;overflow:hidden}.items-photo-picker-thumb img{object-fit:cover;width:100%;height:100%;display:block}.items-photo-picker-thumb.selected{border-color:var(--accent,#0d9488);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent,#0d9488) 35%, transparent)}.items-photo-picker-upload{justify-content:center;align-items:center;gap:8px;display:inline-flex}.item-online-row{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.item-product-link,.item-find-online{border-radius:999px;align-items:center;gap:4px;max-width:100%;padding:5px 10px;font-size:.78rem;font-weight:650;line-height:1.2;text-decoration:none;display:inline-flex}.item-product-link{color:var(--teal-deep);background:var(--teal-soft);border:1px solid color-mix(in srgb, var(--teal) 35%, white)}.item-find-online{color:var(--ink);background:var(--surface);border:1px solid var(--line);cursor:pointer;min-height:40px;padding:8px 12px}.find-online-sheet{max-height:min(92dvh,720px);overflow:auto}.find-online-head{justify-content:space-between;align-items:center;gap:12px;padding-right:36px;display:flex}.find-online-head h2{margin:0}.find-online-actions{flex-direction:column;gap:8px;margin-top:14px;display:flex}.find-online-actions .btn{text-decoration:none}.find-online-demoted{color:var(--muted);align-self:center;margin-top:2px;font-size:.8rem;font-weight:650;text-decoration:underline}.find-online-hint{margin-top:8px}.find-online-paste{min-height:48px}.find-online-current{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.find-online-current a{color:var(--teal-deep);align-items:center;gap:4px;font-size:.85rem;font-weight:650;text-decoration:none;display:inline-flex}.find-online-return{border-top:1px solid var(--line);flex-direction:column;gap:10px;margin-top:14px;padding-top:14px;display:flex}.find-online-return.is-hot{background:color-mix(in srgb, var(--teal) 8%, transparent);border:1px solid color-mix(in srgb, var(--teal) 35%, var(--line));border-radius:14px;padding:12px}.find-online-clipboard{background:var(--teal-soft);border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex}.find-online-clipboard-title{font-size:.82rem;font-weight:700}.find-online-url{word-break:break-all;color:var(--muted);align-items:flex-start;gap:6px;font-size:.75rem;text-decoration:none;display:inline-flex}.find-online-share{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:14px;display:flex}.find-online-share p{margin:0}.find-online-photo-offer{flex-direction:column;gap:8px;margin-top:14px;display:flex}.find-online-photo-offer img{object-fit:contain;background:color-mix(in srgb, var(--ink) 6%, var(--surface));border-radius:12px;width:100%;height:180px;display:block}.find-online-photo-offer p{margin:0;font-size:.9rem}.find-online-photo-note{background:color-mix(in srgb, var(--ink) 6%, var(--surface));border-radius:12px;margin-top:12px;padding:10px 12px;font-size:.9rem}.find-online-photo-note p{margin:0 0 8px}.household-banner{background:color-mix(in srgb, var(--teal) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--teal) 35%, var(--line));border-radius:var(--radius);color:var(--ink);padding:12px 14px;font-size:.92rem}.household-capacity-badge{text-transform:none;letter-spacing:0;font-size:.75rem}.household-capacity-full{color:#92400e;background:#fef3c7;border-color:#f59e0b}.household-viewer-badge{color:#92400e;background:#fef3c7;border:1px solid #f59e0b}.household-list-title{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 8px;font-size:.85rem;font-weight:700}.household-ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.household-row{background:var(--bg);border:1px solid var(--line);border-radius:calc(var(--radius) - 2px);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.household-row-main{flex-direction:column;gap:4px;min-width:0;display:flex}.household-email{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:600;overflow:hidden}.household-role-badge{background:var(--line);width:fit-content;color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.household-role-owner{background:color-mix(in srgb, var(--teal) 18%, white);color:var(--teal-deep)}.household-role-editor{color:#0369a1;background:#e0f2fe}.household-role-viewer{color:#92400e;background:#fef3c7}.household-row-actions{flex-wrap:wrap;flex-shrink:0;gap:6px;display:flex}.household-row-action{padding:6px 8px}.household-invite-form{flex-direction:column;gap:10px;margin-top:16px;display:flex}.household-role-fieldset{border:1px solid var(--line);border-radius:calc(var(--radius) - 2px);margin:0;padding:10px 12px}.household-role-fieldset legend{color:var(--muted);padding:0 6px;font-size:.8rem;font-weight:700}.household-role-option{cursor:pointer;align-items:flex-start;gap:8px;padding:6px 0;font-size:.9rem;display:flex}.household-role-option input{margin-top:3px}.household-link-box{background:var(--bg);border:1px dashed var(--teal);border-radius:var(--radius);margin-top:14px;padding:12px}.household-link-code{word-break:break-all;color:var(--teal-deep);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-size:.8rem;display:block}.invite-card-head{align-items:center;gap:10px;display:flex}.invite-card-head h1{margin:0}.invite-success-icon{color:var(--teal);margin-bottom:8px}.items-field-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.suggest-inline-btn,.suggest-gallery-btn{align-self:flex-start}.suggest-inline-btn{margin-top:8px}.suggest-gallery-btn{margin:10px 0 2px}.suggest-sheet{flex-direction:column;width:min(440px,100%);max-height:min(88vh,760px);display:flex}.suggest-lede{margin:0 28px 8px 0;font-size:.88rem}.suggest-sheet-body{min-height:0;overflow:auto}.suggest-preview{object-fit:cover;background:#e2e8f0;border-radius:14px;width:100%;height:140px;margin-bottom:12px;display:block}.suggest-pick-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;margin-bottom:12px;display:grid}.suggest-thumb{aspect-ratio:1;cursor:pointer;background:#e2e8f0;border:2px solid #0000;border-radius:12px;padding:0;overflow:hidden}.suggest-thumb img{object-fit:cover;width:100%;height:100%;display:block}.suggest-thumb:hover,.suggest-thumb:focus-visible{border-color:var(--teal)}.suggest-status{color:var(--teal-deep);align-items:center;gap:8px;margin:8px 0;font-weight:650;display:flex}.suggest-toolbar{gap:14px;margin-bottom:8px;display:flex}.suggest-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.suggest-combine-hint{margin:0 0 8px}.suggest-row{flex-direction:column;align-items:stretch;gap:6px;display:flex}.suggest-row-main{border-radius:12px;align-items:center;gap:8px;display:flex}.suggest-row.is-dragging{opacity:.45}.suggest-row.is-drop-target{background:var(--teal-soft);outline:2px solid var(--teal);outline-offset:1px}.suggest-drag-handle{width:44px;height:44px;color:var(--muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:12px;flex:0 0 44px;place-items:center;margin:0;padding:0;display:grid}.suggest-drag-handle:active,.suggest-row.is-dragging .suggest-drag-handle{cursor:grabbing;background:var(--teal-soft);color:var(--teal-deep)}.suggest-drag-handle:disabled{cursor:default;opacity:.4}.suggest-drag-preview{z-index:80;pointer-events:none;background:var(--ink);color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;border-radius:12px;max-width:min(240px,70vw);padding:8px 12px;font-size:.85rem;font-weight:650;position:fixed;overflow:hidden;transform:translate(-12px,-140%);box-shadow:0 10px 24px #0f172a47}.suggest-sheet input[type=checkbox]{width:18px;height:18px;accent-color:var(--teal);box-shadow:none;flex-shrink:0;margin:0;padding:0}.suggest-sheet input[type=text],.suggest-sheet input[type=url]{border:1.5px solid var(--line);background:var(--surface);border-radius:12px;flex:1;min-width:0;padding:10px 12px;font-weight:500}.suggest-sheet input.suggest-qty{border:1.5px solid var(--line);background:var(--surface);text-align:center;border-radius:12px;flex:0 0 4.5rem;width:4.5rem;padding:10px 8px;font-weight:650}.suggest-footnote,.suggest-actions{margin-top:10px}.suggest-upload{margin-top:4px}.item-link-fields{flex-direction:column;gap:6px;display:flex}.item-link-url-row{align-items:center;gap:10px;display:flex}.item-link-url-row input,.item-link-fields>input{flex:1;width:auto;min-width:0}.item-link-fields>input{width:100%}.item-link-find{flex-shrink:0;font-size:.8rem}.item-link-error{color:var(--danger);font-size:.75rem;font-weight:650}.item-link-disclosure{margin:0;line-height:1.4}.find-online-backdrop{z-index:70}.find-online-lede{margin:0 28px 12px 0;font-size:.9rem}.find-online-list{flex-direction:column;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.find-online-choice{text-align:left;border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:12px;flex-direction:column;gap:2px;width:100%;padding:10px 12px;display:flex}.find-online-choice strong{font-size:.92rem}.item-link{max-width:100%;color:var(--teal-deep);align-items:center;gap:4px;font-size:.8rem;font-weight:650;display:inline-flex}.item-link span,.item-external-link span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.result-hit{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);align-items:stretch;display:flex;overflow:hidden}.result-hit .result-row{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex:1}.item-external-link{border-left:1px solid var(--line);color:var(--teal-deep);flex-shrink:0;align-items:center;gap:4px;max-width:42%;padding:8px 12px;font-size:.78rem;font-weight:700;display:flex}