@import url("https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap");:root{--navy:#1e1b4b;--navy-mid:#2d2867;--pink:#e91e8c;--pink-light:#f472b6;--pink-glow:rgba(233,30,140,.18);--pink-subtle:rgba(233,30,140,.07);--bg:#f8f7ff;--bg-card:#fff;--bg-elevated:#f3f0ff;--border:rgba(30,27,75,.08);--border-active:rgba(233,30,140,.3);--text-primary:#1e1b4b;--text-secondary:#4c4888;--text-muted:#9b97c4;--sidebar-w:270px;--instr-w:300px}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:DM Sans,-apple-system,sans-serif;background:var(--bg);overflow:hidden;color:var(--text-primary);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(30,27,75,.12);border-radius:8px}.layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--navy);display:flex;flex-direction:column;padding:24px 16px;flex-shrink:0}.logo{gap:10px;padding:6px 10px;margin-bottom:20px}.logo,.logo-icon{display:flex;align-items:center}.logo-icon{width:34px;height:34px;background:linear-gradient(135deg,var(--pink) 0,#c2185b 100%);border-radius:10px;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px var(--pink-glow)}.logo-icon,.logo-text{font-size:15px;color:#fff}.logo-text{font-family:Sora,sans-serif;font-weight:700;letter-spacing:-.3px}.logo-text span{color:var(--pink-light)}.new-chat-btn{background:linear-gradient(135deg,var(--pink) 0,#c2185b 100%);color:#fff;padding:11px 16px;border-radius:100px;border:none;cursor:pointer;font-family:DM Sans,sans-serif;font-weight:600;font-size:13.5px;display:flex;align-items:center;gap:8px;justify-content:center;transition:all .25s;width:100%;margin-bottom:24px;box-shadow:0 4px 20px var(--pink-glow)}.new-chat-btn:hover{transform:translateY(-1px);box-shadow:0 6px 28px rgba(233,30,140,.35)}.history-label{font-size:10px;font-weight:600;color:hsla(0,0%,100%,.3);margin:0 0 10px 10px;letter-spacing:1.2px;text-transform:uppercase}.history-list{overflow-y:auto;flex-grow:1}.history-section-label{font-size:10px;font-weight:600;color:hsla(0,0%,100%,.2);margin:16px 0 5px 10px;letter-spacing:.8px;text-transform:uppercase}.history-item{padding:9px 12px;font-size:13px;color:hsla(0,0%,100%,.5);cursor:pointer;border-radius:9px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s;border:1px solid transparent}.history-item:hover{background:rgba(233,30,140,.12);color:#fff;border-color:rgba(233,30,140,.25)}.main{flex-grow:1;display:flex;flex-direction:column;height:100vh;background:var(--bg);position:relative;overflow:hidden}.main:before{content:"";position:absolute;top:-15%;right:-10%;width:55%;height:55%;background:radial-gradient(ellipse,rgba(233,30,140,.05) 0,transparent 70%);pointer-events:none;z-index:0}.chat-area{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:40px 24px 20px;scroll-behavior:smooth;position:relative;z-index:1}.hero{margin-top:8vh;text-align:center;max-width:560px;animation:heroIn .7s cubic-bezier(.16,1,.3,1) both}@keyframes heroIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.orb-container{position:relative;margin:0 auto 28px}.orb,.orb-container{width:88px;height:88px}.orb{border-radius:50%;background:radial-gradient(circle at 35% 35%,#f9a8d4 0,var(--pink) 50%,var(--navy) 100%);box-shadow:0 0 40px rgba(233,30,140,.3),0 0 80px rgba(233,30,140,.1);animation:orbPulse 4s ease-in-out infinite}.orb-ring{position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(233,30,140,.2);animation:ringExpand 4s ease-in-out infinite}.orb-ring-2{position:absolute;inset:-22px;border-radius:50%;border:1px solid rgba(233,30,140,.1);animation:ringExpand 4s ease-in-out .6s infinite}@keyframes orbPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes ringExpand{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.05)}}.hero h1{font-family:Sora,sans-serif;font-size:30px;font-weight:800;color:var(--navy);letter-spacing:-.8px;margin-bottom:12px;line-height:1.2}.hero h1 span{background:linear-gradient(135deg,var(--pink),#c2185b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{color:var(--text-secondary);font-size:14.5px;line-height:1.65;max-width:380px;margin:0 auto 28px}.suggestions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:24px}.chip{padding:8px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:100px;font-size:12.5px;color:var(--text-secondary);cursor:pointer;transition:all .2s;box-shadow:0 2px 8px rgba(30,27,75,.06)}.chip:hover{background:var(--pink-subtle);border-color:var(--border-active);color:var(--navy);box-shadow:0 4px 14px rgba(233,30,140,.12)}.messages{width:100%;max-width:760px;display:flex;flex-direction:column;gap:20px;padding-bottom:120px}.msg{font-size:14.5px;line-height:1.65;animation:msgIn .35s cubic-bezier(.16,1,.3,1) both}@keyframes msgIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.msg.user{align-self:flex-end;background:linear-gradient(135deg,var(--navy) 0,var(--navy-mid) 100%);color:#fff;font-weight:500;padding:12px 18px;border-radius:18px 18px 4px 18px;max-width:75%;box-shadow:0 4px 20px rgba(30,27,75,.15)}.msg.ai{align-self:flex-start;display:flex;gap:12px;max-width:90%}.ai-avatar{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--pink),#c2185b);display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;flex-shrink:0;margin-top:2px;box-shadow:0 2px 10px var(--pink-glow)}.ai-bubble{background:var(--bg-card);border:1px solid var(--border);border-radius:4px 18px 18px 18px;padding:14px 18px;box-shadow:0 2px 12px rgba(30,27,75,.06);flex-grow:1}.msg.error .ai-bubble{background:#fff0f5;border-color:rgba(233,30,140,.2);color:#c2185b}.ai-bubble p{margin:0 0 10px;color:var(--text-secondary)}.ai-bubble p:last-child{margin-bottom:0}.ai-bubble strong{color:var(--pink);font-weight:600}.ai-bubble ol,.ai-bubble ul{margin:8px 0;padding-left:20px}.ai-bubble li{margin-bottom:5px;color:var(--text-secondary)}.ai-bubble a{color:var(--pink);text-decoration:none;border-bottom:1px solid rgba(233,30,140,.25);transition:.2s}.ai-bubble a:hover{border-bottom-color:var(--pink)}.ai-bubble h1,.ai-bubble h2,.ai-bubble h3{color:var(--navy);font-family:Sora,sans-serif;margin:14px 0 8px}.ai-bubble code{background:var(--bg-elevated);color:var(--navy);padding:2px 6px;border-radius:5px;font-size:13px}.ai-bubble hr{border:none;border-top:1px solid var(--border);margin:12px 0}.ai-bubble table{width:100%;border-collapse:collapse;margin:10px 0;font-size:13px}.ai-bubble th{background:var(--bg-elevated);color:var(--navy);padding:8px 12px;text-align:left;font-weight:600}.ai-bubble td{padding:8px 12px;border-bottom:1px solid var(--border);color:var(--text-secondary)}.typing-wrapper{align-self:flex-start;display:flex;gap:12px;align-items:flex-start}.typing{display:flex;gap:5px;padding:14px 18px;background:var(--bg-card);border:1px solid var(--border);border-radius:4px 18px 18px 18px;box-shadow:0 2px 12px rgba(30,27,75,.06)}.typing span{width:7px;height:7px;background:var(--pink);border-radius:50%;animation:bounce 1.3s infinite;opacity:.5}.typing span:nth-child(2){animation-delay:.18s}.typing span:nth-child(3){animation-delay:.36s}@keyframes bounce{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-5px);opacity:1}}.input-area{padding:16px 24px 28px;background:var(--bg);display:flex;flex-direction:column;align-items:center;position:relative;z-index:10}.input-area:before{content:"";position:absolute;top:-40px;left:0;right:0;height:40px;background:linear-gradient(transparent,var(--bg));pointer-events:none}.input-box{width:100%;max-width:760px;background:var(--bg-card);border-radius:18px;padding:4px 8px 8px 16px;border:1px solid var(--border);box-shadow:0 4px 24px rgba(30,27,75,.08);transition:border-color .2s,box-shadow .2s}.input-box:focus-within{border-color:var(--border-active);box-shadow:0 4px 24px rgba(30,27,75,.08),0 0 0 3px rgba(233,30,140,.08)}.loader-text{font-size:11px;color:var(--pink);padding:8px 8px 4px;font-weight:500;display:flex;align-items:center;gap:6px;opacity:.8}.input-row{display:flex;align-items:flex-end;gap:10px;padding:6px 0}.input-row input{flex-grow:1;border:none;font-size:15px;font-family:DM Sans,sans-serif;outline:none;background:transparent;color:var(--navy);min-height:40px}.input-row input::placeholder{color:var(--text-muted)}.send-btn{background:linear-gradient(135deg,var(--pink) 0,#c2185b 100%);color:#fff;width:38px;height:38px;border-radius:12px;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .25s;flex-shrink:0;box-shadow:0 2px 12px var(--pink-glow);font-size:13px}.send-btn:hover:not(:disabled){transform:scale(1.07);box-shadow:0 4px 20px rgba(233,30,140,.4)}.send-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.input-hint{font-size:11.5px;color:var(--text-muted);margin-top:8px;text-align:center}.instructions{width:var(--instr-w);background:var(--bg-card);border-left:1px solid var(--border);padding:28px 18px;flex-shrink:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.instr-label{font-size:10px;font-weight:600;color:var(--text-muted);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:4px;padding:0 4px}.card-3d{background:var(--bg);border-radius:14px;padding:18px;border:1px solid var(--border);transition:all .3s;cursor:default}.card-3d:hover{border-color:var(--border-active);background:var(--bg-card);transform:translateY(-2px);box-shadow:0 8px 24px rgba(233,30,140,.08)}.card-icon{width:36px;height:36px;border-radius:10px;background:var(--pink-subtle);border:1px solid rgba(233,30,140,.12);display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:16px}.card-3d h4{font-family:Sora,sans-serif;font-size:13.5px;font-weight:600;color:var(--navy);margin-bottom:6px;letter-spacing:-.2px}.card-3d p{font-size:12px;color:var(--text-secondary);line-height:1.6}.card-3d a{color:var(--pink);text-decoration:none}.card-3d a:hover{text-decoration:underline}.test-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;background:var(--pink-subtle);border:1px solid rgba(233,30,140,.18);border-radius:100px;font-size:10.5px;font-weight:600;color:var(--pink);margin:2px 1px}.tests-grid{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.msg.ai table th{background:#4f46e5}.msg.ai table tr:nth-child(2n){background:#f8f9ff}.msg.ai .prose{max-width:100%;overflow-x:auto}.msg.ai td,.msg.ai th{display:none!important}.msg.ai p{max-width:100%;word-wrap:break-word}.msg.ai table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;font-size:13px;margin:8px 0}.msg.ai table th{background:var(--primary);color:#fff;padding:8px 12px;text-align:left;white-space:nowrap}.msg.ai table td{padding:6px 12px;border-bottom:1px solid #e2e8f0;vertical-align:top}.msg.ai table tr:nth-child(2n) td{background:#f8f9ff}.msg.ai .prose,.msg.ai>div{display:block!important;columns:unset!important;column-count:unset!important}.msg.ai p{display:block!important;width:100%!important;margin-bottom:12px;line-height:1.8}.msg.ai table{display:none!important}