@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101014;--panel:#15151b;--panel2:#1b1b23;--line:#292932;--text:#f3f1f8;--muted:#92919f;--accent:#b7a2ff;--accent2:#8d6cff;--font:'DM Sans',system-ui,sans-serif;--display:'Manrope',system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px}.app-shell{height:100dvh;display:flex;overflow:hidden;background:radial-gradient(ellipse at 62% 5%,rgba(106,75,180,.07),transparent 40%),var(--bg)}button,textarea{font:inherit}button{color:inherit;cursor:pointer}.sidebar{width:252px;flex:0 0 252px;background:rgba(19,19,24,.96);border-right:1px solid #25252d;display:flex;flex-direction:column;padding:22px 14px 14px;z-index:20}.brand-row{display:flex;align-items:center;gap:10px;padding:0 7px 26px}.brand-mark{width:31px;height:31px;border-radius:11px;background:linear-gradient(145deg,#d0c0ff,#8263ed);display:grid;place-items:center;color:#17121f;font-family:var(--display);font-weight:800;font-size:18px;position:relative;box-shadow:0 0 25px #8c6cf333}.brand-mark i{position:absolute;width:5px;height:5px;background:#fff;border-radius:50%;right:5px;top:5px}.brand-name{font:800 19px var(--display);letter-spacing:-.8px}.brand-name span{color:#b7a2ff}.icon-btn{background:transparent;border:1px solid transparent;border-radius:9px;color:#aaa8b7;display:grid;place-items:center;width:34px;height:34px;font-size:18px}.icon-btn:hover,.tiny-btn:hover{background:#25252e;color:#fff}.sidebar-close{display:none;margin-left:auto}.new-chat{width:100%;display:flex;align-items:center;gap:9px;padding:11px 12px;background:#24222e;border:1px solid #393447;border-radius:10px;text-align:left;font-weight:600;font-size:13px;transition:.18s}.new-chat:hover{background:#302b40;border-color:#65548c}.plus{font-size:20px;color:#c7b8ff;line-height:14px}.new-chat kbd{margin-left:auto;font-size:10px;color:#8f8b9e;border:1px solid #45404f;border-radius:4px;padding:3px 5px}.side-label{font-size:9px;font-weight:700;letter-spacing:1.45px;color:#777583}.sidebar>.side-label{margin:29px 10px 12px}.side-link{border:0;background:transparent;color:#c4c1ce;display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;text-align:left;font-size:12px}.side-link.active{background:#25232e;color:#eee8ff}.side-icon{font-size:17px;color:#b6a2ff}.history-head{display:flex;align-items:center;justify-content:space-between;margin:28px 7px 11px}.tiny-btn{border:0;background:transparent;color:#777583;font-size:10px;border-radius:5px;padding:4px 7px}.history-list{overflow-y:auto;flex:1;min-height:50px}.history-empty{font-size:11px;color:#6f6d7a;line-height:1.6;padding:8px}.history-item{display:flex;gap:7px;align-items:center;width:100%;border:0;background:transparent;color:#aaa8b5;padding:9px 8px;border-radius:7px;text-align:left;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item:hover,.history-item.selected{background:#24232c;color:#f3f1f8}.history-item span{overflow:hidden;text-overflow:ellipsis}.sidebar-bottom{border-top:1px solid #2a2931;padding:14px 5px 2px;margin-top:12px;display:flex;align-items:center;gap:9px}.status-dot{width:8px;height:8px;border-radius:50%;background:#9c8af5;box-shadow:0 0 10px #a28cff88;flex-shrink:0}.sidebar-bottom strong,.sidebar-bottom small{display:block}.sidebar-bottom strong{font-size:11px;font-weight:600}.sidebar-bottom small{font-size:10px;color:#777583;margin-top:3px}.more-btn{margin-left:auto;font-size:17px}.main-panel{flex:1;min-width:0;display:flex;flex-direction:column;position:relative}.topbar{height:64px;flex:0 0 64px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #24242b;background:#101014dd}.top-title{display:flex;align-items:center;gap:9px;font:700 13px var(--display);letter-spacing:-.2px}.mini-mark{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:linear-gradient(145deg,#cdbdff,#8765f2);color:#17121f;font-size:13px;font-weight:800}.model-chip{display:flex;align-items:center;gap:5px;border:1px solid #302d3b;border-radius:20px;padding:4px 8px;font:500 10px var(--font);color:#aaa4bc;margin-left:3px}.live-dot{width:5px;height:5px;border-radius:50%;background:#a892ff}.share-btn{border:1px solid #34333d;background:#17171d;border-radius:8px;padding:8px 11px;font-size:11px;color:#c7c4d0}.share-btn span{font-size:14px;margin-right:5px}.share-btn:hover{border-color:#6e5c9d}.menu-btn{display:none}.chat-area{flex:1;overflow-y:auto;min-height:0;scroll-behavior:smooth}.welcome{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 24px 30px;text-align:center;animation:fadein .5s ease}.welcome-orb{width:92px;height:92px;position:relative;display:grid;place-items:center;margin-bottom:27px}.orb-core{width:51px;height:51px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#c7b4ff,#8764ee 78%);color:#17121f;font:800 29px var(--display);box-shadow:0 0 45px #8e6cff4d, inset 0 1px 2px #fff9}.orbit{position:absolute;border:1px solid #a18aff55;border-radius:50%;inset:0;transform:rotate(-28deg) scaleY(.55)}.orbit-two{inset:9px;transform:rotate(55deg) scaleY(.55);border-color:#bcaaff55}.orb-spark{position:absolute;color:#d4c6ff}.spark-one{right:0;top:7px;font-size:19px}.spark-two{left:0;bottom:5px;font-size:17px}.eyebrow{display:flex;align-items:center;gap:10px;color:#aaa0c7;font-size:9px;letter-spacing:2.2px;font-weight:700}.eyebrow-line{height:1px;width:23px;background:#76649f77}.welcome h1{font:600 clamp(34px,4.4vw,51px)/1.12 var(--display);letter-spacing:-2.3px;margin:18px 0 12px}.welcome h1 em{font-style:normal;background:linear-gradient(100deg,#c5b4ff,#9273f7 65%,#d6c7ff);color:transparent;background-clip:text;-webkit-background-clip:text}.welcome-copy{color:#9997a6;font-size:12px;line-height:1.75;margin:0 0 28px}.suggestion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:min(100%,490px);text-align:left}.suggestion{min-width:0;display:flex;align-items:center;gap:10px;padding:13px 12px;background:linear-gradient(120deg,#1b1a22,#17171d);border:1px solid #2c2b35;border-radius:11px;text-align:left;transition:transform .18s,border-color .18s,background .18s}.suggestion:hover{transform:translateY(-2px);border-color:#5b4c80;background:#211f2a}.suggestion-icon{width:29px;height:29px;display:grid;place-items:center;flex-shrink:0;border-radius:8px;font-size:14px;background:#292438}.suggestion-icon.violet{color:#c3b0ff}.suggestion-icon.orange{color:#f1b88d;background:#342720}.suggestion-icon.blue{color:#91c8ff;background:#202c39}.suggestion-icon.green{color:#8be0bd;background:#20352e;font-size:11px}.suggestion strong,.suggestion small{display:block}.suggestion strong{font-size:11px;font-weight:600;color:#e8e5ef}.suggestion small{font-size:9px;color:#898795;margin-top:4px}.suggestion-arrow{margin-left:auto;color:#716c81;font-size:12px;align-self:flex-start}.composer-wrap{padding:12px 24px 17px;background:linear-gradient(0deg,#101014 78%,transparent);width:100%;max-width:850px;align-self:center}.composer{border:1px solid #393642;border-radius:15px;background:#1a191f;box-shadow:0 10px 35px #0002;transition:border-color .2s,box-shadow .2s;padding:14px 14px 10px}.composer:focus-within{border-color:#74639b;box-shadow:0 0 0 3px #a58cff0d,0 10px 35px #0002}.composer textarea{display:block;width:100%;min-height:28px;max-height:160px;resize:none;outline:0;border:0;background:transparent;color:#f1eff8;font-size:13px;line-height:1.6;padding:0 2px}.composer textarea::placeholder{color:#777583}.composer-tools{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.composer-hint{display:flex;align-items:center;gap:6px;font-size:9px;color:#777583}.hint-spark{font-size:14px;color:#b8a5ff}.hint-separator{color:#514d5c}.send-btn{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:10px;background:linear-gradient(145deg,#c5b3ff,#9879f5);color:#1c1728;transition:filter .15s,transform .15s}.send-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.send-btn:disabled{opacity:.5;cursor:wait}.send-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.disclaimer{text-align:center;color:#666472;font-size:9px;margin-top:11px}.disclaimer span{padding:0 4px;color:#8c78d0}.messages{width:min(100%,720px);margin:0 auto;padding:34px 24px 42px;display:flex;flex-direction:column;gap:23px}.message{display:flex;gap:12px;align-items:flex-start;animation:fadein .22s ease}.message.user{justify-content:flex-end}.message-avatar{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;font:800 13px var(--display);background:linear-gradient(145deg,#cbbaff,#8d6cf3);color:#17121f}.message.user .message-avatar{order:2;background:#292733;color:#c7baff;font:500 13px var(--font)}.message-body{max-width:calc(100% - 44px);min-width:0}.message.user .message-body{background:#24232d;border:1px solid #35333f;border-radius:15px 4px 15px 15px;padding:12px 15px;max-width:82%}.message-name{font-size:10px;color:#9e9ba9;margin:1px 0 7px}.message-text{font-size:13px;line-height:1.8;color:#e3e0eb;white-space:pre-wrap;overflow-wrap:anywhere}.message-text p{margin:0 0 10px}.message-text p:last-child{margin-bottom:0}.message-actions{display:flex;gap:6px;margin-top:10px}.message-action{border:1px solid #34323d;border-radius:6px;background:transparent;color:#918d9e;padding:5px 8px;font-size:10px}.message-action:hover{color:#e4dfff;border-color:#6b5a92}.typing{display:flex;gap:5px;padding:7px 0}.typing span{width:5px;height:5px;border-radius:50%;background:#b8a5ff;animation:bounce 1s infinite ease-in-out}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#292633;border:1px solid #484157;color:#eee9ff;padding:10px 15px;border-radius:9px;font-size:12px;z-index:100;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.about-dialog{width:min(390px,calc(100% - 32px));background:#1b1a22;color:var(--text);border:1px solid #403a50;border-radius:18px;padding:30px;box-shadow:0 30px 100px #0009;text-align:center}.about-dialog::backdrop{background:#050508b8;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:13px;top:10px;border:0;background:transparent;color:#aaa;font-size:24px}.dialog-logo{margin:0 auto 15px;width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#cdbdff,#8765f2);color:#17121f;display:grid;place-items:center;font:800 22px var(--display)}.about-dialog h2{font:700 21px var(--display);margin:0 0 10px}.about-dialog p{color:#aaa6b7;font-size:12px;line-height:1.7}.about-dialog .dialog-note{font-size:10px;color:#858190}.dialog-ok{border:0;border-radius:8px;padding:10px 20px;background:#b8a5ff;color:#1a1525;font-weight:700;margin-top:9px}.mobile-scrim{display:none}@keyframes fadein{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,60%,100%{transform:translateY(0);opacity:.55}30%{transform:translateY(-4px);opacity:1}}
@media(min-height:850px){.welcome{padding-top:45px;padding-bottom:50px}.welcome-orb{margin-bottom:33px}.welcome-copy{margin-bottom:34px}.suggestion{padding:15px 13px}}@media(max-width:760px){.sidebar{position:fixed;left:0;top:0;bottom:0;width:275px;transform:translateX(-102%);transition:transform .22s ease;box-shadow:20px 0 60px #0005}.sidebar.open{transform:translateX(0)}.sidebar-close{display:grid}.mobile-scrim.show{display:block;position:fixed;inset:0;background:#0008;z-index:15}.topbar{height:56px;flex-basis:56px;padding:0 14px}.menu-btn{display:grid;margin-left:-5px}.top-title{margin-right:auto;margin-left:8px;font-size:12px}.model-chip{font-size:9px;padding:4px 6px}.share-btn{padding:7px 9px}.welcome{padding:24px 17px 28px;justify-content:center}.welcome-orb{width:78px;height:78px;margin-bottom:22px}.orb-core{width:45px;height:45px;font-size:25px;border-radius:15px}.welcome h1{font-size:clamp(34px,9vw,46px);letter-spacing:-1.8px;margin-top:15px}.welcome-copy{font-size:11px;margin-bottom:23px}.suggestion-grid{gap:8px}.suggestion{padding:11px 9px;gap:8px}.suggestion-icon{width:26px;height:26px}.suggestion strong{font-size:10px}.suggestion small{font-size:8px;line-height:1.35}.suggestion-arrow{display:none}.composer-wrap{padding:10px 12px calc(12px + env(safe-area-inset-bottom))}.composer{padding:12px 12px 9px;border-radius:13px}.composer textarea{font-size:13px}.disclaimer{font-size:8px;margin-top:9px}.messages{padding:24px 15px 32px;gap:21px}.message-text{font-size:12px;line-height:1.75}.message.user .message-body{max-width:88%}}@media(max-width:360px){.suggestion-grid{grid-template-columns:1fr}.suggestion{padding:10px}.suggestion-arrow{display:block}.welcome{padding-top:18px}.eyebrow{font-size:8px;letter-spacing:1.7px}.model-chip{display:none}}