:root{--bg: #f8fafc;--surface: #ffffff;--ink: #1f2937;--muted: #6b7280;--line: #e5e7eb;--accent: #111827;--accent-soft: #e5e7eb;--success: #059669;--danger: #dc2626}html[data-theme=warm]{--bg: #f2efe8;--surface: #fffaf1;--ink: #1d1a17;--muted: #6f675f;--line: #d7cfc4;--accent: #a5482a;--accent-soft: #f0d0c5;--success: #0f8a5f;--danger: #bf3e2d}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.status-page{min-height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted)}.login-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.login-panel{width:min(520px,100%);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 12px 24px #0f172a14}.login-eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:12px;color:var(--accent)}.login-panel h1{margin:8px 0 0;font-size:clamp(24px,4vw,34px);line-height:1.1}.login-copy{margin:12px 0 20px;color:var(--muted);line-height:1.55}.field-label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.field-input{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;margin-bottom:12px;color:var(--ink);background:var(--surface)}.field-input:focus{outline:2px solid color-mix(in srgb,var(--accent) 25%,transparent);outline-offset:1px}.btn{width:100%;border:0;border-radius:10px;padding:10px 12px;font-weight:600;cursor:pointer;margin-bottom:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-accent{background:var(--success);color:#fff}.hint-text{margin:8px 0 0;color:var(--muted);font-size:13px}.error-text{margin:8px 0 0;color:var(--danger);font-size:13px}.app-shell{min-height:100%}.topbar{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 90%,white 10%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:space-between;gap:12px;padding:14px 20px}.topbar-left{display:flex;flex-direction:column;gap:3px}.brand-link{text-decoration:none;font-weight:700;font-size:17px}.topbar-subtitle{margin:0;color:var(--muted);font-size:12px}.topbar-right{display:flex;align-items:center;gap:8px}.user-chip{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:12px}.logout-btn{border:1px solid var(--line);border-radius:8px;padding:7px 10px;background:var(--surface);color:var(--ink);cursor:pointer}.theme-toggle{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;background:var(--surface)}.theme-toggle button{border:0;background:transparent;color:var(--muted);border-radius:999px;padding:5px 10px;font-size:12px;cursor:pointer}.theme-toggle button.active{background:var(--accent-soft);color:var(--ink)}.layout{margin:0 auto;max-width:1120px;padding:24px 20px 56px}.hero{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:22px;box-shadow:0 10px 24px #0f172a0f}.eyebrow{color:var(--accent);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12px;margin:0 0 8px}.hero h1{margin:0;font-size:clamp(30px,5vw,48px);line-height:1.05}.hero p{margin:12px 0 0;color:var(--muted);line-height:1.55;max-width:760px}.platform-meta{margin-top:14px;font-size:13px}.app-grid{margin-top:20px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.app-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:16px;box-shadow:0 8px 20px #0f172a0f;transition:transform .18s ease,box-shadow .18s ease;display:flex;flex-direction:column}.app-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px #0f172a1f}.app-status{margin:0;width:fit-content;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:700;padding:4px 10px}.app-card h3{margin:8px 0 0;font-size:20px}.app-description{margin:10px 0;color:var(--muted);line-height:1.5;min-height:64px}.app-meta{margin:2px 0;color:color-mix(in srgb,var(--ink) 82%,transparent);font-size:13px}.app-tags{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.app-tags span{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:4px 10px;color:color-mix(in srgb,var(--ink) 82%,transparent)}.open-app-link{margin-top:14px;text-decoration:none;text-align:center;background:var(--accent);color:#fff;border-radius:10px;padding:9px 12px;font-size:14px;font-weight:600}.embed-layout,.placeholder-page{margin:0 auto;max-width:1200px;padding:20px}.embed-header{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:16px;display:flex;justify-content:space-between;gap:16px;align-items:center}.embed-header h1,.placeholder-page h1{margin:0;font-size:28px}.embed-copy,.placeholder-page p{margin:8px 0 0;color:var(--muted)}.embed-status{margin:8px 0 0;font-size:13px;color:var(--muted)}.embed-error{margin:8px 0 0;font-size:13px;color:#b42318}.open-new-tab{text-decoration:none;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--surface);font-size:13px}.iframe-shell{margin-top:14px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}.assistant-iframe{width:100%;height:calc(100vh - 240px);min-height:640px;border:0;background:#fff}@media (max-width: 820px){.topbar{flex-direction:column;align-items:flex-start}.topbar-right{flex-wrap:wrap}.embed-header{flex-direction:column;align-items:flex-start}.assistant-iframe{height:calc(100vh - 300px);min-height:580px}}.sc-page{margin:0 auto;max-width:1160px;padding:28px 20px 80px}.sc-onboarding-shell{max-width:760px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 10px 24px #0f172a0f}.sc-onboarding-title{margin:6px 0 0;font-size:clamp(22px,3vw,30px);line-height:1.2}.sc-onboarding-sub{margin:8px 0 16px;color:var(--muted);font-size:14px}.sc-step-progress{display:flex;gap:8px;margin:4px 0 22px}.sc-step-dot{width:44px;height:4px;border-radius:999px;background:var(--line)}.sc-step-dot.on{background:var(--accent)}.sc-icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.sc-icon-card{cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px;text-align:left;display:flex;flex-direction:column;transition:transform .16s ease,border-color .16s ease}.sc-icon-card:hover{transform:translateY(-2px)}.sc-icon-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}.sc-icon-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.sc-icon-name{margin:8px 0 2px;font-weight:700;font-size:14px}.sc-icon-tag{font-size:12px;color:var(--muted)}.sc-swipe-wrap{display:flex;justify-content:center}.sc-swipe-card-shell{width:min(380px,100%);background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:12px;text-align:center}.sc-swipe-img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:12px}.sc-swipe-title{margin-top:10px;font-weight:700}.sc-swipe-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.sc-swipe-btn{border:1px solid var(--line);background:var(--surface);padding:10px;font-weight:600;border-radius:12px;cursor:pointer}.sc-swipe-btn.wear{background:var(--accent);color:#fff;border-color:var(--accent)}.sc-swipe-btn.skip{color:var(--muted)}.sc-swipe-progress{margin:12px 0 4px;color:var(--muted);font-size:12px}.sc-swipe-done{color:var(--muted);padding:30px 0}.sc-final-form{display:flex;flex-direction:column;gap:18px}.sc-form-section{display:flex;flex-direction:column}.sc-chip-row{display:flex;flex-wrap:wrap;gap:8px}.sc-chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 14px;font-size:13px;cursor:pointer}.sc-chip.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.sc-step-footer{display:flex;justify-content:space-between;margin-top:24px;gap:10px}.sc-nav-btn{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;color:var(--ink);display:inline-flex;align-items:center}.sc-nav-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.sc-nav-btn.ghost{background:var(--surface);color:var(--muted)}.sc-nav-btn:disabled{opacity:.5;cursor:not-allowed}.sc-feed-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.sc-feed-title{margin:6px 0 0;font-size:clamp(22px,3vw,30px)}.sc-feed-summary{margin:8px 0 0;color:var(--muted);max-width:600px;line-height:1.55}.sc-confidence-bar{display:inline-flex;align-items:center;gap:10px;margin:12px 0 0}.sc-confidence-badge{border-radius:999px;border:1px solid var(--accent);color:var(--accent);font-weight:600;font-size:12px;padding:4px 10px}.sc-confidence-hint{color:var(--muted);font-size:13px}.sc-feed-actions{display:flex;gap:8px;align-items:flex-start}.sc-look-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.sc-look-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease}.sc-look-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px #0f172a1a}.sc-look-hero{width:100%;aspect-ratio:3 / 4;background:var(--accent-soft);display:flex;align-items:center;justify-content:center}.sc-look-hero img{width:100%;height:100%;object-fit:cover}.sc-look-placeholder{color:var(--muted);font-size:16px;padding:24px;text-align:center}.sc-look-meta{padding:14px;display:flex;flex-direction:column;gap:6px}.sc-look-title{margin:0;font-size:17px}.sc-look-rationale{margin:0;color:var(--muted);font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sc-look-price{margin:4px 0 0;font-weight:700}.sc-look-price-currency{font-weight:400;color:var(--muted);font-size:12px}.sc-back{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:14px;padding:0;margin-bottom:12px}.sc-detail-head{margin-bottom:18px}.sc-detail-head h1{margin:4px 0 6px;font-size:clamp(24px,3vw,32px)}.sc-detail-rationale{margin:0;color:var(--muted);line-height:1.6;max-width:760px}.sc-detail-price{margin:12px 0 0;font-weight:700}.sc-slot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:20px 0}.sc-slot-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.sc-slot-card img{width:100%;aspect-ratio:1;object-fit:cover}.sc-slot-meta{padding:10px;display:flex;flex-direction:column;gap:2px}.sc-slot-kind{margin:0;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.sc-slot-name{margin:0;font-size:14px;font-weight:600}.sc-slot-brand,.sc-slot-price{margin:0;font-size:12px;color:var(--muted)}.sc-slot-price{font-weight:700;color:var(--ink)}.sc-slot-actions{display:flex;gap:6px;margin-top:8px}.sc-slot-btn{flex:1;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;cursor:pointer}.sc-slot-btn:hover{background:var(--accent-soft)}.sc-slot-btn:disabled{opacity:.5;cursor:not-allowed}.sc-refine{margin:18px 0 4px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 18px}.sc-refine-row{display:flex;gap:10px;align-items:stretch;margin-top:4px}.sc-refine-input{flex:1;margin-bottom:0!important}.sc-refine-hint{margin:10px 0 0;color:var(--muted);font-size:13px}.sc-lane-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:0 0 22px}.sc-lane-tab{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:12px 14px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:border-color .16s ease,transform .16s ease}.sc-lane-tab:hover{transform:translateY(-1px)}.sc-lane-tab.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.sc-lane-tab:disabled{opacity:.6;cursor:wait}.sc-lane-label{font-weight:700;font-size:14px}.sc-lane-blurb{font-size:12px;color:var(--muted)}.sc-drift-banner{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px 20px;background:color-mix(in srgb,var(--accent) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:14px;margin-bottom:18px;flex-wrap:wrap}.sc-drift-text{flex:1;min-width:200px}.sc-inspire-help{margin:0 0 10px;color:var(--muted);font-size:13px}.sc-inspire-row{display:flex;gap:10px;align-items:stretch;margin-bottom:10px}.sc-inspire-input{flex:1;margin-bottom:0!important}.sc-inspire-list{margin-top:6px}.sc-inspire-chip{cursor:pointer}.sc-inspire-x{margin-left:4px;opacity:.6;font-weight:400}.sc-detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.sc-action{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;min-width:140px}.sc-action.save{background:var(--success);color:#fff;border-color:var(--success)}.sc-action.dislike{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--line))}.sc-action.swap{color:var(--ink)}.sc-action.handoff{background:var(--accent);color:#fff;border-color:var(--accent)}.sc-action.handoff.secondary{background:var(--surface);color:var(--accent)}.sc-action:disabled{opacity:.5;cursor:not-allowed}.sc-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;border-radius:10px;padding:10px 16px;font-size:13px;z-index:100}.sc-empty{color:var(--muted);padding:30px 0;text-align:center}.sc-look-card--saved{display:flex;flex-direction:column;cursor:default}.sc-look-card--saved:hover{transform:none}.sc-look-clickable{cursor:pointer}.sc-saved-actions{display:flex;gap:8px;padding:0 14px 14px}.sc-saved-btn{flex:1;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer}.sc-saved-btn.handoff{background:var(--accent);color:#fff;border-color:var(--accent)}.sc-saved-btn.ghost{color:var(--muted)}.sc-saved-btn:disabled{opacity:.5;cursor:not-allowed}.sc-dna-progress{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:16px 0 24px}.sc-dna-progress-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sc-progress-bar{margin-top:12px;width:100%;height:8px;background:var(--accent-soft);border-radius:999px;overflow:hidden}.sc-progress-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .22s ease}.sc-dna-progress-foot{margin:10px 0 0;color:var(--muted);font-size:13px}.sc-section-title{margin:24px 0 12px;font-size:16px;font-weight:700}.sc-profile-axes{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.sc-axes-list{display:flex;flex-direction:column;gap:10px}.sc-axis-row{display:grid;grid-template-columns:120px 1fr 48px;align-items:center;gap:12px}.sc-axis-name{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.sc-axis-bar{height:6px;background:var(--accent-soft);border-radius:999px;overflow:hidden}.sc-axis-fill{height:100%;background:var(--accent);border-radius:999px}.sc-axis-weight{font-size:12px;color:var(--muted);text-align:right}.sc-profile-form{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;margin-top:18px}.sc-profile-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.sc-boldness-row{display:flex;align-items:center;gap:10px;margin:0 0 22px;flex-wrap:wrap}.sc-boldness-label{font-size:13px;color:var(--muted);font-weight:600}.sc-budget-row{display:flex;align-items:center;gap:12px;margin:0 0 22px;flex-wrap:wrap}.sc-budget-range{flex:1;min-width:200px;accent-color:var(--accent)}.sc-budget-value{font-weight:700;min-width:80px;text-align:right}.sc-recal-banner{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px 20px;background:color-mix(in srgb,var(--accent) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:14px;margin-bottom:18px;flex-wrap:wrap}.sc-recal-title{margin:0;font-weight:700;font-size:15px}.sc-recal-body{margin:4px 0 0;color:var(--muted);font-size:13px;max-width:540px}