*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#faf5ee;--surface:#fff;--surface-warm:#fdf9f4;--border:#e5ddd0;--text:#2a2118;--text-muted:#7a6a58;--accent:#4a7c59;--accent-light:#edf5f0;--accent-hover:#3a6347;--pick-bg:#f0f8f3;--pick-border:#b8ddc8;--warning:#b45309;--warning-bg:#fef3c7;--radius:16px;--radius-sm:10px;--shadow-sm:0 1px 3px #3c280a12, 0 1px 2px #3c280a0a;--shadow-md:0 4px 16px #3c280a1a, 0 1px 4px #3c280a0f}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.55}#root{max-width:600px;margin:0 auto;padding:32px 20px 120px}h2{color:var(--text);margin-bottom:14px;font-size:1rem;font-weight:600}p{color:var(--text-muted);font-size:.9rem}.header{text-align:center;margin-bottom:32px;padding-top:8px}.logo{color:var(--text);letter-spacing:-.03em;margin-bottom:10px;font-family:Fraunces,Georgia,serif;font-size:2.6rem;font-weight:700;line-height:1}.logo span{color:var(--accent)}.tagline{color:var(--text-muted);font-family:Fraunces,Georgia,serif;font-size:1rem;font-style:italic}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:14px;padding:22px;transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.card.pick-primary{background:var(--pick-bg);border-color:var(--pick-border);box-shadow:0 2px 8px #4a7c591a,0 1px 3px #4a7c590f}.card.pick-primary:hover{box-shadow:0 4px 16px #4a7c5926,0 2px 6px #4a7c5914}.card.card-neutral{background:var(--surface-warm);box-shadow:none;border-style:dashed}.card.card-neutral:hover{box-shadow:var(--shadow-sm)}input[type=text],textarea{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-warm);width:100%;color:var(--text);outline:none;padding:13px 16px;font-family:DM Sans,-apple-system,sans-serif;font-size:.95rem;transition:border-color .15s,box-shadow .15s}input[type=text]:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4a7c591f}.query-wrap{position:relative}.query-suggestions{background:var(--surface);border:1.5px solid var(--accent);border-radius:0 0 var(--radius-sm) var(--radius-sm);z-index:20;box-shadow:var(--shadow-md);border-top:none;position:absolute;top:100%;left:0;right:0;overflow:hidden}.query-suggestion{color:var(--text);cursor:pointer;padding:10px 16px;font-size:.9rem;transition:background .1s}.query-suggestion+.query-suggestion{border-top:1px solid var(--border)}.query-suggestion:hover{background:var(--accent-light);color:var(--accent)}.char-hint{color:var(--text-muted);text-align:right;margin-top:5px;font-size:.72rem}.per-item-hint{color:var(--text-muted);margin-left:6px;font-size:.75rem;font-weight:400}.btn-group{flex-wrap:wrap;gap:10px;display:flex}.btn-option{border:1.5px solid var(--border);background:var(--surface-warm);color:var(--text);cursor:pointer;border-radius:100px;padding:9px 18px;font-family:DM Sans,-apple-system,sans-serif;font-size:.875rem;font-weight:500;transition:all .15s}.btn-option:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.btn-option.selected{background:var(--accent);border-color:var(--accent);color:#fff}.checkbox-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.checkbox-label{border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:var(--surface-warm);-webkit-user-select:none;user-select:none;align-items:center;gap:9px;padding:9px 13px;font-size:.85rem;font-weight:500;transition:all .15s;display:flex}.checkbox-label:hover{border-color:var(--accent);background:var(--accent-light)}.checkbox-label input{accent-color:var(--accent);width:15px;height:15px}.checkbox-label.checked{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;margin-top:10px;padding:15px;font-family:DM Sans,-apple-system,sans-serif;font-size:1rem;font-weight:600;transition:all .15s;box-shadow:0 2px 8px #4a7c5940}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 14px #4a7c5959}.btn-primary:disabled{cursor:not-allowed;box-shadow:none;background:#aaa;transform:none}.btn-secondary{width:100%;color:var(--accent);border:1.5px solid var(--accent);border-radius:var(--radius-sm);cursor:pointer;background:0 0;margin-top:10px;padding:13px;font-family:DM Sans,-apple-system,sans-serif;font-size:.9rem;font-weight:600;transition:all .15s}.btn-secondary:hover{background:var(--accent-light)}.btn-link{color:var(--text-muted);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px;background:0 0;border:none;margin-top:4px;padding:4px 0;font-family:DM Sans,-apple-system,sans-serif;font-size:.85rem;transition:color .15s,text-decoration-color .15s;display:inline-block}.btn-link:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.chip-group{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.chip{background:var(--accent-light);border:1.5px solid var(--accent);color:var(--accent);border-radius:100px;align-items:center;gap:6px;padding:6px 12px;font-size:.875rem;font-weight:500;display:inline-flex}.chip-text{color:var(--accent);cursor:text;background:0 0;border:none;padding:0;font-family:inherit;font-size:.875rem;font-weight:500}.chip-remove{color:var(--accent);cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 2px;font-size:1.1rem;line-height:1;transition:opacity .15s}.chip-remove:hover{opacity:1}.chip-editing{background:var(--accent-light);border-color:var(--accent);padding:4px 10px}.chip-input{color:var(--accent);background:0 0;border:none;outline:none;width:120px;font-family:inherit;font-size:.875rem;font-weight:500}.chip-add{border:1.5px dashed var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:100px;align-items:center;padding:6px 12px;font-family:inherit;font-size:.875rem;transition:all .15s;display:inline-flex}.chip-add:hover{border-color:var(--accent);color:var(--accent)}.result-group{margin-bottom:8px}.result-item-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text);margin-top:0;margin-bottom:10px;padding:0 2px;font-size:.85rem;font-weight:700}.pick-label{text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:.7rem;font-weight:700}.pick-label.primary{color:var(--accent)}.pick-label.muted{color:var(--text-muted)}.pick-name{color:var(--text);letter-spacing:-.01em;margin-bottom:6px;font-size:1.2rem;font-weight:700}.pick-reason{color:var(--text-muted);font-size:.875rem;line-height:1.6}.guideline-box{background:var(--surface-warm);border-radius:var(--radius-sm);color:var(--text-muted);padding:13px 15px;font-size:.875rem;line-height:1.6}.step-dots{justify-content:center;gap:2px;margin-top:12px;margin-bottom:8px;display:flex}.step-dot{cursor:pointer;background:0 0;border:none;flex-shrink:0;width:28px;height:28px;padding:0;display:block;position:relative}.step-dot:after{content:"";background:var(--border);border-radius:50%;width:10px;height:10px;transition:background .2s,transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.step-dot.active:after{background:var(--accent);transform:translate(-50%,-50%)scale(1.2)}.step-dot:hover:not(.active):after{background:var(--text-muted)}.refinement-area textarea{resize:vertical;min-height:72px;font-size:.9rem}.float-pill{z-index:200;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:100px;align-items:center;gap:8px;padding:12px 20px;font-family:DM Sans,-apple-system,sans-serif;font-size:.875rem;font-weight:600;transition:all .15s;display:flex;position:fixed;bottom:28px;right:24px;box-shadow:0 4px 16px #4a7c5959}.float-pill:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #4a7c5966}.float-pill-count{background:#ffffff40;border-radius:100px;padding:2px 8px;font-size:.75rem}.float-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:320px;max-width:calc(100vw - 48px);box-shadow:var(--shadow-md);z-index:199;opacity:0;pointer-events:none;max-height:0;transition:max-height .3s,opacity .3s;position:fixed;bottom:80px;right:24px;overflow:hidden}.float-panel.open{opacity:1;pointer-events:all;max-height:480px;overflow-y:auto}.float-panel-inner{padding:20px}.float-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.float-panel-title{color:var(--text);font-family:Fraunces,Georgia,serif;font-size:1rem;font-weight:700}.float-panel-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.2rem;line-height:1}.shopping-items{flex-direction:column;gap:14px;list-style:none;display:flex}.shopping-item{align-items:flex-start;gap:12px;display:flex}.shopping-number{color:var(--accent);flex-shrink:0;min-width:20px;margin-top:2px;font-size:.85rem;font-weight:700}.shopping-item-name{color:var(--text);font-size:.95rem;font-weight:600}.shopping-item-pick{color:var(--accent);margin-top:3px;font-size:.85rem}.shopping-item-backup{color:var(--text-muted);margin-top:2px;font-size:.8rem}.shopping-actions{border-top:1px solid var(--border);gap:10px;margin-top:18px;padding-top:16px;display:flex}.shopping-actions .btn-option{text-align:center;flex:1}.loading{text-align:center;color:var(--text-muted);padding:48px 0;font-size:.9rem}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;margin:0 auto 16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-msg{color:#7c1c1c;border-radius:var(--radius-sm);background:#fde8e8;margin-bottom:12px;padding:12px 16px;font-size:.875rem}.out-of-scope{text-align:center;padding:32px 20px}.out-of-scope p{color:var(--text);margin-top:12px;font-size:1rem;line-height:1.6}.app-footer{text-align:center;border-top:1px solid var(--border);margin-top:32px;padding:24px 0 8px}.app-footer p{color:var(--text-muted);font-size:.75rem}.footer-link{color:var(--text-muted);text-decoration:none;transition:color .15s}.footer-link:hover{color:var(--accent)}.disclaimer{color:var(--text-muted);text-align:center;margin-top:20px;font-size:.75rem;line-height:1.7}@media print{.no-print{display:none!important}body{background:#fff}#root{max-width:100%;padding:0}.header,.error-msg,.result-group,.btn-primary,.btn-secondary,.disclaimer,.float-pill{display:none!important}.float-panel{opacity:1!important;width:100%!important;max-height:none!important;box-shadow:none!important;pointer-events:all!important;border:none!important;position:static!important;bottom:auto!important;right:auto!important;overflow:visible!important}.float-panel-inner{padding:0}.float-panel-header{border-bottom:none;margin-bottom:12px}.float-panel-close,.shopping-actions{display:none!important}.shopping-item-pick{color:var(--accent)}}