:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--card-bg:#fff;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--card-bg:#1f2028;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{min-width:320px;margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:12px 0 24px;font-size:clamp(42px,8vw,78px);line-height:.95}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code{font-family:var(--mono);color:var(--text-h);background:var(--code-bg);border-radius:4px;padding:4px 8px;font-size:15px;line-height:135%;display:inline-flex}.shell{box-sizing:border-box;flex-direction:column;gap:32px;width:100%;min-height:100svh;padding:72px 24px;display:flex}.onboarding-overlay{background:color-mix(in srgb, var(--bg,#0a0a0a) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.onboarding-card{background:var(--card-bg);border:1px solid var(--border);border-radius:28px;flex-direction:column;gap:24px;width:100%;max-width:480px;padding:40px;display:flex;box-shadow:0 32px 80px #0006}.onboarding-progress{gap:8px;display:flex}.onboarding-dot{background:var(--border);border-radius:999px;flex:1;height:4px;transition:background .2s}.onboarding-dot--active{background:var(--accent)}.onboarding-archetype{background:var(--code-bg);border:1px solid var(--border);border-radius:16px;align-items:flex-start;gap:16px;padding:20px;display:flex}.onboarding-emoji{flex-shrink:0;font-size:36px;line-height:1}.onboarding-archetype p{opacity:.75;margin:4px 0 0;font-size:15px;line-height:1.5}.onboarding-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.onboarding-skip{color:var(--text);opacity:.45;cursor:pointer;text-align:center;background:0 0;border:none;padding:0;font-size:13px}.onboarding-skip:hover{opacity:.75}.hero,.auth-card,.session-card,.app-grid{width:100%;max-width:1120px;margin:0 auto}.hero{text-align:left}.eyebrow,.label{color:var(--accent);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:14px;font-weight:700}.lede{max-width:620px;font-size:20px}.app-grid{grid-template-columns:minmax(320px,1fr) 380px;align-items:start;gap:28px;display:grid}.auth-card,.session-card{text-align:left;border:1px solid var(--border);background:var(--card-bg);box-shadow:var(--shadow);border-radius:24px;padding:32px}.auth-card{gap:24px;max-width:480px;margin:40px auto;display:grid}.auth-header h2{margin-bottom:8px;font-size:28px}.auth-header .hint{color:var(--text);font-size:15px}.auth-tabs{background:var(--code-bg);border-radius:12px;gap:4px;padding:4px;display:flex}.auth-tab{color:var(--text);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-size:15px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.auth-tab--active{box-shadow:0 1px 3px #00000014;background:var(--bg)!important;color:var(--text-h)!important}.auth-form-credential{gap:18px;display:grid}.form-group{gap:8px;display:grid}.form-group label{color:var(--text-h);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600}.form-group input{box-sizing:border-box;border:1px solid var(--border);width:100%;color:var(--text-h);background:var(--bg);font:inherit;border-radius:12px;padding:14px 16px;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.auth-submit-btn{border-radius:12px;width:100%;padding:14px;transition:opacity .2s}.auth-submit-btn:hover{opacity:.9}.success-text{font-weight:500;color:#16a34a!important}.error-text{font-weight:500;color:#dc2626!important}.session-card{justify-content:space-between;align-items:center;gap:12px;display:flex}.session-actions{align-items:center;gap:8px;display:flex}.saved-button{background:color-mix(in srgb, var(--text-h) 10%, transparent);color:var(--text-h);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600}.saved-panel{border:1px solid var(--border);background:var(--card-bg);border-radius:20px;flex-direction:column;gap:20px;width:100%;max-width:1120px;margin:0 auto;padding:24px 32px;display:flex}.saved-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.saved-card{background:var(--code-bg);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}.saved-art{aspect-ratio:4/3;background:var(--border);width:100%;color:var(--text);border-radius:10px;justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex;overflow:hidden}.saved-art img{object-fit:cover;width:100%;height:100%}.saved-info{flex-direction:column;flex:1;gap:3px;display:flex}.saved-brand{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.saved-notes{color:var(--text);opacity:.7;font-size:12px;line-height:1.4}.saved-match{color:var(--text-h);font-size:12px;font-weight:700}.deals-button{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600}.deals-panel{border:1px solid var(--border);background:var(--card-bg);border-radius:20px;flex-direction:column;gap:16px;width:100%;max-width:1120px;margin:0 auto;padding:24px 32px;display:flex}.deals-list{flex-direction:column;gap:10px;display:flex}.deal-row{background:var(--code-bg);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;display:flex}.deal-row--drop{border-left:3px solid var(--accent)}.deal-info{flex-direction:column;flex:1;gap:2px;min-width:180px;display:flex}.deal-brand{color:var(--text-muted,#888);font-size:12px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em}.deal-prices{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.deal-ask{font-size:18px;font-weight:700}.deal-retail{color:var(--text-muted,#888);font-size:13px;text-decoration:line-through}.deal-savings{color:var(--accent);font-size:13px;font-weight:700}.deal-no-data{color:var(--text-muted,#888);font-size:12px;font-style:italic}.deal-link{color:var(--accent);white-space:nowrap;font-size:14px;font-weight:600;text-decoration:none}.deck-wrap{flex-direction:column;gap:16px;display:flex}.deck{min-height:620px;position:relative}.brand-filter{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.brand-filter::-webkit-scrollbar{display:none}.brand-chip{border:1px solid var(--border);background:var(--card-bg);color:var(--text-muted,#999);cursor:pointer;border-radius:999px;flex-shrink:0;padding:7px 14px;font-size:13px;font-weight:600;transition:all .12s}.brand-chip:hover{color:var(--text);border-color:#a855f780}.brand-chip--active{color:#c084fc;background:#a855f72e;border-color:#a855f7}.shoe-card,.empty-card,.taste-panel{text-align:left;border:1px solid var(--border);background:var(--card-bg);box-shadow:var(--shadow);border-radius:24px;gap:20px;padding:28px;display:grid}.shoe-card{-webkit-user-select:none;user-select:none;align-content:space-between;transition:transform .18s,box-shadow .18s;position:absolute;inset:0}.shoe-card--active{z-index:3}.shoe-card--behind{z-index:1;opacity:.72;pointer-events:none}.shoe-card--behind *{opacity:0!important}.empty-card{place-content:center;min-height:420px}.match-pill{color:#166534;width:fit-content;font-family:var(--mono);background:#22c55e29;border:1px solid #22c55e47;border-radius:999px;padding:8px 12px;font-size:14px;font-weight:700}.shoe-art{color:#08060db3;background:radial-gradient(circle at 32% 30%,#ffffffd9,#0000 30%),linear-gradient(135deg,#f3e4c5,#d7b98f 42%,#8ea59a);border-radius:22px;place-items:center;height:220px;display:grid;position:relative;overflow:hidden}.shoe-art img{object-fit:cover;width:100%;display:block;position:absolute;top:0;left:0;height:100%!important}.shoe-art span{letter-spacing:-.1em;text-transform:uppercase;font-size:clamp(64px,14vw,130px);font-weight:800}.dim-tags{flex-wrap:wrap;gap:8px;display:flex}.dim-tags span{color:var(--text-h);background:var(--code-bg);border-radius:999px;padding:6px 10px;font-size:14px}.history-button{color:var(--text-h);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600}.history-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.history-filters{gap:6px;display:flex}.history-filter{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600}.history-filter--active{background:var(--accent);border-color:var(--accent);color:#fff}.history-card--liked{border-color:#22c55e66}.history-card--passed{opacity:.65}.history-badge{border-radius:999px;width:fit-content;padding:3px 8px;font-size:11px;font-weight:700}.history-badge--liked{color:#22c55e;background:#22c55e2e}.history-badge--passed{color:#888;background:#8888882e}.reset-taste-button{border:1px dashed var(--border);width:100%;color:var(--text);opacity:.55;cursor:pointer;background:0 0;border-radius:10px;padding:10px;font-size:13px;font-weight:600}.reset-taste-button:hover{opacity:1;color:#dc2626;border-color:#dc2626}.catalog-count{color:var(--text-muted,#888);font-size:13px;font-family:var(--mono);margin-top:-8px}.error-banner{color:#fca5a5;background:#dc26261f;border:1px solid #dc262666;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.error-banner button{color:#fca5a5;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.error-banner button:hover{color:#fff}.collection-select{border:1px solid var(--border);background:var(--card-bg);width:100%;color:var(--text-muted,#aaa);cursor:pointer;border-radius:8px;margin-top:8px;padding:6px 8px;font-family:inherit;font-size:12px}.collection-select:hover{border-color:#a855f780}.stats-tiles{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.stat-tile{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:14px 6px;display:flex}.stat-tile strong{color:#c084fc;font-size:22px;font-weight:800}.stat-tile span{color:var(--text-muted,#999);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.sparkline{width:100%;height:64px;display:block}@media (width<=480px){.stats-tiles{grid-template-columns:repeat(2,1fr)}}.persona-card{background:linear-gradient(135deg,#a855f729,#a855f70a);border:1px solid #a855f759;border-radius:16px;align-items:center;gap:12px;margin:14px 0;padding:14px 16px;display:flex}.persona-emoji{flex-shrink:0;font-size:30px;line-height:1}.persona-text{flex-direction:column;gap:3px;display:flex}.persona-name{color:#c084fc;letter-spacing:.01em;font-size:16px;font-weight:800}.persona-blurb{color:var(--text-muted,#999);font-size:13px;line-height:1.4}.why-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.why-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-right:2px;font-size:12px;font-weight:700}.why-tag{background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600}.swipe-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.swipe-actions button{min-height:48px}.card-meta-row{justify-content:space-between;align-items:center;gap:12px;min-height:24px;display:flex}.undo-button{border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.undo-button:hover{border-color:var(--accent-border);color:var(--accent)}button{border:1px solid var(--border);color:var(--text-h);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:14px 18px;font-weight:700}button:hover{border-color:var(--accent-border)}.want-button{color:#fff;background:var(--accent);border-color:var(--accent)}.hint,.panel-note{color:var(--text);font-size:14px}.taste-panel{position:sticky;top:24px}.taste-panel h2,.shoe-card h2,.empty-card h2{margin:4px 0 0}.taste-bars{gap:14px;display:grid}.taste-row{grid-template-columns:72px 1fr 56px;align-items:center;gap:10px;font-size:14px;display:grid}.taste-row span{color:var(--text-h);font-weight:700}.taste-row strong{color:var(--text-h);font-family:var(--mono);text-align:right;font-size:13px}.bar{background:var(--code-bg);border-radius:999px;height:10px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--accent), #22c55e);border-radius:inherit;height:100%}.error{color:#dc2626}.shoe-art--clickable{cursor:pointer}.shoe-art--clickable:hover{opacity:.92}.shoe-art-expand{color:#ffffffd9;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:0;background:#00000059;border-radius:999px;padding:2px 7px;font-size:18px;font-weight:700;line-height:1.4;position:absolute;bottom:10px;right:12px}.taste-panel-toggle{display:none}.modal-overlay{background:color-mix(in srgb, var(--bg,#0a0a0a) 80%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:200;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{background:var(--card-bg);border:1px solid var(--border);-webkit-overflow-scrolling:touch;border-radius:28px;flex-direction:column;gap:28px;width:100%;max-width:520px;max-height:calc(100svh - 48px);padding:36px;display:flex;position:relative;overflow-y:auto;box-shadow:0 40px 100px #0000008c}.modal-drag-handle{display:none}.modal-close{border:1px solid var(--border);background:var(--code-bg);width:36px;height:36px;color:var(--text-h);cursor:pointer;z-index:1;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:16px;font-weight:700;line-height:1;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{border-color:var(--accent);color:var(--accent)}.modal-image{aspect-ratio:4/3;color:#ffffffb8;letter-spacing:-.1em;text-transform:uppercase;background:radial-gradient(circle at 32% 30%,#ffffff47,#0000 30%),linear-gradient(135deg,#6b4f2a,#425349 48%,#2e3448);border-radius:18px;justify-content:center;align-items:center;width:100%;font-size:clamp(56px,12vw,110px);font-weight:800;display:flex;overflow:hidden}.modal-image img{object-fit:cover;width:100%;height:100%;display:block}.modal-header{flex-direction:column;gap:4px;display:flex}.modal-title{margin:4px 0 0;font-size:clamp(22px,4vw,30px)}.modal-notes{color:var(--text);opacity:.75;margin:2px 0 0;font-size:15px}.modal-section{flex-direction:column;gap:14px;display:flex}.modal-bars{gap:12px;display:grid}.modal-cta{text-align:center;background:var(--accent);color:#fff;border-radius:14px;padding:14px 20px;font-size:15px;font-weight:700;text-decoration:none;transition:opacity .2s;display:block}.modal-cta:hover{opacity:.88}@media (width<=720px){.modal-overlay{align-items:flex-end;padding:0}.modal-card{max-height:92svh;padding:16px 20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.modal-drag-handle{cursor:grab;touch-action:none;justify-content:center;padding:8px 0 4px;display:flex}.modal-drag-handle:after{content:"";background:var(--border);border-radius:999px;width:40px;height:4px}.modal-close{width:32px;height:32px;font-size:14px;top:12px;right:12px}}@media (prefers-color-scheme:dark){.shoe-art{color:#ffffffb8;background:radial-gradient(circle at 32% 30%,#ffffff47,#0000 30%),linear-gradient(135deg,#6b4f2a,#425349 48%,#2e3448)}}@media (width<=900px){.app-grid{grid-template-columns:1fr}.taste-panel{position:static}.taste-panel-toggle{border:1px solid var(--border);background:var(--card-bg);width:100%;color:var(--text-h);cursor:pointer;box-shadow:var(--shadow);border-radius:16px;justify-content:space-between;align-items:center;padding:14px 18px;font-size:15px;font-weight:700;display:flex}.taste-panel-toggle:hover{border-color:var(--accent-border)}.taste-panel-toggle .taste-toggle-chevron{color:var(--text);font-size:12px;transition:transform .2s}.taste-panel-toggle .taste-toggle-chevron--open{transform:rotate(180deg)}.taste-panel--collapsed{display:none}.saved-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (width<=720px){.shell{gap:20px;padding:32px 16px 48px}.hero h1{font-size:clamp(24px,6vw,36px)}.lede{font-size:16px}.auth-card{margin:0 auto;padding:24px 20px}.session-card{flex-direction:column;align-items:stretch;gap:10px;padding:16px 20px}.session-card>span{text-align:center;font-size:14px}.session-actions{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.session-actions::-webkit-scrollbar{display:none}.session-actions button,.saved-button,.deals-button,.history-button{white-space:nowrap;flex-shrink:0;padding:10px 14px;font-size:13px}.deck{min-height:520px}.shoe-card,.empty-card{border-radius:20px;padding:20px 18px}.shoe-card h2{font-size:18px}.swipe-actions button{min-height:52px;padding:14px 16px;font-size:17px}.taste-panel{padding:20px 18px}.taste-panel h2{font-size:18px}.taste-row{grid-template-columns:60px 1fr 46px;font-size:13px}.saved-panel,.deals-panel{border-radius:16px;padding:20px 18px}.saved-grid{grid-template-columns:repeat(2,1fr);gap:10px}.onboarding-actions button{min-height:52px;font-size:16px}.card-meta-row .hint{font-size:12px}.saved-card{padding:12px}.onboarding-card{border-radius:20px;gap:18px;padding:28px 20px}.onboarding-archetype{gap:12px;padding:14px}.onboarding-emoji{font-size:28px}.deal-row{flex-direction:column;align-items:flex-start;gap:8px}}@media (width<=400px){.saved-grid{grid-template-columns:1fr}}.empty-state{text-align:center;border:1px dashed var(--border);background:#ffffff03;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin:16px 0;padding:40px 24px;animation:.3s ease-out fadeIn;display:flex}.empty-state-icon{opacity:.8;margin-bottom:12px;font-size:32px;display:inline-block}.empty-state-icon.spin{animation:.9s linear infinite spinnerSpin}.empty-state-text{color:var(--text);margin:0 0 6px;font-size:16px;font-weight:600}.empty-state .hint{opacity:.6;margin:0;font-size:13px}.loading-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:relative;overflow:hidden}.spinner-glow{background:var(--accent);filter:blur(40px);opacity:.15;pointer-events:none;border-radius:50%;width:100px;height:100px;animation:2.5s ease-in-out infinite spinnerPulse;position:absolute}.spinner{border:3px solid #a855f714;border-top:3px solid var(--accent);z-index:2;border-radius:50%;width:44px;height:44px;animation:1.1s linear infinite spinnerSpin}.loading-status{z-index:2}.loading-title{color:var(--text);letter-spacing:.02em;margin:0;font-size:16px;font-weight:600}.loading-subtitle{opacity:.5;margin:6px 0 0;font-size:12px}@keyframes spinnerSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinnerPulse{0%,to{opacity:.1;transform:scale(.85)}50%{opacity:.25;transform:scale(1.15)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.shared-profile-container{box-sizing:border-box;justify-content:center;align-items:flex-start;width:100%;max-width:480px;margin:0 auto;padding:0 12px 60px;display:flex}.shared-taste-layout{width:100%}.public-taste-panel{border:1px solid var(--border);background:var(--card-bg);box-shadow:var(--shadow);text-align:left;border-radius:28px;gap:20px;padding:32px;display:grid;position:static;width:100%!important}.shared-cta-section{border-top:1px solid var(--border);text-align:center;margin-top:24px;padding-top:24px}.shared-cta-section .hint{margin-bottom:16px;display:block}.shared-join-btn{border-radius:12px;width:100%;padding:12px 24px;font-size:16px;font-weight:600}