@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #7C6EFA;--primary-hover: #6558F5;--primary-light: rgba(124,110,250,.12);--primary-muted: rgba(124,110,250,.35);--accent: #F472B6;--accent2: #34D399;--bg: #0D0D12;--surface: rgba(255,255,255,.04);--surface-hover: rgba(255,255,255,.07);--surface-solid: #18181F;--glass: rgba(255,255,255,.06);--glass-border: rgba(255,255,255,.1);--white: #FFFFFF;--text: #F0EFFF;--text-secondary: rgba(240,239,255,.6);--text-muted: rgba(240,239,255,.35);--border: rgba(255,255,255,.08);--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 8px 32px rgba(0,0,0,.4);--shadow-lg: 0 20px 60px rgba(0,0,0,.5);--shadow-glow: 0 0 40px rgba(124,110,250,.2);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--font: "Inter", system-ui, -apple-system, sans-serif}html,body,#root{height:100%;overflow-y:auto}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7c6efa4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#7c6efa80}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes msgIn{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounce{0%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-12px) rotate(1deg)}66%{transform:translateY(-6px) rotate(-1deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #34d39966}50%{box-shadow:0 0 16px #34d399cc,0 0 32px #34d39933}}@keyframes orb-drift{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.97)}to{transform:translate(0) scale(1)}}@keyframes orb-drift2{0%{transform:translate(0) scale(1)}33%{transform:translate(-25px,20px) scale(1.03)}66%{transform:translate(15px,-10px) scale(.98)}to{transform:translate(0) scale(1)}}@keyframes text-reveal{0%{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes dot-pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.app{min-height:100%;display:flex;flex-direction:column;position:relative}.app:before,.app:after{content:"";position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.app:before{width:600px;height:600px;background:radial-gradient(circle,rgba(124,110,250,.18) 0%,transparent 70%);top:-200px;right:-150px;animation:orb-drift 18s ease-in-out infinite}.app:after{width:500px;height:500px;background:radial-gradient(circle,rgba(244,114,182,.12) 0%,transparent 70%);bottom:-150px;left:-100px;animation:orb-drift2 22s ease-in-out infinite}.home,.loading,.persona-page,.chat,.summary-page{position:relative;z-index:1}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#7c6efa,#a78bfa);color:#fff;font-size:15px;font-weight:700;font-family:var(--font);padding:14px 32px;border:none;border-radius:var(--radius-full);cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,opacity .15s;box-shadow:0 4px 20px #7c6efa73,0 1px #ffffff26 inset;letter-spacing:.01em;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 60%);border-radius:inherit;opacity:0;transition:opacity .2s}.btn-primary:hover:not(:disabled):after{opacity:1}.btn-primary:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 8px 30px #7c6efa8c,0 1px #ffffff26 inset}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-primary:disabled{opacity:.35;box-shadow:none;cursor:not-allowed}.btn-full{width:100%}.back-btn{display:inline-flex;align-items:center;gap:6px;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;padding:7px 14px;transition:background .15s,color .15s,border-color .15s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.back-btn:hover{background:var(--surface-hover);color:var(--text);border-color:var(--primary-muted)}.home{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px 64px;gap:40px;min-height:100%}.home-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.home-badge{display:inline-flex;align-items:center;gap:6px;background:var(--primary-light);border:1px solid var(--primary-muted);color:#a78bfa;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 14px;border-radius:var(--radius-full);animation:fadeIn .6s ease both}.home-badge:before{content:"✦";font-size:9px;animation:spin 3s linear infinite;display:inline-block}.home-title{font-size:clamp(52px,10vw,88px);font-weight:900;letter-spacing:-.04em;line-height:.95;background:linear-gradient(135deg,#fff,#a78bfa 40%,#f472b6,#7c6efa);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:text-reveal .7s ease .1s both,shimmer 6s linear 1s infinite}.home-subtitle{font-size:17px;color:var(--text-secondary);max-width:400px;line-height:1.65;animation:fadeUp .7s ease .25s both}.home-form{width:100%;max-width:580px;display:flex;flex-direction:column;gap:14px;animation:fadeUp .7s ease .35s both}.input-wrapper{display:flex;flex-direction:column;gap:8px}.home-textarea{width:100%;background:#1a1a24;border:1.5px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:18px 20px;font-size:15px;font-family:var(--font);color:#f0efff;resize:none;line-height:1.65;transition:border-color .2s,box-shadow .2s,background .2s}.home-textarea:focus{outline:none;border-color:var(--primary);background:#1e1a30;box-shadow:0 0 0 4px #7c6efa24,0 4px 24px #0000004d}.home-textarea::placeholder{color:#f0efff4d}.input-label{font-size:12px;font-weight:600;letter-spacing:.04em;color:#f0efff73;text-transform:uppercase;padding-left:2px}.input-label-optional{font-weight:400;text-transform:none;letter-spacing:0;color:#f0efff40}.home-input{width:100%;background:#1a1a24;border:1.5px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:13px 18px;font-size:14px;font-family:var(--font);color:#f0efff;transition:border-color .2s,box-shadow .2s,background .2s;box-sizing:border-box}.home-input:focus{outline:none;border-color:var(--primary);background:#1e1a30;box-shadow:0 0 0 4px #7c6efa24,0 4px 24px #0000004d}.home-input::placeholder{color:#f0efff40}.char-hint{font-size:12px;color:var(--text-muted);padding-left:4px;transition:color .2s}.error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;font-size:14px;padding:12px 16px;border-radius:var(--radius-md);display:flex;align-items:flex-start;gap:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home-how-it-works{display:flex;align-items:center;gap:10px;background:#7c6efa0f;border:1px solid rgba(124,110,250,.15);border-radius:var(--radius-lg);padding:14px 18px;width:100%;max-width:580px;flex-wrap:wrap;animation:fadeUp .5s ease .15s both}.how-step{display:flex;align-items:center;gap:8px;flex:1;min-width:140px}.how-num{width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.how-text{font-size:12px;color:var(--text-secondary);line-height:1.4}.how-arrow{color:var(--text-muted);font-size:14px;flex-shrink:0}.home-storage-notice{font-size:11px;color:var(--text-muted);text-align:center;margin-top:4px;opacity:.6}.home-examples{width:100%;max-width:580px;display:flex;flex-direction:column;gap:10px;animation:fadeUp .7s ease .5s both}.examples-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding-left:2px}.examples-list{display:flex;flex-direction:column;gap:8px}.example-chip{background:#16151e;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:11px 16px;font-size:13px;font-family:var(--font);color:#f0efff8c;cursor:pointer;text-align:left;transition:border-color .2s,color .2s,background .2s,transform .15s;line-height:1.5}.example-chip:hover{border-color:#7c6efa80;color:#f0efff;background:#7c6efa1a;transform:translate(4px)}.loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;min-height:100%}.loading-logo{font-size:26px;font-weight:900;letter-spacing:-.04em;background:linear-gradient(135deg,#fff,#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-ring{position:relative;width:64px;height:64px}.loading-ring:before,.loading-ring:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.loading-ring:before{border:3px solid rgba(124,110,250,.15)}.loading-ring:after{border:3px solid transparent;border-top-color:#7c6efa;border-right-color:#f472b6;animation:spin 1s cubic-bezier(.6,0,.4,1) infinite}.loading-text{font-size:15px;color:var(--text-secondary);font-weight:500;animation:fadeIn .4s ease;min-height:22px}.persona-page{flex:1;display:flex;flex-direction:column;align-items:center;padding:28px 20px 60px;gap:18px}.persona-card{width:100%;max-width:680px;background:#13121c;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),0 0 80px #7c6efa1f;overflow:hidden;display:flex;flex-direction:column;animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1) both}.persona-header{background:linear-gradient(135deg,#2e1a6e,#5b21b6,#831843);padding:28px 28px 24px;display:flex;align-items:flex-start;gap:18px;position:relative;overflow:hidden}.persona-header:before{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.07) 0%,transparent 70%);border-radius:50%}.persona-header:after{content:"";position:absolute;bottom:-30px;left:30px;width:140px;height:140px;background:radial-gradient(circle,rgba(255,255,255,.04) 0%,transparent 70%);border-radius:50%}.persona-avatar{width:76px;height:76px;background:#ffffff1f;border:2px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:38px;flex-shrink:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:float 6s ease-in-out infinite;position:relative;z-index:1}.persona-headline{flex:1;color:#fff;position:relative;z-index:1;min-width:0}.persona-name{font-size:24px;font-weight:800;letter-spacing:-.02em;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.persona-role{font-size:14px;opacity:.75;font-weight:500;margin-bottom:5px}.persona-location{font-size:12px;opacity:.55}.tech-badge{position:absolute;top:20px;right:20px;font-size:11px;font-weight:700;padding:4px 12px;border-radius:var(--radius-full);letter-spacing:.04em;border:1px solid rgba(255,255,255,.2);z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.persona-quote{font-size:15px;font-style:italic;color:#c4b5fd;padding:22px 32px 22px 52px;border-bottom:1px solid rgba(255,255,255,.05);line-height:1.75;background:#7c6efa0d;position:relative}.persona-quote:before{content:'"';position:absolute;top:10px;left:22px;font-size:52px;color:#7c6efa;font-style:normal;line-height:1;opacity:.5}.persona-section{padding:20px 28px;border-bottom:1px solid rgba(255,255,255,.04)}.persona-section:last-of-type{border-bottom:none}.section-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff4d;margin-bottom:10px;display:flex;align-items:center;gap:6px}.section-label:before{content:"";display:inline-block;width:3px;height:12px;border-radius:2px;background:#ffffff40}.section-label.goals:before{background:#34d399}.section-label.frustrations:before{background:#f87171}.section-label.goals{color:#34d399}.section-label.frustrations{color:#f87171}.section-text{font-size:14px;color:#f0efffb3;line-height:1.75}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#7c6efa1f;border:1px solid rgba(124,110,250,.25);color:#c4b5fd;font-size:12px;font-weight:600;padding:5px 14px;border-radius:var(--radius-full);transition:background .15s,transform .15s;animation:dot-pop .3s ease both;cursor:default}.tag:nth-child(2){animation-delay:.05s}.tag:nth-child(3){animation-delay:.1s}.tag:nth-child(4){animation-delay:.15s}.tag:hover{background:#7c6efa40;transform:scale(1.05)}.persona-two-col{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid rgba(255,255,255,.04)}.persona-two-col>.persona-section{border-bottom:none}.persona-two-col>.persona-section:first-child{border-right:1px solid rgba(255,255,255,.04)}.bullet-list{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:4px}.bullet-list li{font-size:13.5px;color:#f0efffa6;line-height:1.55;padding-left:16px;position:relative}.bullet-list li:before{content:"•";position:absolute;left:0;color:#fff3}.section-label.goals~.bullet-list li:before{color:#34d39999}.section-label.frustrations~.bullet-list li:before{color:#f8717199}.persona-card>.btn-full{margin:20px 28px 28px;width:calc(100% - 56px);font-size:16px;padding:16px}.chat{flex:1;display:flex;flex-direction:column;height:100dvh;width:100%;background:transparent;overflow:hidden}.chat-header{display:flex;align-items:center;gap:12px;padding:14px clamp(16px,4vw,60px);background:var(--glass);border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:10}.back-btn-sm{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:7px 11px;font-size:15px;cursor:pointer;font-family:var(--font);color:var(--text-secondary);transition:border-color .15s,color .15s,background .15s;flex-shrink:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.back-btn-sm:hover{border-color:var(--primary-muted);color:var(--text);background:var(--surface-hover)}.chat-persona-info{display:flex;align-items:center;gap:10px;flex:1}.chat-avatar-sm{width:40px;height:40px;background:linear-gradient(135deg,#2e1a6e,#831843);border:1.5px solid rgba(255,255,255,.12);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.chat-persona-name{font-size:15px;font-weight:700;color:var(--text)}.chat-persona-role{font-size:12px;color:var(--text-muted)}.chat-online-dot{width:9px;height:9px;background:#34d399;border-radius:50%;flex-shrink:0;animation:pulse-glow 2s ease-in-out infinite}.end-interview-btn{background:transparent;border:1px solid rgba(248,113,113,.35);border-radius:var(--radius-full);color:#f87171bf;font-size:12px;font-weight:600;font-family:var(--font);padding:6px 14px;cursor:pointer;transition:border-color .15s,background .15s,color .15s,transform .15s;flex-shrink:0;white-space:nowrap}.end-interview-btn:hover:not(:disabled){border-color:#f87171;color:#f87171;background:#f871711a;transform:scale(1.03)}.end-interview-btn:disabled{opacity:.25;cursor:not-allowed}.chat-messages{flex:1;overflow-y:auto;padding:32px clamp(16px,8vw,160px) 16px;display:flex;flex-direction:column;gap:4px}.chat-day-label{text-align:center;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:14px;opacity:.5}.message-row{display:flex;align-items:flex-end;gap:8px;max-width:68%;animation:msgIn .25s cubic-bezier(.34,1.56,.64,1) both}.message-row-persona{align-self:flex-start}.message-row-user{align-self:flex-end;flex-direction:row-reverse}.msg-avatar{width:32px;height:32px;background:linear-gradient(135deg,#2e1a6e,#831843);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;margin-bottom:18px}.message-group{display:flex;flex-direction:column;gap:3px}.bubble{padding:11px 16px;border-radius:18px;font-size:14.5px;line-height:1.6;max-width:100%;word-break:break-word}.bubble-persona{background:var(--glass);border:1px solid var(--glass-border);color:var(--text);border-bottom-left-radius:5px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bubble-user{background:linear-gradient(135deg,#7c6efa,#a78bfa);color:#fff;border-bottom-right-radius:5px;box-shadow:0 4px 16px #7c6efa59}.msg-time{font-size:10px;color:var(--text-muted);padding:0 4px;opacity:.6}.msg-time-right{text-align:right}.typing-bubble{display:flex;align-items:center;gap:5px;padding:14px 18px;min-width:64px}.dot{width:7px;height:7px;border-radius:50%;background:#a78bfa;animation:bounce 1.3s ease-in-out infinite}.dot:nth-child(2){animation-delay:.18s}.dot:nth-child(3){animation-delay:.36s}.chat-input-bar{display:flex;flex-direction:column;gap:8px;padding:12px clamp(16px,8vw,160px) 20px;background:var(--glass);border-top:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.chat-input-row{display:flex;align-items:flex-end;gap:10px}.chat-attach-btn{width:40px;height:40px;flex-shrink:0;background:var(--glass);border:1.5px solid var(--glass-border);border-radius:var(--radius-sm);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}.chat-attach-btn:hover{border-color:var(--primary);background:#7c6efa1a}.chat-attach-btn:disabled{opacity:.4;cursor:not-allowed}.chat-image-attach{position:relative;display:inline-flex;align-items:flex-start;gap:6px}.chat-image-thumb{width:72px;height:72px;object-fit:cover;border-radius:var(--radius-sm);border:1.5px solid var(--primary)}.chat-image-remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;background:#1e1a30;border:1px solid var(--glass-border);border-radius:50%;color:var(--text-secondary);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.chat-image-remove:hover{color:#f87171;border-color:#f87171}.chat-image-preview{max-width:260px;max-height:200px;width:100%;border-radius:var(--radius-sm);border:1px solid var(--glass-border);display:block;margin-bottom:6px;object-fit:contain;background:#0000004d}.chat-textarea{flex:1;background:#16151e;border:1.5px solid rgba(255,255,255,.09);border-radius:var(--radius-md);padding:11px 15px;font-size:14px;font-family:var(--font);color:#f0efff;resize:none;line-height:1.55;max-height:120px;overflow-y:auto;transition:border-color .15s,box-shadow .15s,background .15s}.chat-textarea:focus{outline:none;border-color:var(--primary);background:#1e1a30;box-shadow:0 0 0 3px #7c6efa1f}.chat-textarea::placeholder{color:#f0efff47}.chat-textarea:disabled{opacity:.5}.send-btn{width:44px;height:44px;background:linear-gradient(135deg,#7c6efa,#a78bfa);border:none;border-radius:50%;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .15s,opacity .15s;font-family:var(--font);box-shadow:0 4px 14px #7c6efa66}.send-btn:hover:not(:disabled){transform:scale(1.1) rotate(-5deg);box-shadow:0 6px 20px #7c6efa8c}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.summary-page{flex:1;overflow-y:auto;padding:28px 20px 60px;display:flex;flex-direction:column;align-items:center}.summary-container{width:100%;max-width:640px;display:flex;flex-direction:column;gap:20px;animation:fadeUp .4s ease both}.summary-header{display:flex;align-items:center;justify-content:space-between}.copy-btn{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:13px;font-weight:600;font-family:var(--font);padding:7px 16px;cursor:pointer;transition:border-color .15s,color .15s,background .15s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.copy-btn:hover{border-color:var(--primary-muted);color:#a78bfa;background:var(--primary-light)}.summary-title-row{display:flex;align-items:center;gap:16px}.summary-avatar{width:60px;height:60px;background:linear-gradient(135deg,#2e1a6e,#831843);border:2px solid rgba(255,255,255,.12);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;flex-shrink:0}.summary-title{font-size:24px;font-weight:800;letter-spacing:-.03em;color:var(--text)}.summary-sub{font-size:13px;color:var(--text-muted);margin-top:3px}.summary-sections{display:flex;flex-direction:column;gap:10px}.summary-section{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:20px 22px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:border-color .2s,background .2s,transform .2s}.summary-section:hover{border-color:var(--primary-muted);background:var(--surface-hover);transform:translate(2px)}.summary-section-heading{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px;display:flex;align-items:center;gap:8px}.section-icon{font-size:15px}.summary-list{list-style:none;display:flex;flex-direction:column;gap:9px}.summary-list li{font-size:14px;color:var(--text-secondary);line-height:1.6;padding-left:18px;position:relative}.summary-list li:before{content:"▸";position:absolute;left:0;color:#7c6efa;font-size:12px;top:2px}.quotes-list li.quote-item{font-style:italic;color:var(--text-secondary);padding-left:14px;border-left:2px solid var(--primary-muted);padding-top:3px;padding-bottom:3px;margin-left:2px}.quotes-list li.quote-item:before{display:none}@media(max-width:600px){.persona-page{padding:16px 12px 80px;gap:14px}.persona-header{padding:20px 16px 18px;gap:12px;flex-wrap:nowrap;align-items:center}.persona-avatar{width:56px;height:56px;font-size:28px;flex-shrink:0}.persona-name{font-size:18px}.persona-role{font-size:13px}.tech-badge{position:static;align-self:flex-start;margin-top:0;font-size:10px;padding:3px 9px}.persona-headline{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.persona-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.persona-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.persona-quote{padding:16px 20px 16px 40px;font-size:13px}.persona-quote:before{left:14px;font-size:38px}.persona-section{padding:16px}.persona-two-col{grid-template-columns:1fr}.persona-two-col>.persona-section:first-child{border-right:none;border-bottom:1px solid rgba(255,255,255,.04)}.persona-card>.btn-full{margin:16px 16px 20px;width:calc(100% - 32px)}.message-row{max-width:88%}.chat-messages{padding:20px 12px 12px}.chat-input-bar{padding:10px 12px 16px}.chat-header{padding:12px}.home-title{font-size:44px}.home{padding:28px 16px 48px}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--primary);color:#fff;font-size:15px;font-weight:600;font-family:var(--font);padding:14px 28px;border:none;border-radius:var(--radius-full);cursor:pointer;transition:background .18s,transform .12s,box-shadow .18s;box-shadow:0 4px 14px #6366f159;letter-spacing:.01em}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{background:#c7d2fe;box-shadow:none;cursor:not-allowed}.btn-full{width:100%;margin-top:8px}.back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-secondary);font-size:14px;font-weight:500;font-family:var(--font);cursor:pointer;padding:6px 0;transition:color .15s}.back-btn:hover{color:var(--primary)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:13px;font-weight:600;font-family:var(--font);padding:7px 16px;cursor:pointer;transition:border-color .15s,color .15s,background .15s,transform .15s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}.btn-ghost:hover:not(:disabled){border-color:var(--primary-muted);color:#a78bfa;background:var(--primary-light);transform:translateY(-1px)}.btn-ghost:disabled{opacity:.35;cursor:not-allowed}.btn-ghost.btn-full{width:100%;border-radius:var(--radius-lg);padding:12px 20px}.btn-ghost.btn-saved{border-color:#34d399;color:#34d399;background:#34d3991a}.btn-sm{padding:6px 12px;font-size:12px}.btn-danger{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(248,113,113,.25);border-radius:var(--radius-full);color:#f8717199;font-size:12px;font-weight:600;font-family:var(--font);padding:6px 12px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.btn-danger:hover{border-color:#f87171;color:#f87171;background:#f871711a}.btn-danger-confirm{border-color:#f87171;color:#f87171;background:#f8717126}.home-nav-row{display:flex;gap:10px;animation:fadeUp .7s ease .3s both}.home-nav-btn{display:inline-flex;align-items:center;gap:6px;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:13px;font-weight:600;font-family:var(--font);padding:8px 18px;cursor:pointer;transition:border-color .15s,color .15s,background .15s,transform .15s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home-nav-btn:hover{border-color:var(--primary-muted);color:#a78bfa;background:var(--primary-light);transform:translateY(-1px)}.home-nav-badge{background:var(--primary);color:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:var(--radius-full);min-width:20px;text-align:center}.mode-toggle{display:flex;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--radius-full);padding:4px;gap:4px;animation:fadeUp .7s ease .32s both}.mode-btn{display:flex;align-items:center;gap:7px;background:transparent;border:none;border-radius:var(--radius-full);color:var(--text-muted);font-size:13px;font-weight:600;font-family:var(--font);padding:8px 18px;cursor:pointer;transition:background .2s,color .2s;white-space:nowrap}.mode-btn-active{background:linear-gradient(135deg,#7c6efa,#a78bfa);color:#fff;box-shadow:0 2px 12px #7c6efa66}.mode-btn-badge{background:#ffffff2e;color:#fffc;font-size:10px;font-weight:700;padding:2px 7px;border-radius:var(--radius-full)}.mode-btn:not(.mode-btn-active) .mode-btn-badge{background:#7c6efa26;color:#a78bfa}.room-mode-hint{max-width:480px;text-align:center;font-size:13px;color:var(--text-muted);background:#7c6efa12;border:1px solid rgba(124,110,250,.15);border-radius:var(--radius-md);padding:12px 18px;line-height:1.55;animation:fadeIn .3s ease}.persona-top-bar{width:100%;max-width:680px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.persona-top-actions{display:flex;gap:8px;align-items:center}.section-subtext{font-size:12px;color:var(--text-muted);margin-top:-6px;margin-bottom:12px}.spectrum-grid{display:flex;flex-direction:column;gap:10px}.spectrum-row{display:flex;align-items:center;gap:10px}.spectrum-label{font-size:12px;color:var(--text-muted);width:110px;flex-shrink:0}.spectrum-bar{flex:1;height:6px;background:#ffffff12;border-radius:var(--radius-full);overflow:hidden}.spectrum-fill{height:100%;border-radius:var(--radius-full);transition:width .5s cubic-bezier(.34,1.56,.64,1)}.spectrum-value{font-size:11px;font-weight:700;width:70px;text-align:right;flex-shrink:0}.emotional-state-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:4px}.emotional-state-btn{background:#ffffff08;border:1.5px solid rgba(255,255,255,.07);border-radius:var(--radius-md);padding:10px 6px;cursor:pointer;font-family:var(--font);text-align:center;display:flex;flex-direction:column;gap:4px;align-items:center;transition:border-color .15s,background .15s,transform .15s}.emotional-state-btn:hover{border-color:var(--primary-muted);background:var(--primary-light);transform:translateY(-2px)}.emotional-state-btn-active{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 3px #7c6efa1f}.emotional-state-label{font-size:11px;font-weight:700;color:var(--text);line-height:1.3}.emotional-state-desc{font-size:10px;color:var(--text-muted);line-height:1.2}@media(max-width:600px){.emotional-state-grid{grid-template-columns:repeat(3,1fr)}.spectrum-label{width:80px;font-size:11px}.persona-top-bar{flex-direction:column;align-items:flex-start}}.chat-header-actions{display:flex;align-items:center;gap:8px}.chat-tool-btn{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:6px 11px;font-size:12px;font-weight:600;font-family:var(--font);color:var(--text-secondary);cursor:pointer;transition:border-color .15s,color .15s,background .15s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}.chat-tool-btn:hover{border-color:var(--primary-muted);color:var(--text);background:var(--primary-light)}.chat-tool-btn-active{border-color:var(--primary);color:#a78bfa;background:var(--primary-light)}.da-btn-wrapper{position:relative;display:inline-flex}.da-tooltip{position:absolute;top:calc(100% + 10px);right:0;width:240px;background:#1e1d2a;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:11px 14px;display:flex;flex-direction:column;gap:5px;box-shadow:var(--shadow-md);z-index:60;pointer-events:none;opacity:0;transform:translateY(-4px);transition:opacity .15s,transform .15s}.da-btn-wrapper:hover .da-tooltip{opacity:1;transform:translateY(0)}.da-tooltip strong{font-size:12px;font-weight:700;color:#a78bfa}.da-tooltip span{font-size:12px;color:var(--text-muted);line-height:1.55}.template-panel{background:#13121c;border-bottom:1px solid var(--glass-border);animation:fadeIn .2s ease}.template-tabs{display:flex;gap:0;padding:10px 16px 0;overflow-x:auto;scrollbar-width:none}.template-tabs::-webkit-scrollbar{display:none}.template-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:12px;font-weight:600;font-family:var(--font);padding:6px 14px 8px;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.template-tab:hover{color:var(--text-secondary)}.template-tab-active{color:#a78bfa;border-bottom-color:var(--primary)}.template-questions{display:flex;flex-direction:column;gap:0;padding:6px 12px 10px;max-height:200px;overflow-y:auto}.template-question{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;font-family:var(--font);padding:9px 12px;text-align:left;cursor:pointer;transition:background .12s,color .12s;line-height:1.4}.template-question:hover{background:var(--primary-light);color:var(--text)}.tag-btn{display:inline-flex;align-items:center;background:none;border:none;cursor:pointer;font-size:12px;padding:2px 4px;margin-left:6px;border-radius:4px;opacity:0;transition:opacity .15s,background .15s;vertical-align:middle;font-family:var(--font)}.bubble:hover .tag-btn{opacity:1}.tag-btn:hover{background:#ffffff1a}.tag-menu{position:absolute;z-index:50;background:#1e1d2a;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:6px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow-md);min-width:150px;animation:scaleIn .15s ease}.message-group{position:relative}.tag-menu-item{background:none;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;font-family:var(--font);padding:7px 12px;text-align:left;cursor:pointer;transition:background .12s}.tag-menu-item:hover{background:#ffffff12}.tag-menu-clear{color:var(--text-muted)!important}.msg-tag-badge{display:inline-block;font-size:10px;font-weight:700;padding:2px 7px;border-radius:var(--radius-full);margin-left:6px;letter-spacing:.02em}.tag-summary-bar{padding:8px 16px;background:#7c6efa14;border-top:1px solid rgba(124,110,250,.15);display:flex;align-items:center;justify-content:space-between;font-size:12px}.tag-summary-label{font-weight:700;color:#a78bfa}.tag-summary-hint{color:var(--text-muted)}.summary-export-row{display:flex;gap:6px;align-items:center}.affinity-section{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden}.affinity-toggle{width:100%;display:flex;align-items:center;gap:10px;padding:16px 20px;background:none;border:none;cursor:pointer;font-family:var(--font);color:var(--text-secondary);font-size:13px;font-weight:700;text-align:left;transition:color .15s}.affinity-toggle:hover{color:var(--text)}.affinity-count{background:var(--primary-light);color:#a78bfa;font-size:11px;padding:2px 8px;border-radius:var(--radius-full);font-weight:700}.affinity-arrow{margin-left:auto;font-size:11px;color:var(--text-muted)}.affinity-groups{padding:0 16px 16px;display:flex;flex-direction:column;gap:12px;animation:fadeIn .2s ease}.affinity-group{border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(255,255,255,.06)}.affinity-group-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid rgba(255,255,255,.05);border-left:3px solid}.affinity-group-count{font-size:12px;font-weight:700}.affinity-quotes{list-style:none;padding:10px 14px;display:flex;flex-direction:column;gap:8px}.affinity-quote{font-size:13px;font-style:italic;color:var(--text-secondary);line-height:1.55;padding-left:12px;border-left:2px solid rgba(255,255,255,.1)}.hmw-section{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden}.hmw-generate-btn{width:100%;padding:18px 22px;border-radius:0;font-size:14px}.hmw-statements{padding:20px 22px;display:flex;flex-direction:column;gap:14px;animation:fadeUp .3s ease}.hmw-list{display:flex;flex-direction:column;gap:8px}.hmw-item{background:#7c6efa14;border:1px solid rgba(124,110,250,.15);border-radius:var(--radius-md);padding:11px 16px;font-size:13.5px;color:var(--text-secondary);line-height:1.55;transition:background .15s,border-color .15s,transform .15s}.hmw-item:hover{background:#7c6efa24;border-color:#7c6efa4d;transform:translate(3px)}.library-page{flex:1;display:flex;flex-direction:column;padding:28px 20px 60px;gap:24px;position:relative;z-index:1;max-width:900px;margin:0 auto;width:100%}.library-header{display:flex;align-items:center;gap:16px}.library-title-group{display:flex;flex-direction:column;gap:2px}.library-title{font-size:22px;font-weight:800;letter-spacing:-.03em;color:var(--text)}.library-sub{font-size:13px;color:var(--text-muted)}.library-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:60px 20px}.library-empty-icon{font-size:52px}.library-empty h3{font-size:18px;font-weight:700;color:var(--text)}.library-empty p{font-size:14px;color:var(--text-muted);max-width:320px}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.library-card{background:#13121c;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-xl);padding:20px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s,transform .2s,box-shadow .2s;animation:fadeUp .3s ease both}.library-card:hover{border-color:#7c6efa4d;transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.library-card-header{display:flex;align-items:center;gap:12px}.library-avatar{width:48px;height:48px;background:linear-gradient(135deg,#2e1a6e,#831843);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.library-card-info{flex:1;min-width:0}.library-card-name{font-size:15px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-card-role{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-card-meta{font-size:11px;color:var(--text-muted);margin-top:2px}.tech-badge-sm{font-size:10px;font-weight:700;padding:3px 9px;border-radius:var(--radius-full);letter-spacing:.04em;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.library-project-tag{font-size:12px;color:var(--text-muted);background:#7c6efa12;border:1px solid rgba(124,110,250,.12);border-radius:var(--radius-sm);padding:5px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-traits{display:flex;flex-wrap:wrap;gap:6px}.tag-sm{font-size:11px;padding:3px 10px}.library-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.library-date{font-size:11px;color:var(--text-muted)}.library-convo-badge{font-size:11px;color:#a78bfa;background:var(--primary-light);padding:2px 8px;border-radius:var(--radius-full);font-weight:600}.library-actions{display:flex;gap:6px;flex-wrap:wrap}.room-page{flex:1;display:flex;flex-direction:column;height:100dvh;overflow:hidden;position:relative;z-index:1}.room-header{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--glass);border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.room-header-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;color:var(--text);flex:1}.room-icon{font-size:20px;line-height:1}.room-count-badge{font-size:11px;font-weight:600;background:var(--primary-light);color:#a78bfa;padding:3px 10px;border-radius:var(--radius-full)}.room-personas-bar{display:flex;gap:8px;padding:10px 16px;background:#ffffff05;border-bottom:1px solid var(--glass-border);overflow-x:auto;scrollbar-width:none}.room-personas-bar::-webkit-scrollbar{display:none}.room-persona-pill{display:flex;align-items:center;gap:8px;background:#13121c;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);padding:6px 12px 6px 8px;flex-shrink:0}.room-pill-avatar{font-size:20px}.room-pill-info{display:flex;flex-direction:column;gap:1px}.room-pill-name{font-size:12px;font-weight:700;color:var(--text)}.room-pill-role{font-size:10px;color:var(--text-muted)}.tech-badge-xs{font-size:9px;font-weight:700;padding:2px 7px;border-radius:var(--radius-full);flex-shrink:0}.room-1on1-btn{background:var(--primary-light);border:1px solid var(--primary-muted);border-radius:var(--radius-full);color:#a78bfa;font-size:11px;font-weight:700;font-family:var(--font);padding:3px 9px;cursor:pointer;transition:background .15s,transform .15s;white-space:nowrap}.room-1on1-btn:hover{background:#7c6efa33;transform:scale(1.05)}.room-messages{flex:1;overflow-y:auto;padding:24px 20px 12px;display:flex;flex-direction:column;gap:4px}.room-message-row{display:flex;align-items:flex-end;gap:8px;max-width:75%;animation:msgIn .25s cubic-bezier(.34,1.56,.64,1) both;align-self:flex-start}.room-message-row-user{align-self:flex-end;flex-direction:row-reverse}.room-msg-avatar{width:28px;height:28px;background:linear-gradient(135deg,#2e1a6e,#831843);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;margin-bottom:18px}.room-message-group{display:flex;flex-direction:column;gap:3px}.room-speaker-name{font-size:11px;font-weight:700;color:var(--text-muted);padding:0 4px}.room-toolbar{display:flex;gap:8px;padding:8px 20px 0;flex-shrink:0}.room-templates{display:flex;flex-direction:column;gap:8px;padding:10px 20px;background:#ffffff05;border-top:1px solid var(--glass-border);animation:fadeUp .15s ease;flex-shrink:0}.template-cats{display:flex;gap:6px;flex-wrap:wrap}.template-cat-btn{font-family:var(--font);font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--radius-full);border:1.5px solid var(--glass-border);background:transparent;color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s}.template-cat-btn:hover{color:var(--text-secondary);border-color:var(--primary-muted)}.template-cat-active{border-color:var(--primary);color:#a78bfa}.template-chips{display:flex;flex-direction:column;gap:5px}.template-chip-sm{font-family:var(--font);font-size:12px;text-align:left;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:8px 12px;color:var(--text-secondary);cursor:pointer;transition:background .15s,border-color .15s;line-height:1.4}.template-chip-sm:hover{background:var(--primary-light);border-color:var(--primary-muted);color:var(--text)}.room-input-bar{display:flex;align-items:flex-end;gap:10px;padding:12px 20px 20px;background:var(--glass);border-top:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.debate-page{flex:1;overflow-y:auto;padding:28px 20px 60px;display:flex;flex-direction:column;gap:24px;align-items:center;position:relative;z-index:1}.debate-header{text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center;width:100%}.debate-title{font-size:24px;font-weight:800;letter-spacing:-.03em;color:var(--text)}.debate-sub{font-size:14px;color:var(--text-muted)}.debate-setup{width:100%;max-width:680px;display:flex;flex-direction:column;gap:16px}.debate-pickers{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:start}.debate-picker{display:flex;flex-direction:column;gap:8px}.debate-vs{font-size:16px;font-weight:900;color:var(--text-muted);align-self:center;padding-top:20px}.debate-select-grid{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.debate-persona-option{display:flex;align-items:center;gap:8px;background:#ffffff08;border:1.5px solid rgba(255,255,255,.07);border-radius:var(--radius-md);padding:9px 12px;cursor:pointer;font-family:var(--font);font-size:13px;font-weight:600;color:var(--text-secondary);text-align:left;transition:border-color .15s,background .15s,color .15s}.debate-persona-option:hover{border-color:var(--primary-muted);background:var(--primary-light);color:var(--text)}.debate-persona-selected{border-color:var(--primary);background:var(--primary-light);color:var(--text)}.debate-empty-note{font-size:12px;color:var(--text-muted);padding:8px 0}.debate-topics{display:flex;flex-direction:column;gap:8px}.debate-topic-chips{display:flex;flex-direction:column;gap:6px}.debate-transcript{width:100%;max-width:680px;display:flex;flex-direction:column;gap:16px;animation:fadeUp .4s ease}.debate-participants{display:flex;align-items:center;justify-content:space-between;gap:12px}.debate-participant{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text-secondary)}.debate-participant-right{flex-direction:row-reverse}.debate-participant-avatar{font-size:24px}.debate-topic-pill{flex:1;text-align:center;font-size:12px;color:var(--text-muted);background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-full);padding:6px 14px}.debate-entries{display:flex;flex-direction:column;gap:8px}.debate-entry{display:flex;align-items:flex-end;gap:8px;max-width:80%;animation:msgIn .3s ease both}.debate-entry-a{align-self:flex-start}.debate-entry-b{align-self:flex-end;flex-direction:row-reverse}.debate-entry-avatar{font-size:24px;width:36px;height:36px;background:linear-gradient(135deg,#2e1a6e,#831843);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:18px}.debate-entry-group{display:flex;flex-direction:column;gap:3px}.debate-entry-name{font-size:11px;font-weight:700;color:var(--text-muted);padding:0 4px}.bubble-debate-b{background:linear-gradient(135deg,#1a1a35,#2a1a35);border:1px solid rgba(244,114,182,.2);color:var(--text);border-bottom-right-radius:5px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(max-width:600px){.debate-pickers{grid-template-columns:1fr}.debate-vs{display:none}}.scenario-page{flex:1;overflow-y:auto;padding:28px 20px 60px;display:flex;flex-direction:column;gap:20px;align-items:center;position:relative;z-index:1}.scenario-header{width:100%;max-width:620px;display:flex;align-items:center;justify-content:space-between}.scenario-persona-info{display:flex;align-items:center;gap:10px}.scenario-avatar{font-size:28px}.scenario-persona-name{font-size:14px;font-weight:700;color:var(--text);display:block}.scenario-persona-role{font-size:12px;color:var(--text-muted);display:block}.scenario-title-block{width:100%;max-width:620px;text-align:center;display:flex;flex-direction:column;gap:6px}.scenario-title{font-size:26px;font-weight:800;letter-spacing:-.03em;color:var(--text)}.scenario-sub{font-size:14px;color:var(--text-muted);line-height:1.55}.scenario-body{width:100%;max-width:620px;display:flex;flex-direction:column;gap:14px}.scenario-upload-zone{border:2px dashed rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:28px 20px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.scenario-upload-zone:hover{border-color:var(--primary-muted);background:var(--primary-light)}.scenario-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px}.scenario-upload-icon{font-size:32px}.scenario-upload-text{font-size:14px;font-weight:600;color:var(--text-secondary)}.scenario-upload-hint{font-size:12px;color:var(--text-muted)}.scenario-preview{position:relative;display:inline-block}.scenario-image{max-width:100%;max-height:280px;border-radius:var(--radius-lg);display:block;margin:0 auto}.scenario-clear-btn{position:absolute;top:8px;right:8px;background:#000000b3;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);color:#fff;font-size:12px;font-family:var(--font);padding:4px 10px;cursor:pointer;font-weight:600}.scenario-divider{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.scenario-divider:before,.scenario-divider:after{content:"";flex:1;height:1px;background:var(--border)}.scenario-reaction{background:#13121c;border:1px solid rgba(124,110,250,.2);border-radius:var(--radius-xl);padding:22px 24px;display:flex;flex-direction:column;gap:14px;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}.scenario-reaction-header{display:flex;align-items:center;gap:10px}.scenario-reaction-avatar{font-size:26px}.scenario-reaction-name{font-size:13px;font-weight:700;color:var(--text-secondary)}.scenario-reaction-text{font-size:16px;font-style:italic;color:var(--text);line-height:1.7;padding-left:16px;border-left:3px solid #7C6EFA}.scenario-panel{background:#ffffff05;border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:16px 18px;display:flex;flex-direction:column;gap:12px}.scenario-panel-header{display:flex;align-items:baseline;gap:10px;justify-content:space-between}.scenario-panel-title{font-size:13px;font-weight:700;color:var(--text-secondary)}.scenario-panel-hint{font-size:12px;color:var(--text-muted)}.scenario-extra-grid{display:flex;flex-wrap:wrap;gap:8px}.scenario-extra-btn{display:inline-flex;align-items:center;gap:7px;background:#ffffff08;border:1.5px solid rgba(255,255,255,.08);border-radius:var(--radius-full);padding:7px 13px;cursor:pointer;font-family:var(--font);font-size:13px;font-weight:600;color:var(--text-secondary);transition:border-color .15s,background .15s,color .15s}.scenario-extra-btn:hover:not(:disabled){border-color:var(--primary-muted);background:var(--primary-light);color:var(--text)}.scenario-extra-selected{border-color:var(--primary);background:var(--primary-light);color:var(--text)}.scenario-extra-disabled{opacity:.3;cursor:not-allowed}.scenario-extra-avatar{font-size:16px}.scenario-extra-name{font-size:13px}.scenario-extra-check{color:#34d399;font-weight:800;font-size:12px}.scenario-active-voices{display:flex;gap:6px;flex-wrap:wrap}.scenario-voice-chip{font-size:12px;background:#7c6efa1a;border:1px solid rgba(124,110,250,.2);border-radius:var(--radius-full);padding:4px 10px;color:#a78bfa;font-weight:600}.scenario-voice-chip-active{background:#7c6efa2e;border-color:#7c6efa66}.scenario-panel-add-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.scenario-empty-library{display:flex;align-items:flex-start;gap:10px;background:#ffffff05;border:1px dashed rgba(255,255,255,.08);border-radius:var(--radius-md);padding:14px 16px}.scenario-empty-icon{font-size:20px;flex-shrink:0;margin-top:2px}.scenario-empty-msg{font-size:13px;color:var(--text-muted);line-height:1.6}.scenario-image-wrap{position:relative;display:inline-block;width:100%}.scenario-preview-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;flex-wrap:wrap}.hotspot-legend{display:flex;gap:12px;font-size:12px;font-weight:600}.hotspot-pin{position:absolute;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff;cursor:pointer;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0006;transition:transform .15s,box-shadow .15s;z-index:10;font-family:var(--font)}.hotspot-pin:hover{transform:translate(-50%,-50%) scale(1.25);box-shadow:0 4px 16px #00000080}.hotspot-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1e1d2a;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:8px 12px;min-width:160px;max-width:220px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-md);pointer-events:none;z-index:20;animation:fadeIn .1s ease}.hotspot-tooltip-type{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.hotspot-tooltip-label{font-size:12px;color:var(--text-secondary);line-height:1.4}.scenario-results{display:flex;flex-direction:column;gap:16px;animation:fadeUp .3s ease}.scenario-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.scenario-tabs::-webkit-scrollbar{display:none}.scenario-tab{display:inline-flex;align-items:center;gap:6px;background:var(--glass);border:1.5px solid var(--glass-border);border-radius:var(--radius-full);padding:8px 16px;font-size:13px;font-weight:700;font-family:var(--font);color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s,background .15s;white-space:nowrap}.scenario-tab:hover{color:var(--text-secondary);border-color:var(--primary-muted)}.scenario-tab-active{border-color:var(--primary);color:#a78bfa;background:var(--primary-light)}.scenario-reaction-card{background:#13121c;border:1px solid rgba(124,110,250,.15);border-radius:var(--radius-xl);padding:22px 24px;display:flex;flex-direction:column;gap:16px;animation:scaleIn .25s cubic-bezier(.34,1.56,.64,1)}.scenario-reaction-role{font-size:11px;color:var(--text-muted);margin-top:2px}.scenario-reaction-section{display:flex;flex-direction:column;gap:6px}.scenario-reaction-section-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.scenario-reaction-body{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.scenario-reaction-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.scenario-reaction-col{display:flex;flex-direction:column;gap:8px}.scenario-reaction-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.scenario-reaction-list li{font-size:13px;color:var(--text-secondary);line-height:1.5;padding-left:14px;position:relative}.scenario-list-pain li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:#f87171}.scenario-list-interest li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:#60a5fa}.scenario-shared{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scenario-shared-block{background:#ffffff05;border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:16px 18px;display:flex;flex-direction:column;gap:10px}.scenario-shared-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.scenario-shared-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px}.scenario-shared-list li{font-size:13px;color:var(--text-secondary);line-height:1.5;padding-left:12px;border-left:2px solid rgba(124,110,250,.3)}.scenario-shared-opps li{border-left-color:#34d3994d}.debate-empty-cta{display:flex;flex-direction:column;gap:8px;padding:12px 0}.debate-empty-cta p{font-size:13px;color:var(--text-muted);margin:0}@media(max-width:600px){.emotional-state-grid{grid-template-columns:repeat(3,1fr)}.spectrum-label{width:80px;font-size:11px}.spectrum-value{width:50px;font-size:10px}.debate-pickers{grid-template-columns:1fr}.debate-vs{display:none}.persona-top-bar{flex-direction:column;align-items:flex-start}.persona-top-actions{width:100%;justify-content:flex-end}.scenario-reaction-cols,.scenario-shared{grid-template-columns:1fr}.room-message-row{max-width:90%}.library-grid{grid-template-columns:1fr}.mode-btn{font-size:12px;padding:7px 12px}.home-nav-row,.summary-export-row{flex-wrap:wrap}.debate-entry{max-width:95%}}