:root{--bg-primary:#fff;--bg-secondary:#f7f8fa;--bg-tertiary:#f0f2f5;--accent-primary:#4f46e5;--accent-hover:#4338ca;--accent-light:#e0e7ff;--accent-text:#4338ca;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-inverse:#fff;--border-light:#e5e7eb;--border-medium:#d1d5db;--border-focus:#4f46e5;--status-success:#10b981;--status-info:#3b82f6;--status-error:#ef4444;--status-error-bg:#fef2f2;--status-info-bg:#eff6ff;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 10px 25px #00000014;--shadow-accent:0 4px 12px #4f46e540;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:15px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.3;--line-height-normal:1.5;--line-height-relaxed:1.6;--touch-target-min:44px;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-secondary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}body,html{overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.ad-wrap{background:#fff;color:#0f172a;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0 auto;max-width:430px}.ad-topbar{align-items:center;display:flex;justify-content:space-between;padding:8px 12px}.ad-icon-btn{background:#0000;border:none;cursor:pointer;font-size:20px}.ad-status{font-weight:600;opacity:.7}.ad-system-icons{letter-spacing:4px;opacity:.5}.ad-hero{height:260px;overflow:hidden;position:relative;width:100%}.ad-hero img{display:block;height:100%;object-fit:cover;width:100%}.ad-hero-nav{background:#00000059;border:none;border-radius:18px;color:#fff;cursor:pointer;font-size:26px;height:36px;position:absolute;top:50%;transform:translateY(-50%);width:36px}.ad-hero-nav.left{left:10px}.ad-hero-nav.right{right:10px}.ad-dots{bottom:10px;display:flex;gap:6px;justify-content:center;position:absolute;width:100%}.ad-dot{background:#ffffff80;border-radius:999px;cursor:pointer;height:8px;width:8px}.ad-dot.active{background:#fff}.ad-body{padding:16px}.ad-title-row{align-items:center;display:flex;justify-content:space-between}.ad-title{font-size:22px;margin:0}.ad-icon-badge{background:#eef2ff;border:none;border-radius:10px;cursor:pointer;padding:6px 8px}.ad-desc{color:#334155;line-height:1.5;margin:10px 0 14px}.ad-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.ad-chip{background:#eaf2ff;border-radius:999px;color:#1e3a8a;font-size:13px;padding:6px 10px}.ad-section{font-size:16px;margin:18px 0 10px}.ad-grid-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.ad-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px}.ad-card.wide{grid-column:1/-1}.ad-card-label{color:#475569;font-size:13px;margin-bottom:6px}.ad-card-value{font-size:20px;font-weight:700}.ad-accordion{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:14px}.ad-accordion>summary{cursor:pointer;font-weight:600;list-style:none;padding:14px}.ad-accordion[open]>summary{border-bottom:1px solid #e2e8f0}.ad-accordion-body{color:#334155;padding:12px 14px}.ad-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin:18px 0 24px}.ad-btn{border:1px solid #cbd5e1;border-radius:12px;cursor:pointer;font-weight:600;padding:12px 14px}.ad-btn,.ad-btn.ghost{background:#fff}.ad-btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}.ex-wrap{background:#f7f9fc;color:#0f172a;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto;margin:0 auto;max-width:430px}.ex-topbar{align-items:center;background:#fff;display:flex;justify-content:space-between;padding:10px 14px}.ex-icon{background:#0000;border:none;cursor:pointer;font-size:20px}.ex-status{font-weight:600;opacity:.7}.ex-sys{letter-spacing:4px;opacity:.5}.ex-header{align-items:center;display:flex;justify-content:space-between;padding:8px 16px}.ex-title{color:#6b7280;font-size:14px;margin:0}.ex-bubble{background:#eef2ff;border-radius:12px;padding:6px 8px}.ex-search{display:flex;gap:8px;padding:8px 16px}.ex-search input{flex:1 1;font-size:14px;padding:12px 14px}.ex-mic,.ex-search input{background:#fff;border:1px solid #e2e8f0;border-radius:14px}.ex-mic{cursor:pointer;padding:0 12px}.ex-tabs{display:flex;gap:12px;overflow-x:auto;padding:6px 16px 10px}.ex-tab{background:#fff;border:1px solid #e2e8f0;border-radius:16px;cursor:pointer;font-weight:600;padding:10px 14px}.ex-tab.active{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.ex-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;padding:10px 16px 24px}.ex-loading{color:#475569;grid-column:1/-1;padding:16px}.ex-empty{color:#94a3b8;grid-column:1/-1;padding:24px;text-align:center}.ex-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 2px #0000000a;overflow:hidden}.ex-imgwrap{height:110px;overflow:hidden;position:relative}.ex-imgwrap img{display:block;height:100%;object-fit:cover;width:100%}.ex-heart{background:#ffffffe6;border:none;border-radius:999px;cursor:pointer;font-size:18px;height:34px;position:absolute;right:8px;top:8px;width:34px}.ex-card-body{padding:10px 12px}.ex-card-title{font-weight:700;margin-bottom:4px}.ex-card-sub{color:#64748b;font-size:13px;line-height:1.3;min-height:34px}.ex-card-row{align-items:center;display:flex;gap:6px;margin-top:6px}.ex-rate{font-weight:700}.ex-star{color:#f59e0b}.cmp-wrap{background:#f7f9fc;color:#0f172a;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto;margin:0 auto;max-width:430px}.cmp-topbar{align-items:center;background:#eef2f7;display:flex;justify-content:space-between;padding:12px 14px}.cmp-icon{background:#0000;border:none;cursor:pointer;font-size:20px}.cmp-title{font-size:20px;font-weight:700}.cmp-chat{background:#eef2ff;border-radius:12px;padding:6px 8px}.cmp-picker{align-items:center;display:flex;flex-wrap:wrap;gap:10px;padding:12px 14px}.cmp-input{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1 1;min-width:200px;padding:10px 12px}.cmp-note{color:#475569}.cmp-err,.cmp-note{font-size:13px;padding:8px 14px}.cmp-err{color:#b91c1c}.cmp-table{border:1px solid #e2e8f0;border-radius:12px;margin:10px 14px;overflow:hidden}.cmp-row{display:grid;grid-template-columns:1.2fr 1fr 1fr}.cmp-head{background:#f1f5f9;font-weight:700}.cmp-row.alt{background:#f8fafc}.cmp-cell{border-bottom:1px solid #e2e8f0;padding:14px}.star{color:#f59e0b;margin-right:6px}.cmp-reco{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin:14px;padding:14px}.cmp-reco-head{font-weight:700;margin-bottom:6px}.cmp-reco-name{font-size:20px;font-weight:800;margin-bottom:6px}.cmp-reco-text{color:#334155;line-height:1.5}.cmp-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.cmp-tag{background:#eaf2ff;border-radius:999px;color:#1e3a8a;font-size:13px;padding:6px 10px}.chat-interface{border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:600px;max-width:100%;width:100%}.chat-header,.chat-interface{background:var(--bg-primary);min-width:0;overflow:hidden}.chat-header{border-bottom:1px solid var(--border-light);color:var(--text-primary);padding:var(--space-3) var(--space-4)}.chat-header h2{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.progress-pills{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:var(--space-2);margin-top:0;mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000);overflow-x:auto;padding-bottom:var(--space-1);padding-right:var(--space-4);scrollbar-color:var(--border-medium) #0000;scrollbar-width:thin}.progress-pills::-webkit-scrollbar{height:4px}.progress-pills::-webkit-scrollbar-track{background:#0000}.progress-pills::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:2px}.pill{background:var(--accent-light);border:1px solid #0000;border-radius:var(--radius-pill);color:var(--accent-text);flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-3);white-space:nowrap}.chat-messages{background:var(--bg-secondary);flex:1 1;overflow-y:auto;padding:var(--space-5)}.message{animation:slideIn .3s ease-out;display:flex;flex-direction:column;margin-bottom:16px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-content{word-wrap:break-word;border-radius:18px;line-height:1.5;max-width:70%;padding:12px 16px}.message-user .message-content{align-self:flex-end;background:var(--accent-primary);border-bottom-right-radius:4px;color:var(--text-inverse)}.message-agent .message-content{align-self:flex-start;background:var(--bg-primary);border:1px solid var(--border-light);border-bottom-left-radius:4px;box-shadow:var(--shadow-sm);color:var(--text-primary)}.message-system .message-content{background:var(--status-info-bg);color:var(--status-info);font-size:var(--font-size-sm)}.message-error .message-content,.message-system .message-content{align-self:center;border-radius:var(--radius-lg);max-width:80%;text-align:center}.message-error .message-content{background:var(--status-error-bg);color:var(--status-error)}.message-content p{font-size:15px;margin:0}.message-time{align-self:flex-end;color:var(--text-muted);font-size:var(--font-size-xs);margin-top:var(--space-1)}.option-cards{align-self:flex-start;display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3);max-width:85%;width:100%}.option-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-base);gap:var(--space-3);min-height:var(--touch-target-min);padding:var(--space-3) var(--space-4);text-align:left;transition:all var(--transition-base);width:100%}.option-card:hover:not(:disabled){background:var(--accent-light);border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.option-card:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}.option-card:disabled{cursor:not-allowed;opacity:.5}.option-card-number{align-items:center;background:var(--accent-light);border-radius:var(--radius-pill);color:var(--accent-text);display:inline-flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);height:28px;justify-content:center;width:28px}.option-card:hover:not(:disabled) .option-card-number{background:var(--accent-primary);color:var(--text-inverse)}.option-card-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.option-card-label{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.option-card-label,.option-card-sublabel{line-height:var(--line-height-tight);word-break:break-word}.option-card-sublabel{color:var(--text-secondary);font-size:var(--font-size-sm)}.message-user .message-time{align-self:flex-end}.message-agent .message-time{align-self:flex-start}.completeness-bar{background:#0000000d;border-radius:10px;height:20px;margin-top:12px;overflow:hidden;position:relative}.completeness-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);height:100%;transition:width .5s ease}.completeness-text{color:#333;font-size:11px;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.typing{align-self:flex-start}.typing-indicator{background:#fff;border-radius:18px;border-bottom-left-radius:4px;box-shadow:0 2px 8px #00000014;display:flex;gap:4px;padding:16px 20px}.typing-indicator span{animation:typing 1.4s infinite;background:#999;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.generating{align-self:center}.generating-status{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;gap:16px;padding:20px 24px}.spinner{animation:spin 1s linear infinite;border-top:4px solid var(--bg-tertiary);border:4px solid var(--bg-tertiary);border-radius:50%;border-top-color:var(--accent-primary);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-text{text-align:left}.status-text p{color:#666;font-size:14px;margin:4px 0}.progress-counter{color:#999;font-size:12px;font-style:italic;margin-top:8px}.progress-bar{background:#e0e0e0;border-radius:4px;height:8px;margin-top:12px;overflow:hidden;width:100%}.progress-bar-fill{background:var(--accent-primary);border-radius:4px;height:100%;transition:width .5s ease}.progress-percentage{color:var(--accent-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-top:var(--space-2);text-align:center}.chat-input-form{background:#fff;border-top:1px solid #e0e0e0;display:flex;gap:12px;padding:16px 20px}.chat-input{border:2px solid #e0e0e0;border-radius:24px;flex:1 1;font-size:15px;outline:none;padding:12px 16px;transition:border-color .3s}.chat-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-light)}.chat-input:disabled{background:#f5f5f5;cursor:not-allowed}.chat-send-btn{align-items:center;background:var(--accent-primary);border:none;border-radius:var(--radius-pill);color:var(--text-inverse);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-xl);height:48px;justify-content:center;transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);width:48px}.chat-send-btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-accent);transform:scale(1.05)}.chat-send-btn:active:not(:disabled){transform:scale(.95)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.5}.chat-send-loading{animation:spin .8s linear infinite;border:2px solid #fff6;border-radius:50%;border-top:2px solid var(--text-inverse);display:inline-block;height:16px;width:16px}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1}.chat-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width:768px){.chat-interface{border-radius:var(--radius-md);height:calc(100vh - 100px);height:calc(100dvh - 100px);min-height:480px}.chat-header{padding:var(--space-2) var(--space-3)}.chat-header h2{font-size:var(--font-size-sm)}.chat-messages{padding:var(--space-3)}.message{margin-bottom:var(--space-3)}.message-content{font-size:var(--font-size-base);max-width:88%;padding:var(--space-2) var(--space-3)}.option-cards{max-width:95%}.chat-input-form,.option-card{padding:var(--space-3)}.chat-input-form{gap:var(--space-2)}.chat-input{font-size:var(--font-size-md);height:48px;min-height:48px;padding:0 var(--space-4)}.chat-send-btn{height:48px;min-width:48px;width:48px}}@media (max-width:400px){.chat-interface{border-radius:var(--radius-sm);height:calc(100vh - 80px);height:calc(100dvh - 80px)}.chat-messages{padding:var(--space-2)}.message-content{max-width:90%}}.rec-card{animation:recCardFadeIn .5s ease-out;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);max-width:100%;min-width:0;overflow:hidden;width:100%}@keyframes recCardFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.rec-hero{background:var(--bg-tertiary);height:200px;overflow:hidden;position:relative;width:100%}.rec-hero-img{display:block;height:100%;object-fit:cover;width:100%}.rec-hero-placeholder{align-items:center;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-hover) 100%);display:flex;height:100%;justify-content:center;padding:var(--space-4);width:100%}.rec-hero-placeholder-text{color:var(--text-inverse);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;text-align:center}.rec-hero-overlay{background:linear-gradient(180deg,#0000 40%,#00000080);inset:0;pointer-events:none;position:absolute}.rec-rank-badge{align-items:center;background:gold;border-radius:var(--radius-pill);box-shadow:var(--shadow-md);color:#1f2937;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);height:40px;justify-content:center;min-width:40px;padding:0 var(--space-3);position:absolute;right:var(--space-3);top:var(--space-3);z-index:2}.rec-match-score{bottom:var(--space-4);color:var(--text-inverse);left:var(--space-4);position:absolute;z-index:2}.rec-match-number{font-size:40px;font-weight:var(--font-weight-bold);line-height:1;text-shadow:0 2px 8px #00000080}.rec-match-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.1em;margin-top:var(--space-1);text-shadow:0 1px 4px #00000080;text-transform:uppercase}.rec-body{padding:var(--space-5)}.rec-name{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:-.01em;line-height:var(--line-height-tight);margin:0 0 var(--space-3) 0}.rec-description{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0 0 var(--space-4) 0}.rec-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.rec-tag{align-items:baseline;background:var(--accent-light);border-radius:var(--radius-pill);color:var(--accent-text);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.4;padding:var(--space-1) var(--space-3);white-space:nowrap}.rec-tag-metric{color:var(--accent-text);font-weight:var(--font-weight-normal);opacity:.7}.rec-section{margin-bottom:var(--space-5)}.rec-section:last-of-type{margin-bottom:0}.rec-section-title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3) 0}.rec-metric-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr}.rec-metric-grid-single{grid-template-columns:1fr}.rec-metric-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);min-width:0;padding:var(--space-3) var(--space-4)}.rec-metric-label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-bottom:var(--space-1)}.rec-metric-value{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1.2}.rec-metric-unit{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);margin-left:2px}.rec-feedback{align-items:center;border-top:1px solid var(--border-light);display:flex;gap:var(--space-3);margin-top:var(--space-5);padding:var(--space-3) 0}.rec-feedback-prompt{color:var(--text-secondary);flex:1 1;font-size:var(--font-size-sm)}.rec-feedback-error{color:var(--status-error);flex-basis:100%;font-size:var(--font-size-xs);margin-top:var(--space-2)}.rec-reviews{background:var(--accent-light);border-left:3px solid var(--accent-primary);border-radius:var(--radius-md);margin-top:var(--space-5);padding:var(--space-4) var(--space-5)}.rec-reviews-title{color:var(--accent-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin:0 0 var(--space-3) 0;text-transform:uppercase}.rec-review-quote{margin:0;padding:0}.rec-review-quote p{color:var(--text-primary);font-size:var(--font-size-sm);font-style:italic;line-height:var(--line-height-relaxed);margin:0 0 var(--space-2) 0}.rec-review-attribution{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.rec-review-count{color:var(--text-muted);font-weight:var(--font-weight-normal)}@media (max-width:480px){.rec-reviews{margin-top:var(--space-4);padding:var(--space-3) var(--space-4)}}.rec-share-link-wrap{padding:var(--space-2) 0 var(--space-3) 0;text-align:center}.rec-share-link{border-radius:var(--radius-pill);color:var(--accent-primary);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.5;min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3);text-decoration:none;transition:background var(--transition-base)}.rec-share-link:hover{background:var(--accent-light);text-decoration:underline}.rec-thumb{align-items:center;background:#0000;border:1px solid var(--border-light);border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-size:var(--font-size-md);height:var(--touch-target-min);justify-content:center;padding:0;transition:all var(--transition-base);width:var(--touch-target-min)}.rec-thumb:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.rec-thumb-active{background:var(--accent-light);border-color:var(--accent-primary);transform:scale(1.05)}.rec-expand-btn{background:#0000;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--accent-primary);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-top:var(--space-4);min-height:var(--touch-target-min);padding:var(--space-3);transition:all var(--transition-base);width:100%}.rec-expand-btn:hover{background:var(--accent-light);border-color:var(--accent-primary)}.rec-expanded{animation:recExpandIn .3s ease-out;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-top:var(--space-4);padding:var(--space-4)}@keyframes recExpandIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.rec-headline{color:var(--accent-text);font-size:var(--font-size-base);font-style:italic;font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);margin:0 0 var(--space-4) 0}.rec-detail-section{margin-bottom:var(--space-5)}.rec-detail-section:last-child{margin-bottom:0}.rec-detail-title{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;margin:0 0 var(--space-3) 0;text-transform:uppercase}.rec-detail-section p{color:var(--text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.rec-highlights{list-style:none;margin:0;padding:0}.rec-highlights li{color:var(--text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);padding:var(--space-2) 0 var(--space-2) var(--space-4);position:relative}.rec-highlights li:before{color:var(--accent-primary);content:"•";font-weight:var(--font-weight-bold);left:var(--space-2);position:absolute}.rec-score-breakdown{display:flex;flex-direction:column;gap:var(--space-3)}.rec-score-item{min-width:0}.rec-score-item-header{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-1)}.rec-category-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.rec-category-score{color:var(--text-secondary);flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.rec-score-bar{background:var(--border-light);border-radius:var(--radius-pill);height:6px;overflow:hidden}.rec-score-bar-fill{border-radius:var(--radius-pill);height:100%;transition:width .5s ease}@media (max-width:768px){.rec-hero{height:180px}.rec-match-number{font-size:36px}.rec-name{font-size:var(--font-size-xl)}.rec-body{padding:var(--space-4)}.rec-metric-grid{gap:var(--space-2);grid-template-columns:1fr 1fr}.rec-metric-card{padding:var(--space-3)}.rec-metric-value{font-size:var(--font-size-md)}}@media (max-width:400px){.rec-hero{height:160px}.rec-body{padding:var(--space-3)}.rec-section{margin-bottom:var(--space-4)}.rec-hero-placeholder-text{font-size:var(--font-size-xl)}}.ai-chat-page{background:var(--bg-secondary);display:flex;flex-direction:column;min-height:100vh}.page-header{background:var(--bg-primary);border-bottom:1px solid var(--border-light);padding:var(--space-5) var(--space-10)}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.logo-section h1{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-1) 0}.tagline{color:var(--text-secondary);font-weight:var(--font-weight-normal);margin:0}.start-over-btn,.tagline{font-size:var(--font-size-sm)}.start-over-btn{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-pill);color:var(--accent-primary);cursor:pointer;font-weight:var(--font-weight-semibold);min-height:var(--touch-target-min);padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.start-over-btn:hover:not(:disabled){background:var(--accent-light);border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.start-over-btn:active:not(:disabled){transform:translateY(0)}.start-over-btn:disabled{cursor:not-allowed;opacity:.6}.header-actions{align-items:center;display:flex;gap:var(--space-3)}.share-review-link{align-items:center;border-radius:var(--radius-pill);color:var(--accent-primary);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3);text-decoration:none;transition:background var(--transition-base);white-space:nowrap}.share-review-link:hover{background:var(--accent-light)}.page-main{flex:1 1;overflow-y:auto;padding:40px}.content-container{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:500px 1fr;margin:0 auto;max-width:1400px}.chat-section{min-width:0;position:sticky;top:20px}.recommendations-section{min-height:600px;min-width:0}.empty-state{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a;padding:60px 40px;text-align:center}.empty-icon{animation:float 3s ease-in-out infinite;font-size:80px;margin-bottom:24px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state h2{color:#333;font-size:28px;font-weight:700;margin:0 0 12px}.empty-state p{color:#666;font-size:16px;line-height:1.6;margin:0 0 32px}.features-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:32px}.feature-item{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;gap:12px;padding:16px;text-align:left}.feature-icon{font-size:24px}.feature-text{color:#333;font-size:14px;font-weight:500}.recommendations-container{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.recommendations-header{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a;margin-bottom:24px;padding:32px}.recommendations-header h2{color:#333;font-size:32px;font-weight:700;margin:0 0 12px}.results-summary{color:#666;font-size:16px;line-height:1.6;margin:0}.recommendations-list{margin-bottom:24px}.no-results{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a;padding:40px;text-align:center}.no-results p{color:#666;font-size:16px;margin:0}.top-pick-banner{background:linear-gradient(135deg,gold,orange);border-radius:16px;box-shadow:0 4px 16px #ffd7004d;margin-top:24px;padding:20px 32px}.banner-content{align-items:center;display:flex;gap:16px}.banner-icon{font-size:32px}.banner-text{color:#333;font-size:18px;font-weight:500}.banner-text strong{font-weight:700}.page-footer{align-items:center;background:var(--bg-primary);border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5) var(--space-10);text-align:center}.page-footer p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.footer-share-link{color:var(--accent-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none}.footer-link,.footer-share-link:hover{text-decoration:underline}.footer-link{color:var(--accent-primary);margin-left:var(--space-2);transition:opacity var(--transition-base)}.footer-link:hover{opacity:.8}@media (max-width:1200px){.content-container{gap:30px;grid-template-columns:450px 1fr}}@media (max-width:992px){.content-container{gap:30px;grid-template-columns:1fr}.chat-section{position:static}.features-list{grid-template-columns:1fr}}@media (max-width:768px){.page-header{padding:var(--space-3) var(--space-4)}.header-content{align-items:center;flex-direction:row;gap:var(--space-3);justify-content:space-between}.logo-section h1{font-size:var(--font-size-lg);line-height:1.1;margin:0}.tagline{color:var(--text-secondary);display:block;font-size:var(--font-size-xs);line-height:1.2;margin:2px 0 0}.start-over-btn{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4)}.header-actions{gap:var(--space-2)}.share-review-link{font-size:var(--font-size-xs);padding:var(--space-2)}.page-main{padding:var(--space-3)}.content-container{gap:var(--space-3)}.recommendations-section .empty-state{display:none}.recommendations-section{min-height:0}.page-footer{display:none}.empty-state{padding:var(--space-8) var(--space-4)}.empty-state h2{font-size:var(--font-size-xl)}.recommendations-header{padding:var(--space-5)}.recommendations-header h2{font-size:var(--font-size-xl)}}@media (max-width:400px){.page-header{padding:var(--space-2) var(--space-3)}.logo-section h1{font-size:var(--font-size-md)}.start-over-btn{padding:var(--space-2) var(--space-3)}.page-main{padding:var(--space-2)}}.submit-review-page{background:var(--bg-secondary);display:flex;flex-direction:column;min-height:100vh}.sr-header{background:var(--bg-primary);border-bottom:1px solid var(--border-light);padding:var(--space-5) var(--space-6)}.sr-header-inner{margin:0 auto;max-width:720px}.sr-back-link{color:var(--accent-primary);display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);min-height:var(--touch-target-min);padding:var(--space-2) 0;text-decoration:none}.sr-back-link:hover{text-decoration:underline}.sr-header h1{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.sr-tagline{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0}.sr-main{flex:1 1;padding:var(--space-6)}.sr-form{display:flex;flex-direction:column;gap:var(--space-6);margin:0 auto;max-width:720px}.sr-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg,12px);padding:var(--space-6)}.sr-section h2{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-4) 0}.sr-section-hint{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-4) 0}.sr-row{flex-wrap:wrap;gap:var(--space-4)}.sr-field,.sr-row{display:flex;margin-bottom:var(--space-4)}.sr-field{flex:1 1;flex-direction:column;gap:var(--space-2);min-width:0}.sr-field:last-child,.sr-row .sr-field{margin-bottom:0}.sr-field-narrow{flex:0 0 110px}.sr-field label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.sr-field input[type=text],.sr-field select,.sr-field textarea{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-md,8px);box-sizing:border-box;color:var(--text-primary);font:inherit;min-height:var(--touch-target-min);padding:var(--space-3) var(--space-4);transition:border-color .15s ease;transition:border-color var(--transition-base,.15s ease);width:100%}.sr-field textarea{font-family:inherit;line-height:1.5;min-height:160px;resize:vertical}.sr-field input:focus,.sr-field select:focus,.sr-field textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f126;box-shadow:0 0 0 3px var(--accent-light,#6366f126);outline:none}.sr-char-counter{color:var(--text-secondary);font-size:12px;font-size:var(--font-size-xs,12px);margin-top:-2px;text-align:right}.sr-counter-ok{color:var(--accent-primary)}.sr-counter-ok,.sr-counter-warn{font-weight:var(--font-weight-semibold)}.sr-counter-warn{color:var(--text-secondary)}.sr-counter-hint{font-style:italic}.sr-radio-group{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr}@media (max-width:480px){.sr-radio-group{grid-template-columns:1fr}}.sr-radio-card{align-items:flex-start;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;display:flex;gap:var(--space-3);min-height:var(--touch-target-min);padding:var(--space-4);transition:all .15s ease;transition:all var(--transition-base,.15s ease)}.sr-radio-card:hover{background:#6366f10d;background:var(--accent-light,#6366f10d);border-color:var(--accent-primary)}.sr-radio-selected{background:#6366f114;background:var(--accent-light,#6366f114);border-color:var(--accent-primary);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm,0 1px 2px #0000000d)}.sr-radio-card input[type=radio]{accent-color:var(--accent-primary);flex-shrink:0;height:18px;margin-top:2px;width:18px}.sr-radio-label{display:flex;flex-direction:column;gap:2px}.sr-radio-label strong{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.sr-radio-desc{color:var(--text-secondary);font-size:12px;font-size:var(--font-size-xs,12px);line-height:1.4}.sr-rating-field{margin-top:var(--space-4)}.sr-stars{align-items:center;display:flex;gap:var(--space-1)}.star-btn{background:none;border:none;color:#d4d4d8;color:var(--border-light,#d4d4d8);cursor:pointer;font-size:28px;line-height:1;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-2);transition:color .15s ease,transform .1s ease;transition:color var(--transition-base,.15s ease),transform .1s ease}.star-btn:hover{color:#facc15;transform:scale(1.1)}.star-filled{color:#f59e0b}.sr-clear-rating{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:12px;font-size:var(--font-size-xs,12px);margin-left:var(--space-2);padding:var(--space-2);text-decoration:underline}.sr-clear-rating:hover{color:var(--text-primary)}.sr-message{border-radius:8px;border-radius:var(--radius-md,8px);font-size:var(--font-size-sm);line-height:1.5;padding:var(--space-4) var(--space-5)}.sr-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.sr-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.sr-success-id{color:var(--text-secondary);font-family:monospace;font-size:12px;font-size:var(--font-size-xs,12px);margin-top:var(--space-2)}.sr-actions{display:flex;justify-content:flex-end}.sr-submit-btn{background:var(--accent-primary);border:none;border-radius:var(--radius-pill);color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);min-height:var(--touch-target-min);min-width:180px;padding:var(--space-3) var(--space-8);transition:all .15s ease;transition:all var(--transition-base,.15s ease)}.sr-submit-btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.sr-submit-btn:active:not(:disabled){transform:translateY(0)}.sr-submit-btn:disabled{background:#d4d4d8;background:var(--border-light,#d4d4d8);cursor:not-allowed;opacity:.7}@media (max-width:480px){.sr-header{padding:var(--space-4)}.sr-header h1{font-size:var(--font-size-lg)}.sr-main,.sr-section{padding:var(--space-4)}.sr-row{flex-direction:column;gap:var(--space-3)}.sr-field-narrow{flex:1 1}.sr-actions{justify-content:stretch}.sr-submit-btn{width:100%}}
/*# sourceMappingURL=main.972445d1.css.map*/