@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--pr-gold:#f5c842;--pr-gold-light:#fde68a;--pr-gold-dark:#d4a017;--pr-dark:#0d0d0d;--pr-dark-2:#1a1a1a;--pr-dark-3:#242424;--pr-dark-4:#2e2e2e;--pr-surface:#1e1e1e;--pr-border:#f5c8422e;--pr-text:#f5f5f5;--pr-text-muted:#9ca3af;--pr-text-dim:#6b7280;--pr-success:#22c55e;--pr-warning:#f59e0b;--pr-danger:#ef4444;--pr-info:#3b82f6;--match-excellent:#22c55e;--match-great:#84cc16;--match-good:#f59e0b;--match-ok:#6b7280;--font-body:"Inter", -apple-system, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--gap-xs:.5rem;--gap-sm:.75rem;--gap-md:1rem;--gap-lg:1.5rem;--gap-xl:2rem;--gap-2xl:3rem;--min-tap-size:60px;--btn-radius:16px;--card-radius:20px;--screen-pad:2.5rem;--shadow-card:0 4px 24px #0006;--shadow-gold:0 0 32px #f5c84240;--shadow-inset:inset 0 1px 0 #ffffff0d;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;touch-action:manipulation;-webkit-user-select:none;user-select:none;font-size:16px}body{font-family:var(--font-body);background:var(--pr-dark);color:var(--pr-text);width:100vw;height:100vh;line-height:1.5;overflow:hidden}#root{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}h1{font-size:var(--text-4xl);font-weight:800;line-height:1.15}h2{font-size:var(--text-3xl);font-weight:700;line-height:1.2}h3{font-size:var(--text-2xl);font-weight:700;line-height:1.3}h4{font-size:var(--text-xl);font-weight:600;line-height:1.4}h5{font-size:var(--text-lg);font-weight:600;line-height:1.4}p{font-size:var(--text-lg);line-height:1.6}.kiosk-screen{background:var(--pr-dark);width:100%;height:100%;padding:var(--screen-pad);flex-direction:column;display:flex;position:absolute;top:0;left:0;overflow:hidden}.kiosk-screen--centered{text-align:center;justify-content:center;align-items:center;gap:var(--gap-xl)}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--pr-border);border-radius:var(--card-radius);box-shadow:var(--shadow-card), var(--shadow-inset);background:#ffffff0a}.btn{justify-content:center;align-items:center;gap:var(--gap-sm);min-height:var(--min-tap-size);border-radius:var(--btn-radius);min-width:120px;font-family:var(--font-body);font-size:var(--text-xl);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;white-space:nowrap;border:none;outline:none;padding:.875rem 2rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:background var(--transition-fast);border-radius:inherit;background:#fff0;position:absolute;inset:0}.btn:active:after{background:#ffffff1f}.btn-primary{background:linear-gradient(135deg, var(--pr-gold) 0%, var(--pr-gold-dark) 100%);color:var(--pr-dark);box-shadow:0 4px 20px #f5c84259}.btn-primary:active{transform:scale(.97)}.btn-secondary{color:var(--pr-gold);border:2px solid var(--pr-gold);background:0 0}.btn-secondary:active{background:#f5c84214}.btn-ghost{color:var(--pr-text);background:#ffffff0f;border:1px solid #ffffff1a}.btn-ghost:active{background:#ffffff1f}.btn-danger{background:var(--pr-danger);color:#fff}.btn-lg{min-height:76px;font-size:var(--text-2xl);border-radius:20px;padding:1rem 2.5rem}.match-badge{font-size:var(--text-sm);letter-spacing:.02em;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-weight:700;display:inline-flex}.match-badge--excellent{color:var(--match-excellent);background:#22c55e2e;border:1px solid #22c55e59}.match-badge--great{color:var(--match-great);background:#84cc162e;border:1px solid #84cc1659}.match-badge--good{color:var(--match-good);background:#f59e0b2e;border:1px solid #f59e0b59}.match-badge--ok{color:var(--match-ok);background:#6b72802e;border:1px solid #6b728059}.style-card{border-radius:var(--card-radius);cursor:pointer;transition:transform var(--transition-base), box-shadow var(--transition-base);aspect-ratio:3/4;border:2px solid #0000;position:relative;overflow:hidden}.style-card:active{transform:scale(.96)}.style-card--selected{border-color:var(--pr-gold);box-shadow:var(--shadow-gold)}.style-card__image{object-fit:cover;width:100%;height:100%;display:block}.style-card__overlay{background:linear-gradient(#0000 0%,#00000080 40%,#000000eb 100%);flex-direction:column;gap:6px;padding:1rem;display:flex;position:absolute;bottom:0;left:0;right:0}.style-card__name{font-size:var(--text-base);color:var(--pr-text);font-weight:700}.scan-progress{align-items:center;gap:var(--gap-md);display:flex}.scan-dot{background:var(--pr-dark-4);border:2px solid var(--pr-border);width:16px;height:16px;transition:all var(--transition-base);border-radius:50%}.scan-dot--active{background:var(--pr-gold);border-color:var(--pr-gold);animation:1s infinite pulse-dot;box-shadow:0 0 12px #f5c84299}.scan-dot--done{background:var(--match-excellent);border-color:var(--match-excellent)}@keyframes pulse-dot{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.view-tab-bar{background:var(--pr-dark-3);border-radius:14px;gap:4px;padding:4px;display:flex}.view-tab{min-height:52px;font-size:var(--text-lg);color:var(--pr-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;font-weight:600;display:flex}.view-tab--active{background:var(--pr-gold);color:var(--pr-dark);box-shadow:0 2px 12px #f5c84266}.recipe-row{align-items:flex-start;gap:var(--gap-md);padding:var(--gap-sm) 0;border-bottom:1px solid #ffffff0f;display:flex}.recipe-row:last-child{border-bottom:none}.recipe-label{font-size:var(--text-sm);color:var(--pr-text-muted);min-width:130px;padding-top:2px;font-weight:500}.recipe-value{font-size:var(--text-base);color:var(--pr-text);flex:1;font-weight:600}.product-pill{font-size:var(--text-sm);color:var(--pr-gold);background:#f5c8421a;border:1px solid #f5c84240;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-weight:600;display:inline-flex}.loading-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;gap:var(--gap-xl);z-index:100;background:#0d0d0dd9;flex-direction:column;display:flex;position:fixed;inset:0}.scan-frame-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scan-oval{border:3px solid var(--pr-gold);border-radius:50%;width:280px;height:360px;animation:2s infinite scan-pulse;box-shadow:0 0 0 4000px #0000008c,0 0 40px #f5c84266}@keyframes scan-pulse{0%,to{box-shadow:0 0 0 4000px #0000008c,0 0 40px #f5c84266}50%{box-shadow:0 0 0 4000px #0000008c,0 0 60px #f5c842b3}}.voice-indicator{align-items:flex-end;gap:3px;height:24px;display:flex}.voice-bar{background:var(--pr-gold);border-radius:2px;width:4px;animation:.8s infinite voice-wave}.voice-bar:nth-child(2){animation-delay:.1s}.voice-bar:nth-child(3){animation-delay:.2s}.voice-bar:nth-child(4){animation-delay:.15s}.voice-bar:nth-child(5){animation-delay:50ms}@keyframes voice-wave{0%,to{opacity:.5;height:6px}50%{opacity:1;height:22px}}.spinner{border:4px solid #f5c84233;border-top-color:var(--pr-gold);border-radius:50%;width:56px;height:56px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.text-gradient{background:linear-gradient(135deg, var(--pr-gold) 0%, var(--pr-gold-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}::-webkit-scrollbar{width:0;height:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--gap-sm)}.gap-md{gap:var(--gap-md)}.gap-lg{gap:var(--gap-lg)}.gap-xl{gap:var(--gap-xl)}.w-full{width:100%}.h-full{height:100%}.text-gold{color:var(--pr-gold)}.text-muted{color:var(--pr-text-muted)}.text-center{text-align:center}.font-bold{font-weight:700}.font-black{font-weight:900}.rounded-full{border-radius:999px}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.z-10{z-index:10}.pointer-none{pointer-events:none}