:root{color-scheme:dark;--bg:#07100f;--side:#091512;--panel:#0e1b19;--border:#21332f;--text:#e7f4ef;--muted:#8aaba0;--green:#51f4b7;--blue:#35c9e8;--soft:#102421;--shadow:0 20px 70px #0007}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:3px}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{background:#2a4740;border-radius:12px}::-webkit-scrollbar-track{background:transparent}.app{height:100dvh;min-height:500px;display:flex;overflow:hidden;background:radial-gradient(circle at 65% -25%,#0c392d 0%,transparent 44%),var(--bg)}.sidebar{width:280px;flex:0 0 280px;display:flex;flex-direction:column;border-right:1px solid #1a312a;background:#091512;position:relative;z-index:30}.side-top{padding:26px 17px 12px}.brand{display:flex;align-items:center;gap:11px}.mark{width:45px;height:45px;display:flex;align-items:center;justify-content:center;flex:none;font-weight:900;letter-spacing:-3px;font-size:17px;color:#07120f;border-radius:15px;background:linear-gradient(140deg,var(--green),var(--blue));box-shadow:0 0 25px #28db9a20;position:relative}.mark span{position:absolute;right:-5px;top:-9px;font-size:18px;color:#8ef6ce;text-shadow:0 0 8px #73edb7}.brand strong{display:block;font-size:20px;letter-spacing:.3px;font-weight:800}.brand small{display:block;font-size:8.5px;font-weight:800;letter-spacing:1.65px;color:#668b81;margin-top:4px}.new-chat{display:flex;width:100%;align-items:center;text-align:left;gap:10px;border:1px solid #31664f;background:linear-gradient(115deg,#153d30,#102d2b);color:#b6f8d5;border-radius:12px;padding:13px 12px;margin-top:34px;font-weight:700;transition:.2s}.new-chat:hover{border-color:var(--green);background:#1a4e3c}.new-chat>span:first-child{font-size:24px;font-weight:300;line-height:16px}.shortcut{margin-left:auto;border:1px solid #285844;color:#6d9d88;border-radius:5px;font-size:9px;padding:3px 6px;letter-spacing:1px}.side-label{display:block;color:#698b7f;font-size:10px;font-weight:800;letter-spacing:1.65px;margin:29px 8px 0}.chat-list{flex:1;overflow-y:auto;padding:4px 11px;min-height:0}.chat-item{width:100%;border:1px solid transparent;color:#9eb7ac;background:transparent;text-align:left;padding:11px 12px;border-radius:10px;display:flex;align-items:center;gap:9px;margin:4px 0;transition:.18s}.chat-item .chat-icon{opacity:.6;font-size:14px}.chat-item .chat-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px}.chat-item:hover{background:#122822}.chat-item.active{background:#19362b;border-color:#295b43;color:#d8ffdf}.empty-history{font-size:12px;line-height:1.6;padding:20px 12px;color:#64877b;text-align:center}.side-footer{padding:14px 13px 15px;border-top:1px solid #20362d}.side-action{width:100%;border:0;background:transparent;color:#a6bdb3;font-size:13px;padding:11px 12px;display:flex;align-items:center;gap:12px;text-align:left;border-radius:10px}.side-action:hover{background:#152b24;color:#fff}.side-action>span{padding-left:2px}.account{margin-top:12px;padding:14px 9px 4px;display:flex;gap:10px;align-items:center;border-top:1px solid #20382f}.account-icon{width:35px;height:35px;border:1px solid #24674a;border-radius:50%;display:grid;place-items:center;background:#154531;color:#82ffbc;font-weight:800}.account b{display:block;font-size:12px}.account small{display:block;color:#628879;font-size:10px;margin-top:3px}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--green);margin-left:auto;box-shadow:0 0 12px var(--green)}.main{display:flex;flex-direction:column;flex:1;min-width:0;position:relative}.topbar{height:79px;flex:0 0 79px;border-bottom:1px solid #1d302c;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#0814108c;backdrop-filter:blur(15px)}.top-left,.top-actions{display:flex;align-items:center;gap:20px}.top-title{font-weight:800;font-size:16px;letter-spacing:.1px}.title-star{color:var(--green)}.top-sub{font-size:11px;color:#87a79b;margin-top:5px}.top-sub i,.under-composer i{display:inline-block;width:6px;height:6px;background:#49ef9c;border-radius:50%;margin-right:5px;box-shadow:0 0 9px #3bfcb6}.api-pill{font-size:9px;font-weight:800;letter-spacing:1px;background:#17372d;color:#88efb8;border:1px solid #285f48;padding:9px 12px;border-radius:40px}.icon-btn{background:transparent;color:#94aca3;border:1px solid transparent;border-radius:9px;font-size:19px;display:grid;place-items:center;width:37px;height:37px}.icon-btn:hover{background:#193028;color:#fff}.menu-btn{display:none}.close-side{display:none}.thread{flex:1;min-height:0;overflow-y:auto;scroll-behavior:smooth;padding:27px 28px 8px}.thread-inner{width:min(850px,100%);margin:0 auto;min-height:100%;display:flex;flex-direction:column}.welcome{margin:auto 0;display:flex;align-items:center;flex-direction:column;text-align:center;padding:24px 0 45px}.hero-mark{width:78px;height:78px;border:1px solid #335b4a;border-radius:22px;display:grid;place-items:center;color:#62f7b9;font-size:40px;font-weight:900;background:linear-gradient(135deg,#1d4835,#102a29);box-shadow:0 0 75px #0bc78929;margin-bottom:23px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:800;color:#65c49a}.welcome h1{font-size:clamp(26px,4vw,38px);margin:15px 0 10px;line-height:1.14;letter-spacing:-1.3px}.welcome h1 em{font-style:normal;color:var(--green)}.welcome>p{color:#98b8ac;line-height:1.65;font-size:14px;margin:0;max-width:500px}.prompt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;width:min(640px,100%);margin-top:34px}.suggestion{padding:17px 18px;min-height:91px;text-align:left;background:linear-gradient(145deg,#11251f,#0b1d1a);border:1px solid #243d32;border-radius:13px;display:flex;gap:13px;align-items:flex-start;transition:.2s;color:#d9f2e7}.suggestion:hover{background:#17382c;border-color:#4fc99b;transform:translateY(-1px)}.suggestion-icon{font-size:22px;line-height:1}.suggestion strong{display:block;font-size:12px;font-weight:750}.suggestion small{display:block;margin-top:7px;line-height:1.45;color:#84a597;font-size:11px}.message{display:flex;gap:14px;padding:20px 0;align-items:flex-start;animation:appear .16s ease}.message.user{flex-direction:row-reverse}.bubble-avatar{flex:0 0 31px;width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#1b372d;color:#7ff1b5;font-weight:900;font-size:12px;border:1px solid #2f6348}.message.user .bubble-avatar{background:#253b3b;color:#83c8d2;border-color:#315b58}.bubble-box{max-width:min(680px,88%);min-width:0}.message.user .bubble-box{padding:14px 17px;border-radius:16px 5px 16px 16px;background:#1c352e;border:1px solid #2b5140}.message.assistant .bubble-box{padding:3px 0}.bubble-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8;color:#dcece5}.message.user .bubble-text{color:#edfff4}.msg-meta{display:flex;align-items:center;gap:10px;color:#638a7a;font-size:10px;margin-top:10px}.message.user .msg-meta{justify-content:flex-end}.copy-btn{border:0;background:transparent;color:#91bbaa;font-size:11px;padding:2px 4px}.copy-btn:hover{text-decoration:underline;color:#b6ffcd}.typing{color:#8baa9f;font-size:13px;display:flex;gap:5px;align-items:center;padding:16px 0}.typing-dot{width:6px;height:6px;background:#6de9b2;border-radius:100%;animation:pulse 1s infinite}.typing-dot:nth-child(2){animation-delay:.18s}.typing-dot:nth-child(3){animation-delay:.36s}@keyframes pulse{0%,80%,100%{opacity:.24;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@keyframes appear{from{opacity:.2;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.composer-area{flex:0 0 auto;padding:10px 28px 25px;background:linear-gradient(0deg,#07100f 76%,#07100f00)}.composer-wrap{width:min(850px,100%);margin:auto}.composer{border:1px solid #3a594e;background:#11231e;border-radius:15px;box-shadow:0 8px 36px #0005;display:flex;align-items:flex-end;gap:9px;padding:10px 10px 10px 15px}.composer:focus-within{border-color:#59d59e;box-shadow:0 0 0 3px #38de9510}.composer textarea{flex:1;min-width:0;resize:none;outline:0;border:0!important;background:none;color:#edfef5;min-height:36px;max-height:180px;line-height:1.5;padding:9px 4px;font-size:13px}.composer textarea::placeholder{color:#729182}.send-btn{width:38px;height:38px;border:0;border-radius:10px;background:linear-gradient(135deg,#6dffbc,#2bc8a9);color:#092b21;display:grid;place-items:center;font-size:16px;transition:.2s;flex:none}.send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 17px #44dcaa59}.under-composer{display:flex;justify-content:space-between;gap:10px;color:#587f71;font-size:10px;margin:11px 9px 0}.under-composer span:first-child{font-size:9px;letter-spacing:1px;font-weight:800}.sidebar-backdrop{display:none}.settings-dialog{width:min(470px,calc(100% - 25px));max-width:none;padding:25px;border:1px solid #315748;border-radius:18px;background:#0e201a;color:#e5f7ed;box-shadow:var(--shadow)}.settings-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h2{margin:0;font-size:19px}.settings-dialog p{font-size:12px;line-height:1.7;color:#a5c2b2}.settings-dialog label,.login-card label{display:block;color:#83b99e;font-size:10px;font-weight:800;letter-spacing:1.3px;margin:20px 0 8px}.settings-dialog textarea,.login-card input{width:100%;border:1px solid #3b5e4e;border-radius:11px;background:#0a1613;color:#f0fff4;padding:13px;outline:0;resize:vertical;font-size:13px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px}.primary,.ghost{border-radius:10px;padding:11px 17px;font-size:12px;font-weight:800;border:1px solid #3d5d50}.primary{background:linear-gradient(120deg,#61f0ac,#3cd5a8);color:#072a1d;border:0}.primary:hover{filter:brightness(1.06)}.ghost{background:transparent;color:#a8bdaf}.ghost:hover{background:#21382d}.login-shell{min-height:100dvh;display:grid;place-items:center;padding:25px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 50% 0%,#14513d 0,transparent 45%),#07100e}.login-glow{position:absolute;width:500px;height:500px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#0e8e6820;filter:blur(100px);pointer-events:none}.login-card{position:relative;z-index:2;width:min(445px,100%);padding:36px;background:#0c1b17ed;border-radius:22px;border:1px solid #255242;box-shadow:0 25px 90px #0008}.center-brand{justify-content:center;margin-bottom:37px}.login-icon{width:68px;height:68px;display:grid;place-items:center;margin:auto;border-radius:18px;background:linear-gradient(135deg,#245f43,#104c46);border:1px solid #348366;color:#84ffc0;font-size:35px}.login-card h1{margin:24px 0 9px;font-size:27px;text-align:center;letter-spacing:-.9px}.login-card p{text-align:center;font-size:13px;line-height:1.7;color:#8dab9f;margin:0 0 16px}.login-card input{height:49px}.login-card .full{width:100%;margin-top:16px;height:48px;display:flex;align-items:center;justify-content:center;gap:10px}.login-card .full span{font-size:18px}.login-foot{text-align:center;color:#587f70;font-size:10px;margin-top:23px}.alert{font-size:12px;color:#ffc5a1;background:#57332245;border:1px solid #8d5b3d;border-radius:9px;padding:12px;line-height:1.5;margin:13px 0;overflow-wrap:anywhere}.alert code{color:#e3ffa6}
@media(max-width:900px){.sidebar{width:245px;flex-basis:245px}.topbar{padding:0 22px}.thread{padding-inline:16px}.composer-area{padding-inline:16px}.api-pill{display:none}}@media(max-width:680px){.app{min-height:0}.sidebar{position:fixed;height:100dvh;width:min(295px,87vw);left:0;top:0;transform:translateX(-110%);transition:transform .25s;box-shadow:25px 0 60px #0008}.app.side-open .sidebar{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;background:#0009;z-index:20}.app.side-open .sidebar-backdrop{display:block}.menu-btn,.close-side{display:grid}.close-side{position:absolute;right:12px;top:21px}.topbar{height:66px;flex-basis:66px;padding:0 14px}.top-left{gap:8px}.top-title{font-size:14px}.top-sub{font-size:9px}.thread{padding:12px 12px 4px}.welcome{padding:22px 0 24px}.welcome h1{font-size:27px}.welcome>p{font-size:12px}.hero-mark{width:64px;height:64px;font-size:30px;margin-bottom:18px}.prompt-grid{gap:8px;margin-top:24px}.suggestion{padding:13px 10px;gap:8px;min-height:105px}.suggestion-icon{font-size:18px}.suggestion strong{font-size:11px}.suggestion small{font-size:10px}.message{gap:9px;padding:14px 0}.bubble-avatar{width:28px;height:28px;flex-basis:28px}.bubble-box{max-width:calc(100% - 36px)}.bubble-text{font-size:13px}.composer-area{padding:9px 10px max(13px,env(safe-area-inset-bottom))}.under-composer{font-size:9px;margin:9px 3px 0}.under-composer span:last-child{display:none}.login-card{padding:26px 21px}}

.link-button{text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px}.minor-link{color:#7ce5b5;text-decoration:underline;text-underline-offset:3px;display:inline-block;margin-top:12px}.install-shell{padding:40px 15px;display:flex;align-items:center;justify-content:center;min-height:100dvh;background:radial-gradient(ellipse at 50% 0%,#134434,transparent 48%),#07100e}.install-card{width:min(620px,100%);background:#0d1e18;border:1px solid #32604a;border-radius:19px;padding:28px;box-shadow:0 28px 80px #0007}.install-card h1{margin:18px 0 8px;font-size:24px}.install-card p,.install-card li{font-size:13px;line-height:1.7;color:#b2cbbd}.install-card li{margin:6px 0}.install-card label{color:#9de4bb;display:block;font-size:12px;margin:17px 0 7px;font-weight:700}.install-card input{width:100%;padding:13px;color:#f2fff9;background:#081711;border:1px solid #355744;border-radius:9px;font-size:14px}.install-card .primary{width:100%;margin-top:20px;padding:14px}.install-card code,.diagnostic code{color:#b3ffd0;background:#142f22;padding:2px 5px;border-radius:4px}.install-card .brand{margin-bottom:12px}.muted{color:#89a79a!important}.notice{border:1px solid #45694a;background:#12352665;padding:12px;border-radius:9px;margin:14px 0}.diagnostic-grid{display:grid;grid-template-columns:1fr auto;gap:10px;border-top:1px solid #304536;padding:12px 0;font-size:13px}.ok{color:#6bf2a5}.bad{color:#ffb5a0}.warn{color:#ffe6a1}.small-link{color:#7deebe;text-decoration:underline}.diagnostic-grid:first-child{border-top:0}.install-actions{display:flex;gap:14px;align-items:center;justify-content:center;margin-top:18px;font-size:13px}@media(max-width:680px){.install-card{padding:22px}}
