*{box-sizing:border-box}
:root{color-scheme:dark;--bg:#080b16;--panel:#101627;--panel2:#141c30;--muted:#8792ad;--text:#eff2ff;--line:rgba(166,181,222,.13);--purple:#a991ff;--cyan:#69e0e9}
html{min-height:100%;background:var(--bg)}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;overflow-x:hidden}
button,textarea{font:inherit}
button{ -webkit-tap-highlight-color:transparent }
.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(90px);opacity:.13;z-index:0}
.ambient-one{width:420px;height:420px;background:#7859ff;top:-240px;left:38%}
.ambient-two{width:360px;height:360px;background:#27bccc;right:-240px;bottom:-180px}
.app-shell{position:relative;z-index:1;display:flex;min-height:100vh;background:radial-gradient(ellipse at 66% 5%,rgba(102,85,202,.10),transparent 40%),transparent}
.sidebar{width:266px;flex-shrink:0;background:rgba(11,15,28,.88);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-right:1px solid var(--line);padding:25px 17px 18px;display:flex;flex-direction:column;min-height:100vh;z-index:8}
.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;padding:1px 7px 31px}
.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:linear-gradient(145deg,rgba(169,145,255,.19),rgba(105,224,233,.13));border:1px solid rgba(174,157,255,.26);box-shadow:0 5px 25px #8b78ff20;animation:logoFloat 4s ease-in-out infinite}
.brand-mark svg{width:26px;height:26px;filter:drop-shadow(0 0 7px #a991ff70)}
.brand-copy{font:600 17px "Space Grotesk";letter-spacing:-.6px}.brand-copy b{color:#b9a9ff}.brand-copy small{display:block;font:600 8px "DM Sans";letter-spacing:2px;color:#69758f;margin-top:4px}
.new-chat{display:flex;align-items:center;gap:10px;width:100%;border:1px solid #a991ff55;background:linear-gradient(110deg,#a991ff1b,#69e0e90b);color:#eeeaff;padding:12px 13px;border-radius:12px;text-align:left;font-weight:600;font-size:12px;cursor:pointer;transition:.2s}
.new-chat:hover{border-color:#b6a5ff;box-shadow:0 0 24px #9b8cff20;transform:translateY(-1px)}
.new-chat .plus{font-size:20px;line-height:14px;color:#c0b2ff}.new-chat kbd{margin-left:auto;font:10px "DM Sans";color:#7f89a2;border:1px solid var(--line);padding:3px 5px;border-radius:5px}
.side-label{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#68748f;margin:31px 10px 12px}
.side-link{position:relative;display:flex;align-items:center;gap:11px;width:100%;background:none;border:0;color:#929db6;text-align:left;padding:12px;border-radius:9px;cursor:pointer;font-size:12px;transition:.2s}
.side-link .nav-icon{font-size:16px;width:18px;text-align:center;color:#8e9ab6}.side-link.active,.side-link:hover{background:#ffffff09;color:#f1efff}.side-link.active .nav-icon{color:#b9a9ff}.side-link.active i{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#83e2e7;box-shadow:0 0 10px #83e2e7}
.sidebar-bottom{margin-top:auto}
.upgrade-card{padding:14px;border:1px solid #a991ff26;border-radius:12px;background:linear-gradient(135deg,#a991ff12,#69e0e908);margin-bottom:14px}
.upgrade-icon{font-size:18px;color:#b9a9ff;margin-bottom:8px}.upgrade-card b{font:600 12px "Space Grotesk"}.upgrade-card p{font-size:10px;line-height:1.5;color:#8994ad;margin:5px 0 11px}.upgrade-card>span{font-size:10px;color:#c3b7ff}.upgrade-card>span span{margin-left:4px}
.status-card{display:flex;align-items:center;gap:10px;padding:12px 10px;border:1px solid var(--line);border-radius:11px;margin-bottom:15px;background:#ffffff04}
.status-dot,.online-pill i{width:7px;height:7px;border-radius:50%;background:#52d6a0;box-shadow:0 0 12px #52d6a088;flex-shrink:0}
.status-card b,.profile b{display:block;font-size:11px}.status-card small,.profile small{display:block;color:#7e89a0;font-size:9px;margin-top:4px}.status-live{margin-left:auto;color:#65d9ad;font-size:8px;letter-spacing:1px}
.profile{border-top:1px solid var(--line);padding:16px 4px 0;display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#35305d,#1c3e50);border:1px solid #a991ff44;color:#d4cbff;font-weight:700}.more{margin-left:auto;color:#758099}
.main{min-width:0;flex:1;display:flex;flex-direction:column;min-height:100vh}
.topbar{height:69px;flex-shrink:0;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;justify-content:space-between;background:#080b161f}
.top-left,.top-right{display:flex;align-items:center}.breadcrumb{font-size:11px;color:#77839e}.breadcrumb b{font-weight:600;color:#dfe5f5}.crumb-sep{padding:0 10px;color:#46516b}
.top-right{gap:13px}.secure-label{font-size:9px;letter-spacing:1px;color:#9e91d9}.secure-label span{color:#c1adff;margin-right:4px}.online-pill{font-size:9px;color:#8e9ab1;border:1px solid var(--line);border-radius:30px;padding:6px 9px}.online-pill i{display:inline-block;margin-right:5px;width:6px;height:6px}
.top-action{background:#ffffff05;border:1px solid var(--line);color:#aab4c8;border-radius:8px;padding:8px 11px;cursor:pointer;font-size:11px;transition:.2s}.top-action:hover{border-color:#a991ff77;color:#fff}
.mobile-menu{display:none;background:none;border:0;color:#cbd3e5;font-size:19px;margin-right:12px;cursor:pointer}
.chat-area{width:min(880px,calc(100% - 48px));margin:0 auto;flex:1;display:flex;flex-direction:column}
.welcome{margin:auto 0;padding:40px 0 28px;text-align:center;animation:riseIn .75s cubic-bezier(.2,.8,.2,1) both}
.hero-orb{width:104px;height:104px;margin:0 auto 25px;position:relative;display:grid;place-items:center}
.orb-core{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;color:#11162a;background:linear-gradient(145deg,#c1aaff,#65e2e9);box-shadow:0 0 45px #8e7bff55,0 0 85px #62dce922;z-index:2;animation:corePulse 4s ease-in-out infinite}
.orb-core svg{width:34px;height:34px}
.orb-halo{position:absolute;border:1px solid #a899ff45;border-radius:50%;inset:0;animation:orbitPulse 4s ease-in-out infinite}.halo-two{inset:10px;border-color:#6adbe83d;animation-delay:-2s}
.orb-spark{position:absolute;color:#bcaaff;z-index:3;animation:sparkle 3s ease-in-out infinite}.spark-a{right:1px;top:10px;font-size:15px}.spark-b{left:1px;bottom:14px;color:#72e0e8;animation-delay:-1.4s}
.eyebrow{font-size:9px;letter-spacing:2.2px;color:#a99bea;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px}.eyebrow>span:first-child{width:5px;height:5px;background:#6adbe8;border-radius:50%;box-shadow:0 0 9px #6adbe8}.eyebrow-line{height:1px;width:24px;background:linear-gradient(90deg,#a991ff66,transparent)}
.welcome h1{font:600 clamp(34px,5vw,53px)/1.12 "Space Grotesk";letter-spacing:-2.2px;margin:17px 0 13px}.welcome h1 em{font-style:normal;background:linear-gradient(95deg,#c0aaff 5%,#8bcbf2 52%,#6ce3e8 95%);background-clip:text;-webkit-background-clip:text;color:transparent}
.welcome>p{max-width:470px;margin:0 auto;color:#8994aa;font-size:12px;line-height:1.8}
.suggestions{display:grid;grid-template-columns:1fr 1fr;gap:11px;max-width:600px;margin:32px auto 0;text-align:left}
.suggestion{position:relative;min-height:84px;background:linear-gradient(135deg,#151d30c9,#101626c9);border:1px solid var(--line);border-radius:13px;padding:13px 36px 12px 14px;color:var(--text);text-align:left;cursor:pointer;transition:transform .25s,border-color .25s,background .25s;overflow:hidden}
.suggestion:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff08 50%,transparent 80%);transform:translateX(-110%);transition:transform .6s}.suggestion:hover:before{transform:translateX(110%)}
.suggestion:hover{border-color:#a18fff88;transform:translateY(-3px);background:#192139;box-shadow:0 10px 28px #0002}
.suggestion-icon{display:block;color:#b5a5ff;font-size:16px;margin-bottom:8px}.suggestion b{display:block;font-size:11px}.suggestion small{display:block;color:#8290a8;font-size:9px;margin-top:5px}.suggestion i{position:absolute;right:14px;top:14px;color:#8c97ae;font-style:normal}
.composer-wrap{width:min(790px,calc(100% - 48px));margin:0 auto;padding:14px 0 18px}
.composer{background:linear-gradient(135deg,#151d30f2,#111827f2);border:1px solid #8795b52b;border-radius:17px;padding:13px 13px 10px;box-shadow:0 15px 55px #0004;transition:border-color .2s,box-shadow .2s}
.composer:focus-within{border-color:#9d8cff88;box-shadow:0 12px 45px #7c69d51b}
.composer textarea{display:block;width:100%;resize:none;outline:0;border:0;background:none;color:var(--text);padding:3px 3px 12px;min-height:40px;max-height:160px;font-size:12px}.composer textarea::placeholder{color:#727e96}
.composer-tools{display:flex;justify-content:space-between;align-items:center}.hint{font-size:9px;color:#727e96}.hint-spark{color:#ad9cff;margin-right:4px}
.send-button{width:35px;height:35px;border:0;border-radius:11px;background:linear-gradient(135deg,#b29cff,#65dce8);color:#101426;font-size:21px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #8b7bff35;transition:transform .2s,filter .2s}.send-button:hover:not(:disabled){transform:translateY(-2px) scale(1.04);filter:brightness(1.1)}.send-button:disabled{opacity:.4;cursor:not-allowed}
.footer-note{text-align:center;color:#69758d;font-size:9px;margin-top:10px}.footer-lock{color:#9e91d9;margin-right:4px}
.messages{display:flex;flex-direction:column;gap:22px;padding:35px 0 22px}
.message{display:flex;gap:12px;align-items:flex-start;max-width:100%;animation:messageIn .3s ease both}.message.user{flex-direction:row-reverse}
.message-avatar{flex-shrink:0;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#302b50;color:#c4baff;font-size:15px;border:1px solid #a991ff25}.message.user .message-avatar{background:#203847;color:#8de1e9;border-color:#69dce925}
.message-body{max-width:min(680px,calc(100% - 45px));font-size:12px;line-height:1.8;color:#d5dced;white-space:pre-wrap;overflow-wrap:anywhere}
.message.user .message-body{background:#171f30;border:1px solid var(--line);padding:10px 14px;border-radius:13px 4px 13px 13px}.message.assistant .message-body{padding:2px 0}
.typing{color:#a99bea}.typing:after{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#79dce5;margin-left:7px;animation:blink .8s infinite alternate}
.error{color:#ff9caa}.hidden{display:none!important}
.sidebar-backdrop{display:none}
@keyframes riseIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes messageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes logoFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(5deg)}}
@keyframes corePulse{0%,100%{transform:scale(1);box-shadow:0 0 45px #8e7bff55,0 0 85px #62dce922}50%{transform:scale(1.05);box-shadow:0 0 58px #8e7bff77,0 0 100px #62dce944}}
@keyframes orbitPulse{0%,100%{transform:scale(.96);opacity:.55}50%{transform:scale(1.06);opacity:1}}
@keyframes sparkle{0%,100%{opacity:.35;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(25deg)}}
@keyframes blink{from{opacity:.2}to{opacity:1}}
@media(max-width:760px){
 .sidebar{position:fixed;inset:0 auto 0 0;width:270px;min-height:100dvh;transform:translateX(-105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);box-shadow:20px 0 50px #0008}
 .sidebar.open{transform:translateX(0)}
 .sidebar-backdrop{position:fixed;inset:0;background:#030611a8;backdrop-filter:blur(3px);z-index:7}.sidebar-backdrop.open{display:block}
 .mobile-menu{display:block}.topbar{height:62px;padding:0 15px}.top-right{gap:8px}.secure-label{display:none}.top-action{padding:7px 9px}.chat-area{width:calc(100% - 30px)}.composer-wrap{width:calc(100% - 30px)}
 .welcome{padding:28px 0}.welcome h1{letter-spacing:-1.5px}.hero-orb{width:90px;height:90px}.suggestions{gap:8px;margin-top:25px}.suggestion{min-height:82px;padding:11px 26px 10px 11px}.suggestion b{font-size:10px}.suggestion small{font-size:8px}.hint{max-width:78%;line-height:1.5}
}
@media(max-width:380px){.welcome h1{font-size:32px}.welcome>p{font-size:11px}.suggestion small{font-size:8px}.breadcrumb{font-size:10px}.online-pill{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}