body,html{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0b1220;color:#e9eef7;overflow-x:hidden}.container{max-width:1100px;margin:0 auto;padding:72px 20px 24px}.hero{background:linear-gradient(135deg,#0f172a,#1f2937);border:1px solid #253045;border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 6px 24px rgba(0,0,0,.25)}.hero h1{font-family:Unbounded,sans-serif;font-weight:600;font-size:2.2rem;background:linear-gradient(135deg,#e9eef7,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin:0 0 1.5rem;line-height:1.2}.hero .sub{margin:0 0 12px;color:#a7b4cc}.heroRow{justify-content:space-between;gap:12px;margin-bottom:8px}.heroRow,.userBlock{display:flex;align-items:center}.userBlock{gap:10px}.avatar{width:48px;height:48px;border-radius:999px;object-fit:cover;border:1px solid #24314a}.avatar.placeholder{display:grid;place-items:center;background:#111827;color:#e5e7eb;font-weight:700}.userMeta{display:flex;flex-direction:column}.userName{color:#a7b4cc;font-size:12px}.gear{background:#0b1325;border:1px solid #24314a;color:#e9eef7;border-radius:10px;padding:8px 10px;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.persona-modal{background:linear-gradient(135deg,#0f1629,#1a2332);border-radius:20px;border:1px solid #24314a;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.5);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.persona-modal-header{padding:24px 24px 16px;border-bottom:1px solid #24314a;position:relative;text-align:center}.persona-modal-icon{font-size:3rem;margin-bottom:12px;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.persona-modal h2{color:#e9eef7;font-size:1.5rem;margin:0;font-weight:600}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#94a3b8;font-size:1.5rem;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:rgba(148,163,184,.1);color:#e9eef7}.persona-modal-content{padding:24px}.persona-description{color:#cbd5e1;line-height:1.6;font-size:1rem;margin-bottom:24px;text-align:left}.persona-capabilities h4{color:#e9eef7;font-size:1.1rem;margin:0 0 12px;font-weight:600}.persona-capabilities ul{list-style:none;padding:0;margin:0}.persona-capabilities li{color:#94a3b8;padding:8px 0;border-bottom:1px solid rgba(36,49,74,.5);font-size:.95rem;transition:color .2s}.persona-capabilities li:last-child{border-bottom:none}.persona-capabilities li:hover{color:#cbd5e1}.persona-modal-actions{padding:20px 24px 24px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid #24314a}.btn-cancel{background:transparent;border:1px solid #475569;color:#94a3b8;padding:12px 20px;border-radius:10px;cursor:pointer;font-size:.95rem;transition:all .2s}.btn-cancel:hover{background:rgba(71,85,105,.1);border-color:#64748b;color:#cbd5e1}.btn-confirm{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;color:#fff;padding:12px 24px;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px rgba(59,130,246,.3)}.btn-confirm:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 6px 16px rgba(59,130,246,.4)}.btn-confirm:active{transform:translateY(0)}.settings{margin-top:10px;padding:10px;border:1px solid #24314a;border-radius:12px;background:#0b1325;display:flex;flex-direction:column;gap:12px;align-items:stretch;width:100%}.settingsGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.settingsCard{border:1px solid #24314a;border-radius:12px;background:#0b1325;padding:12px;display:flex;flex-direction:column;gap:10px}.settingsTitle{font-weight:800;color:#c7d2fe;margin:0 0 6px}.settingsRow{display:flex;align-items:center;gap:10px}.settingsRow label{width:120px;color:#a7b4cc}.settingsRow select{padding:8px;background:#111827;color:#e9eef7;border:1px solid #24314a;border-radius:8px}.tabs{display:flex;width:100%;background:#0b1325;border:1px solid #24314a;border-radius:10px;overflow:hidden}.tab{flex:1 1;text-align:center;background:transparent;color:#a7b4cc;border:0;padding:12px 18px;cursor:pointer;font-weight:700;font-size:15px}.tab.active{background:#1e293b;color:#e9eef7}.hint{color:#94a3b8;margin-bottom:12px}.chat{border:1px solid #24314a;border-radius:16px;padding:12px;min-height:260px;flex-direction:column;gap:10px;background:#0b1325;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.02);max-height:58vh;overflow-y:auto}.bubble,.chat,.msgRow{display:flex}.bubble{align-items:flex-start;gap:8px;max-width:85%}.bubble.user{align-self:flex-end;margin-left:auto}.bubble.assistant{align-self:flex-start}.bubbleAvatar{width:28px;height:28px;border-radius:999px;border:1px solid #24314a;background:#111827;color:#e5e7eb;display:grid;place-items:center;font-size:12px;font-weight:700;flex:0 0 28px;object-fit:cover}.bubbleAvatar.ph{background:#111827}.bubbleAvatar.ai{background:linear-gradient(135deg,#2563eb,#7c3aed);border:none}.bubbleText{padding:10px 12px;border-radius:12px;line-height:1.35}.bubble.user .bubbleText{background:#1d4ed8;color:#fff;box-shadow:0 2px 10px rgba(29,78,216,.35)}.bubble.assistant .bubbleText{background:#111827;color:#e5e7eb;border:1px solid #24314a}.msg.assistant.typing{position:relative}.msg.assistant.typing:after{content:"...";letter-spacing:2px;opacity:.8}.inputRow{display:flex;gap:10px;margin-top:12px}.inputRow input{flex:1 1;padding:12px;border-radius:10px;border:1px solid #24314a;background:#0b1325;color:#e9eef7;outline:none}.inputRow input:focus{border-color:#2e4aa8;box-shadow:0 0 0 3px rgba(46,74,168,.25)}.inputRow button{padding:12px 16px;border-radius:10px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border:0;cursor:pointer;font-weight:700}.inputRow button:hover{filter:brightness(1.05)}.pricing{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:10px}.card{position:relative;border:1px solid #24314a;border-radius:12px;padding:12px;background:#0b1325}.card .price{font-size:26px;font-weight:800;margin:6px 0 8px}.card.popular{border-color:#3550b6;box-shadow:0 0 0 1px rgba(53,80,182,.35)}.badge{display:inline-block;background:#1e293b;color:#9ec1ff;padding:4px 8px;border-radius:8px;font-size:12px}.history{border:1px solid #24314a;border-radius:12px;padding:10px;background:#0b1325;display:flex;flex-direction:column;gap:8px}.historyItem{display:grid;grid-template-columns:auto 1fr auto auto;grid-gap:8px;gap:8px;align-items:center;border:1px solid #24314a;border-radius:10px;padding:8px}.historyItem .tag{font-size:12px;padding:4px 8px;border-radius:999px;background:#111827;border:1px solid #24314a;color:#c7d2fe}.historyItem .tag.user{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.historyItem .text{color:#e9eef7}.historyItem .time{color:#9aa8c2;font-size:12px}.summaryCard{border:1px solid #24314a;border-radius:12px;padding:12px;background:#0b1325}.summaryTitle{font-weight:800;color:#c7d2fe;margin-bottom:8px}.summaryBody{color:#e9eef7}.sessionsList{margin-top:12px}.sessionsTitle{font-weight:800;color:#c7d2fe;margin-bottom:8px}.sessionsGrid{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px}.sessionCard{border:1px solid #24314a;border-radius:10px;background:#0b1325;padding:10px;display:flex;flex-direction:column;gap:6px}.sessionRow{display:flex;gap:10px;justify-content:space-between;align-items:center}.sessionDate{color:#9aa8c2;font-size:12px}.sessionMsgs{color:#a7b4cc;font-size:13px}.sessionActions{display:flex;gap:8px}.personaChip{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:#111827;color:#c7d2fe;border:1px solid #24314a;font-size:11px;vertical-align:middle}.personaGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:10px;gap:10px;width:100%}.personaCard{display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid #24314a;background:#0b1325;color:#e9eef7;border-radius:12px;padding:12px;cursor:pointer;transition:all .15s ease}.personaCard .pi{font-size:20px}.personaCard .pt{font-size:12px;color:#a7b4cc}.personaCard:hover{filter:brightness(1.08);border-color:#3b82f6}.personaCard.active{background:linear-gradient(135deg,#1d4ed8,#7c3aed);color:#fff;border-color:transparent;box-shadow:0 6px 24px rgba(124,58,237,.25)}.betaTag{margin-left:8px;color:#9aa8c2;font-size:11px;background:#0f172a;border:1px solid #22314a;padding:1px 6px;border-radius:999px;vertical-align:middle}.card ul{margin:0;padding-left:18px;color:#a7b4cc}.card button{margin-top:10px;padding:10px 14px;border-radius:10px;background:#1d4ed8;color:#fff;border:0;cursor:pointer;font-weight:700}.card button:hover{filter:brightness(1.08)}.card.popular{border-color:#7c3aed;box-shadow:0 6px 24px rgba(124,58,237,.25)}.card .badge{position:absolute;top:8px;right:8px;background:#7c3aed;color:#fff;font-size:12px;padding:4px 8px;border-radius:999px}.videoWrap{margin-top:14px;border:1px dashed #24314a;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;align-items:center;background:#0b1325}.video{width:100%;max-height:320px;background:#000;border-radius:8px}.disclaimer,.videoHint{color:#94a3b8;font-size:12px}.disclaimer{margin-top:10px}.videoWrap.streaming{border-style:solid;box-shadow:0 6px 24px rgba(0,0,0,.25)}.videoWrap.streaming .video{max-height:60vh}.videoWrap.streaming+.chat{max-height:38vh}@media (max-width:820px){.container{padding:14px}.pricing,.settingsGrid{grid-template-columns:1fr}}.titleGradient{font-family:Unbounded,sans-serif;font-weight:700;background:linear-gradient(135deg,#e9eef7,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chatInput{outline:none;transition:box-shadow .15s ease,border-color .15s ease}.chatInput:focus{border-color:#3550b6!important;box-shadow:0 0 0 3px rgba(53,80,182,.25)}.sendBtn{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;font-weight:700;transition:transform .12s ease,filter .15s ease}.sendBtn:hover{filter:brightness(1.05)}.sendBtn:active{transform:translateY(1px)}