*{box-sizing:border-box} :root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#10213b;background:#f4f7fc;font-synthesis:none}body{margin:0;display:flex;height:100dvh;overflow:hidden}button,textarea,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button,textarea{ -webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:3px solid #51b9ff;outline-offset:4px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbols{display:none}[hidden]{display:none!important}.sidebar{width:264px;flex-shrink:0;background:linear-gradient(155deg,#12365e,#102e54 65%,#0c3b77);color:#eff6ff;padding:40px 18px 20px;display:flex;flex-direction:column;position:relative;overflow:hidden}.sidebar:after{content:"";position:absolute;left:-85px;right:-90px;bottom:140px;height:130px;border-top:18px solid #147bdd55;border-radius:50%;transform:rotate(-25deg);pointer-events:none}.brand{display:flex;align-items:center;gap:16px;margin:0 15px 44px;font-size:24px;font-weight:650}.brand svg{width:35px;height:35px;color:#c4dffc}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:500;margin-top:7px;color:#a5c1df}.nav{width:100%;border:0;background:none;color:#dce9fa;display:flex;gap:15px;align-items:center;text-align:left;padding:17px 15px;margin:6px 0;border-radius:11px;font-size:15px;position:relative;z-index:1}.nav svg{color:#bbd5ef}.nav:hover{background:#ffffff0e}.nav.active{color:#fff;background:linear-gradient(110deg,#2379d7,#2169ba);box-shadow:0 5px 15px #001f482e,inset 0 0 0 1px #78b4ff25}.nav.active svg{color:white}.nav .dot{margin-left:auto}.sidebar-bottom{margin-top:auto;z-index:1}.sidebar-foot{font-size:11px;color:#9bb9db;padding:16px 15px 0}.sidebar-foot span{padding:0 6px}.local-note{font-size:11px;color:#a9c6e7;padding:15px;display:flex;align-items:center;gap:8px}.local-indicator{height:6px;width:6px;background:#64c8fa;border-radius:50%}main{min-width:0;flex:1;display:flex;flex-direction:column;background:linear-gradient(135deg,#fff,#f9fbff)}.header{display:flex;align-items:center;gap:22px;padding:25px 36px;border-bottom:1px solid #dce4ef;min-height:132px;background:#ffffffa0}.avatar{background:#dceeff;border-radius:50%;overflow:hidden;position:relative;flex-shrink:0;border:1px solid #e1edfa}.avatar img{position:absolute;width:175%;max-width:none;left:-37%;top:-3%}.header-avatar{width:82px;height:82px}.identity{min-width:0}.identity-title{display:flex;align-items:center;gap:16px}h1{font-size:36px;letter-spacing:-1.4px;line-height:1.1;margin:0;font-weight:700}.ai-badge{font-size:9px;font-weight:700;letter-spacing:1px;color:#6d86a7;background:#f0f5fb;border:1px solid #e1e9f2;border-radius:5px;padding:5px 7px}.identity p{margin:10px 0 0;color:#63728a;font-size:14px;display:flex;align-items:center;gap:7px}.dot{display:inline-block;border-radius:50%;width:8px;height:8px;background:#24be55;flex-shrink:0;box-shadow:0 0 0 3px #24be550a}.dot.waiting{background:#e1a43f}.dot.offline{background:#d36a6a}.header-actions{margin-left:auto;display:flex;gap:10px}.icon-button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #d7e0ed;background:#fbfcfe;color:#3c5576;border-radius:12px;font-size:24px;flex-shrink:0}.icon-button:hover{background:#edf4ff;border-color:#b3c9e8}.mobile-menu{display:none}.chat-view{flex:1;display:flex;flex-direction:column;min-height:0}.chat-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:26px 36px}.conversation{max-width:1050px;margin:auto}.day{display:flex;align-items:center;gap:16px;color:#75859d;font-size:12px;margin:0 0 32px}.day:before,.day:after{content:"";height:1px;background:#dfe6f0;flex:1}.day span{background:#f0f3f8;padding:6px 26px;border-radius:20px}.message{display:flex;align-items:flex-start;gap:15px;margin-bottom:24px}.message-avatar{width:48px;height:48px}.message-main{min-width:0;max-width:88%}.message-meta{font-size:11px;color:#8593a7;margin:7px 9px}.bubble{background:#eaf2ff;border:1px solid #e1ecfa;border-radius:4px 20px 20px 20px;padding:17px 21px;font-size:15px;line-height:1.7;overflow-wrap:anywhere}.bubble p{margin:0 0 10px}.bubble p:last-child{margin:0}.bubble h3,.bubble h4{font-size:16px;margin:12px 0 7px}.bubble ul,.bubble ol{padding-left:24px;margin:8px 0}.bubble pre{background:#102b48;color:#e0edff;padding:15px;border-radius:9px;overflow-x:auto;font-size:13px;line-height:1.6;white-space:pre}.bubble code{font-family:Consolas,monospace;font-size:.9em;background:#ffffff77;padding:2px 4px;border-radius:4px}.bubble pre code{background:none;padding:0;color:inherit}.message.user{justify-content:flex-end}.user .bubble{background:#185fb8;color:white;border-color:#185fb8;border-radius:20px 4px 20px 20px;white-space:pre-wrap}.user .message-meta{text-align:right}.greeting .bubble{font-size:18px;padding:19px 23px}.suggestions{margin:25px 0 30px 64px}.suggestions p{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#8391a7;margin-bottom:12px}.suggestions>div{display:flex;flex-wrap:wrap;gap:9px}.suggestions button{background:#fff;border:1px solid #dce5f0;border-radius:9px;padding:12px 14px;color:#50627a;font-size:12px;text-align:left}.suggestions button:hover{border-color:#418be3;background:#f3f8ff}.suggestions span{margin-left:14px;color:#418be3}.composer-wrap{padding:20px 30px 13px;border-top:1px solid #dce4ef;background:#fff}#composer{display:flex;align-items:flex-end;gap:12px;max-width:1180px;margin:auto}textarea{resize:none;min-height:58px;max-height:150px;flex:1;min-width:0;border:1.5px solid #bdd0e9;box-shadow:0 2px 8px #234c7c06;border-radius:13px;padding:17px 19px;line-height:22px;color:#193451;background:white;font-size:16px}textarea:focus{outline:none;border-color:#267cfc;box-shadow:0 0 0 3px #2f83ff10}textarea::placeholder{color:#8795a9}.attach-button{height:58px;width:55px}.send-button{width:60px;height:58px;border-radius:13px;border:none;background:linear-gradient(130deg,#1379ed,#0451cc);color:white;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0064d722}.send-button svg{width:25px;height:25px}.stop-button{height:58px;background:#fff0ef;color:#b3433d;border:1px solid #e9b9b4;border-radius:12px;padding:0 14px}.composer-note{text-align:center;font-size:10px;color:#98a5b8;margin:12px 0 0}.composer-note span{margin-left:10px}.attachment{font-size:12px;margin:0 0 10px 66px;color:#315b89;align-items:center;gap:10px;display:flex}.attachment button{border:0;background:#eef4fc;color:#52759a;border-radius:5px;font-size:20px}.error{color:#9e3935;background:#fff3ef;border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:12px}.panel{flex:1;overflow:auto;padding:40px;max-width:1000px;width:100%;margin:auto}.panel h2{font-size:28px;letter-spacing:-.7px;margin:0 0 12px}.panel>p{color:#64758d;line-height:1.7}.card{padding:22px;background:white;border:1px solid #dce5f0;border-radius:14px;margin:16px 0;line-height:1.7}.card h3{margin:0 0 8px}.card p{margin:5px 0;color:#65748a}.card button,.primary,.secondary{border:0;background:#1768cb;color:white;border-radius:8px;padding:11px 16px;margin-top:12px}.secondary{background:#edf3fa;color:#2b5486;margin-right:10px}.history-item{display:block;width:100%;padding:18px;margin:10px 0;background:white;border:1px solid #dce5f0;border-radius:12px;text-align:left;color:#193451}.history-item small{display:block;margin-top:6px;color:#8290a4}.panel textarea{display:block;width:100%;height:260px;max-height:none;margin-top:18px;font-size:13px}.muted{color:#718097;font-size:13px;line-height:1.7}.setting-row{display:flex;gap:12px;align-items:center;padding:15px 0}.setting-row input{width:18px;height:18px;accent-color:#1768cb}dialog{border:1px solid #dde5ef;border-radius:24px;max-width:460px;width:calc(100% - 32px);padding:32px;color:#193451;box-shadow:0 30px 100px #081e4c44}dialog::backdrop{background:#0c23485c;backdrop-filter:blur(3px)}dialog p{line-height:1.7;font-size:14px}dialog h2{font-size:29px;margin:20px 0 12px}.about-avatar{width:100px;height:100px}.dialog-close{position:absolute;right:20px;top:20px}.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}.veil{display:none}.thinking{color:#7c8c9f}.thinking:after{content:"";display:inline-block;width:5px;height:5px;background:#328be4;border-radius:50%;margin-left:10px;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.25}}
@media(min-width:1500px){.sidebar{width:285px}.header{padding:32px 45px;min-height:150px}.header-avatar{width:90px;height:90px}.chat-scroll{padding:35px 45px}.greeting .bubble{font-size:20px}}
@media(max-width:1050px){.sidebar{width:225px;padding-left:12px;padding-right:12px}.nav{font-size:13px;gap:12px}.brand{font-size:21px;margin-left:12px}.header{padding:22px;gap:16px}.ai-badge{display:none}.chat-scroll{padding:24px}.status-detail{display:none}.suggestions{margin-left:63px}.composer-wrap{padding:16px 22px 12px}}
@media(max-width:700px){.sidebar{position:fixed;inset:0 auto 0 0;width:265px;z-index:10;transform:translateX(-100%);transition:transform .18s}.sidebar.open{transform:translateX(0)}.veil:not([hidden]){display:block;position:fixed;inset:0;background:#0e23495c;border:0;z-index:9}.mobile-menu{display:flex;border:0;background:transparent;width:30px}.header{gap:11px;padding:15px 16px;min-height:93px}.header-avatar{width:50px;height:50px}h1{font-size:25px;letter-spacing:-.7px}.identity p{font-size:11px;margin-top:6px;gap:6px}.header-actions{gap:5px}.header-actions .icon-button{width:33px;height:36px;border:0;background:transparent;font-size:23px}.header-actions svg{width:21px;height:21px}.chat-scroll{padding:22px 16px}.day{margin-bottom:24px}.message{gap:9px;margin-bottom:20px}.message-avatar{height:33px;width:33px}.message-main{max-width:calc(100% - 42px)}.bubble{font-size:14px;padding:13px 15px;border-radius:4px 15px 15px 15px}.greeting .bubble{font-size:16px;padding:15px}.message.user .message-main{max-width:90%}.suggestions{margin:24px 0 24px 42px}.suggestions>div{flex-direction:column;align-items:flex-start}.suggestions button{font-size:12px;padding:11px 12px}.composer-wrap{padding:12px 12px max(10px,env(safe-area-inset-bottom))}#composer{gap:8px}textarea{min-height:50px;padding:13px 12px;font-size:16px;border-radius:11px}.attach-button{width:35px;height:50px;border:none;background:transparent}.send-button{width:48px;height:50px;border-radius:11px}.stop-button{height:50px;padding:0 10px;font-size:12px}.composer-note{font-size:9px;line-height:1.4;margin-top:9px}.composer-note span{display:block;margin:3px 0 0}.attachment{margin-left:43px}.panel{padding:26px 20px}.panel h2{font-size:25px}.card{padding:18px}.bubble pre{font-size:12px;padding:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}