:root{color-scheme:dark;--bg:#090d16;--surface:rgba(20,28,44,.56);--sidebar:rgba(16,23,35,.67);--text:#eef2fc;--muted:#98a6bf;--dim:#77869f;--line:rgba(183,207,245,.12);--accent:#a4dcf4;--bubble:rgba(115,157,213,.13);--shadow:0 20px 80px #0003;--font:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;overflow:hidden}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input,textarea{color:var(--text)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 63% 53%,#17385157,transparent 42%),radial-gradient(ellipse at 92% 2%,#47297a30,transparent 40%),radial-gradient(ellipse at 42% 100%,#17375235,transparent 40%)}.glass{background:var(--surface);backdrop-filter:blur(30px) saturate(145%);-webkit-backdrop-filter:blur(30px) saturate(145%);border:1px solid var(--line);box-shadow:var(--shadow),inset 0 1px 0 #ffffff09}.app-shell{position:relative;display:flex;height:100vh;height:100dvh;padding:16px;gap:14px}.sidebar{width:258px;flex-shrink:0;border-radius:24px;padding:27px 17px 16px;display:flex;flex-direction:column;background:var(--sidebar)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--text);font-size:34px;font-weight:650;letter-spacing:-1.8px;padding:0 10px}.brand-mark{width:37px;height:40px;font-size:29px;display:grid;place-items:center;position:relative;letter-spacing:-3px;border:1px solid #aacbf23a;border-radius:13px;background:linear-gradient(140deg,#b7d7fb29,#75aad506);box-shadow:inset 0 1px 0 #ffffff26}.brand-mark span{font-size:16px;color:#a6e2ea;position:absolute;right:5px;top:-2px}.brand-period{color:var(--accent)}.space-label{font-size:11px;letter-spacing:1.9px;color:var(--dim);display:flex;justify-content:space-between;padding:33px 11px 14px}.tiny-lock{font-size:15px}.new-chat{border:1px solid #b9d5fc27;background:linear-gradient(125deg,#aacbfb12,#adc5ff05);border-radius:12px;min-height:45px;display:flex;align-items:center;gap:10px;font-size:14px;padding:10px 12px;text-align:left;box-shadow:inset 0 1px 0 #ffffff0b}.key-hint{margin-left:auto;font-size:11px;color:var(--dim);white-space:nowrap}.icon,.suggest-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon svg{width:19px;height:19px}.search-wrap{display:flex;gap:9px;align-items:center;padding:14px 12px;color:var(--dim)}.search-wrap input{background:none;border:0;outline:0;min-width:0;width:100%;font-size:13px}.search-wrap:focus-within{outline:1px solid var(--line);border-radius:10px}::placeholder{color:var(--dim)}.history-label{font-size:11px;color:var(--dim);letter-spacing:1.6px;margin:24px 12px 13px}.conversation-list{flex:1;overflow-y:auto;min-height:0}.conversation-item{width:100%;background:none;border:1px solid transparent;border-radius:10px;padding:12px;color:var(--muted);text-align:left;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;margin-bottom:4px}.conversation-item.active{color:var(--text);background:linear-gradient(90deg,#b5d2ff13,#b5d2ff05);border-color:#b5d2ff0c}.conversation-item:hover{background:#b5d2ff0b}.sidebar-empty{padding:0 12px;color:var(--dim);font-size:13px;line-height:1.6}.sidebar-bottom{padding-top:20px}.domain{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--dim);padding:16px 12px}.orbit-dot{width:7px;height:7px;border:1px solid #8fabc8;border-radius:50%}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:18px 6px 0}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#bbcce130,#7c8baa14);border:1px solid var(--line);font-size:14px}.profile strong{display:block;font-size:14px;font-weight:500}.profile div>span{font-size:11px;color:var(--dim);display:block;margin-top:4px}.profile .icon-button{margin-left:auto}.main{flex:1;min-width:0;display:flex;flex-direction:column;position:relative}.topbar{height:65px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 23px}.top-left,.top-right{display:flex;align-items:center;gap:18px;min-width:0}.top-title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-title>span:last-child{color:var(--dim);font-weight:400}.top-slash{margin:0 14px;color:#64738b}.icon-button{display:grid;place-items:center;border:none;background:none;width:34px;height:34px;border-radius:10px;color:var(--muted);flex-shrink:0}.icon-button:hover{background:#b5d2ff10}.connection{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center}.connection.ready:before{content:'';width:5px;height:5px;background:#a1dec9;border-radius:50%;box-shadow:0 0 8px #94dac966}.welcome{width:100%;max-width:810px;margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:15px 28px 25px;animation:arrive .7s ease-out}.core{position:relative;width:118px;height:118px;margin:6px 0 29px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 32% 23%,#d8f8ff38,transparent 45%),linear-gradient(135deg,#82cefa22,#9181e717 60%,#0a102755);box-shadow:inset 1px 1px 2px #d4efff55,inset -1px -2px 5px #95a9ff36,0 0 60px #5eaeed1c,0 20px 70px #4c83ba16;border:1px solid #b9ddff32;animation:breathe 8s ease-in-out infinite}.core-ring{position:absolute;inset:8px;border-radius:50%;border:1px solid #d3e6ff14;background:linear-gradient(135deg,#b6f8ff16,#393d8710);box-shadow:inset 0 0 14px #bbd8ff10}.core-inner{font-size:70px;line-height:1;font-weight:500;letter-spacing:-5px;padding-right:5px;padding-bottom:9px;color:#d5effc;text-shadow:0 0 20px #83c6ff70;transform:rotate(-8deg)}.core-flare{position:absolute;width:30px;height:2px;background:#c4f1ff;top:10px;left:21px;transform:rotate(-31deg);box-shadow:0 0 17px 4px #9be7ff5c;filter:blur(2px)}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:600;color:#99aec8;margin-bottom:17px}h1{font-size:clamp(38px,4vw,58px);line-height:1.16;letter-spacing:-2.8px;font-weight:450;margin:0}h1 span{display:block;background:linear-gradient(110deg,#b8e6f0 20%,#a6baff 70%,#d5bbfc);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:420}.welcome-copy{color:var(--muted);font-size:15px;line-height:1.8;margin:19px 0 31px}.suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:660px;text-align:left}.suggestions button{position:relative;text-align:left;border:1px solid var(--line);border-radius:17px;background:linear-gradient(130deg,#d0dfff08,#d0dfff02);padding:20px 18px;transition:transform .2s,border-color .2s,background .2s}.suggestions button:hover{transform:translateY(-4px);border-color:#afd5ff46;background:#c7e3ff0c}.suggest-icon{color:#b7cce8;margin-bottom:19px}.suggest-icon svg{width:21px;height:21px}.suggestions strong{display:block;font-size:14px;font-weight:500;margin-bottom:7px}.suggestions button>span:not(.suggest-icon):not(.card-arrow){font-size:12px;color:var(--dim)}.card-arrow{position:absolute;right:17px;top:18px;font-size:16px;color:#8296b3}.composer-area{width:100%;max-width:840px;margin:0 auto;padding:8px 34px 14px;flex-shrink:0}.composer{border-radius:23px;background:linear-gradient(125deg,#809cbb16,#526b8f13 55%,#9588c510);box-shadow:0 13px 60px #0002,inset 0 1px 0 #dcecff13;border-color:#bdcee42c;transition:border-color .2s,box-shadow .2s;padding:18px 20px 13px}.composer:focus-within{border-color:#a1d9fc5c;box-shadow:0 0 0 3px #96d3f205,0 15px 65px #0002}.composer textarea{display:block;width:100%;resize:none;background:none;border:0;outline:0;min-height:38px;max-height:160px;font-size:16px;line-height:1.6;padding:0}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.composer-hint{display:flex;align-items:center;gap:8px;color:var(--dim);font-size:12px}.small-mark{font-size:19px;font-weight:500;line-height:1;color:#99b4d1}.send-button{height:36px;width:36px;border-radius:50%;background:linear-gradient(145deg,#e1effb,#a6c9e3);color:#25374d;border:1px solid #ffffff66;box-shadow:0 2px 14px #b6dfff15;display:grid;place-items:center;transition:transform .2s}.send-button:hover{transform:translateY(-2px);box-shadow:0 0 20px #b6dfff2a}.under-composer{display:flex;justify-content:space-between;gap:10px;color:var(--dim);font-size:11px;padding:13px 9px 0}.messages{flex:1;overflow-y:auto;min-height:0;padding:35px max(28px,calc((100% - 740px)/2)) 25px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#9cbbe130 transparent}.message{margin:0 0 34px;animation:arrive .3s ease-out;line-height:1.85;font-size:16px;overflow-wrap:anywhere}.message.user{margin-left:auto;max-width:86%;width:fit-content;background:var(--bubble);padding:13px 20px;border:1px solid var(--line);border-radius:23px 23px 7px 23px}.message.assistant{position:relative;padding-left:38px}.message.assistant:before{content:'n';position:absolute;left:0;top:0;font-size:25px;color:var(--accent);line-height:1.25}.message-body{white-space:pre-wrap}.message-body p{margin:0 0 12px}.message-body pre{white-space:pre;overflow-x:auto;background:#0003;border:1px solid var(--line);border-radius:14px;padding:18px;font-size:13px;line-height:1.7}.message-body code{font-family:ui-monospace,monospace;font-size:.9em;background:#a1bfe014;padding:2px 5px;border-radius:4px}.message-body pre code{padding:0;background:none}.message-body a{color:var(--accent);text-underline-offset:4px}.message-actions{margin-top:12px;display:flex;gap:8px}.message-actions button{background:none;border:0;color:var(--dim);font-size:12px;padding:4px 0}.message-actions button:hover{color:var(--text)}.thinking{color:var(--muted)}.thinking:after{content:' • • •';animation:breathe 1.5s infinite}.notice{color:var(--muted);font-size:13px;padding:9px 4px;line-height:1.5}.notice button{background:none;border:0;color:var(--accent);margin-left:12px;text-decoration:underline}.preview-banner{position:absolute;top:64px;right:25px;font-size:9px;color:var(--accent);letter-spacing:1.5px;z-index:2;text-align:right}.preview-banner span{display:block;font-size:10px;letter-spacing:0;color:var(--dim);margin-top:5px}.auth-overlay{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:#080d16b8;backdrop-filter:blur(24px);z-index:10}.auth-card{width:100%;max-width:415px;border-radius:30px;padding:38px;text-align:center;background:linear-gradient(150deg,#293b517d,#101927ed)}.auth-logo{font-size:55px;color:var(--accent);position:relative;display:inline-block;margin-bottom:30px}.auth-logo span{font-size:30px;position:absolute;top:-2px;right:-13px}.auth-card h2{font-weight:450;letter-spacing:-1.2px;font-size:31px;margin:0 0 12px}.auth-card>p{color:var(--muted);font-size:14px}.auth-card label{display:block;text-align:left;font-size:12px;color:var(--muted);margin:30px 0 10px}.auth-card input{width:100%;border:1px solid var(--line);border-radius:12px;background:#080e163d;padding:14px;font-size:16px;outline:none}.auth-card input:focus{border-color:var(--accent)}.login-button{display:flex;justify-content:space-between;width:100%;border:0;border-radius:12px;padding:14px;margin-top:12px;background:#c6e4f4;color:#192d3e;font-size:14px;font-weight:600}.auth-error{font-size:13px;color:#f2a7b6;min-height:18px}.auth-domain{font-size:11px;letter-spacing:1px;color:var(--dim)}
body.light{color-scheme:light;--bg:#e7edf3;--surface:#ffffff90;--sidebar:#ffffff70;--text:#172b41;--muted:#4f6279;--dim:#63758a;--line:#728bab2b;--accent:#326b91;--bubble:#bfd8ed52;--shadow:0 20px 80px #425a7d0c}body.light .ambient{background:radial-gradient(ellipse at 62% 53%,#c1e6ed99,transparent 45%),radial-gradient(ellipse at 90% 6%,#d5caed77,transparent 40%)}body.light h1 span{background:linear-gradient(90deg,#367587,#6267a9);background-clip:text;-webkit-background-clip:text}body.light .core-inner{color:#537998}body.light .core{background:linear-gradient(145deg,#ffffffc0,#a9c8e866)}body.light .auth-card{background:linear-gradient(150deg,#f5f9ffed,#e1ebf5ed)}body.light .auth-overlay{background:#dce5efa8}body.light .auth-card input{background:#fff8}.sidebar.collapsed{display:none}
@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{50%{filter:brightness(1.12);box-shadow:inset 1px 1px 2px #d4efff55,inset -1px -2px 5px #95a9ff36,0 0 75px #5eaeed29}}
@media(min-width:1500px){.app-shell{padding:23px;gap:20px}.sidebar{width:280px}.welcome{max-width:870px}.suggestions{max-width:710px}.composer-area{max-width:900px;padding-bottom:25px}.core{width:132px;height:132px}}
@media(max-height:800px) and (min-width:761px){.core{width:83px;height:83px;margin-bottom:20px}.core-inner{font-size:50px}h1{font-size:43px}.welcome-copy{margin:14px 0 20px}.suggestions button{padding:15px}.suggest-icon{margin-bottom:12px}.welcome{padding-top:0;padding-bottom:10px}.composer{padding-top:13px}}
@media(max-width:1050px){.sidebar{width:228px;padding-left:12px;padding-right:12px}.topbar{padding:0 10px}.suggestions{gap:8px}.suggestions button{padding:15px 12px}.suggestions strong{font-size:13px}.suggestions button>span:not(.suggest-icon):not(.card-arrow){font-size:11px}.composer-area{padding-left:22px;padding-right:22px}}
@media(max-width:760px){.app-shell{padding:0;gap:0}.sidebar{display:flex!important;position:fixed;left:10px;top:10px;bottom:10px;width:270px;z-index:6;transform:translateX(-300px);transition:transform .25s;background:var(--sidebar);backdrop-filter:blur(45px)}.sidebar.open{transform:translateX(0)}.scrim{position:fixed;inset:0;background:#0007;border:0;z-index:5}.topbar{height:72px;padding:0 18px}.top-left{gap:9px}.top-title{font-size:14px}.top-slash{margin:0 7px}.top-title>span:last-child{max-width:135px;display:inline-block;vertical-align:bottom;overflow:hidden;text-overflow:ellipsis}.top-right{gap:9px}.connection{font-size:11px}.welcome{padding:20px 23px 14px}.core{width:94px;height:94px;margin:10px 0 25px}.core-inner{font-size:59px}.eyebrow{font-size:9px;letter-spacing:2.3px}h1{font-size:43px;letter-spacing:-2px}.welcome-copy{font-size:14px;margin:17px 0 27px}.suggestions{gap:8px}.suggestions button{padding:15px 11px;min-height:103px;border-radius:14px}.suggestions strong{font-size:12px;line-height:1.4;margin-bottom:0}.suggestions button>span:not(.suggest-icon):not(.card-arrow){display:none}.suggest-icon{margin-bottom:14px}.card-arrow{font-size:12px;right:11px;top:14px}.composer-area{padding:8px 15px max(17px,env(safe-area-inset-bottom))}.composer{border-radius:22px;padding:15px 16px 11px}.composer textarea{font-size:16px;min-height:35px}.under-composer{font-size:10px;padding-top:12px;justify-content:center}.enter-hint{display:none}.composer-hint{font-size:11px}.messages{padding:25px 23px 12px}.message{font-size:15px}.message.assistant{padding-left:30px}.message.user{max-width:90%}.preview-banner{top:67px;right:22px;font-size:8px}.preview-banner span{font-size:9px}.auth-card{padding:30px}}
@media(max-height:730px) and (max-width:760px){.core{width:68px;height:68px;margin:0 0 17px}.core-inner{font-size:45px}h1{font-size:35px}.welcome-copy{margin:13px 0 19px}.eyebrow{margin-bottom:12px}.suggestions button{min-height:85px}.suggest-icon{margin-bottom:9px}.welcome{padding-top:8px;padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}