:root{--ink:#182b39;--muted:#74818b;--line:#e0e6e9;--paper:#fbfcfd;--accent:#b9e263;--nav:#132c3d;--white:#fff;--radius:18px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:15px}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #7aaf35;outline-offset:3px}[hidden]{display:none!important}.shell{display:flex;min-height:100dvh}.sidebar{width:260px;flex-shrink:0;background:var(--nav);color:#edf5f7;padding:32px 22px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:10px;font-size:19px;letter-spacing:-.6px}.brand b{color:var(--accent);font-size:13px;margin-left:4px}.brand-symbol{font-size:30px;font-weight:750;border:1px solid #5d7180;width:43px;height:43px;border-radius:12px;text-align:center;line-height:38px}.brand-symbol span{color:var(--accent)}.workspace-label{font-size:10px;letter-spacing:1.7px;color:#90a6b4;margin:54px 12px 15px}.nav-item{border:0;background:none;color:#b0c0cb;width:100%;text-align:left;padding:15px 13px;border-radius:10px;font-size:13px;margin-bottom:5px}.nav-item>span{margin-right:9px;font-size:18px}.nav-item.selected{background:#263f50;color:var(--white)}.new-chat{background:none;color:var(--accent);border:1px solid #536d54;border-radius:10px;margin:23px 0;padding:12px;text-align:left;font-size:13px}.sidebar-bottom{margin-top:auto}.model-card{border-top:1px solid #334b5b;padding:23px 0 0;display:flex;gap:12px;align-items:center}.model-icon{background:#284151;border-radius:11px;color:var(--accent);font-size:26px;width:40px;height:40px;text-align:center;line-height:40px}.model-card strong{font-size:13px}.model-card small{display:block;font-size:11px;color:#93a9b9;margin-top:5px}.sidebar-bottom p{font-size:10px;color:#93a9b9;margin:17px 0}.environment{font-size:10px;color:#bfd2df;letter-spacing:.7px}main{margin-left:260px;flex:1;min-width:0}header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:var(--white)}header>div{display:flex;align-items:center;gap:12px}header strong{font-weight:600;font-size:14px}.status-dot{width:7px;height:7px;border-radius:50%;background:#83ac4e}.model-pill{font-size:11px;border:1px solid var(--line);border-radius:20px;padding:6px 10px;color:var(--muted);margin-left:5px}.quiet{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:8px 13px;font-size:12px}.chat-view{height:calc(100dvh - 82px);display:flex;flex-direction:column}.messages{flex:1;min-height:120px;overflow:auto;padding:30px max(24px,calc((100% - 850px)/2))}.welcome{max-width:820px;margin:2vh auto 12px;text-align:center}.hero-symbol{width:64px;height:64px;border-radius:21px;background:#eaf2df;border:1px solid #dce8c9;margin:0 auto 22px;color:#4d6d2a;font-size:45px;line-height:60px}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:600;color:#8b959b;margin:0 0 17px}h1{font-weight:500;font-size:clamp(30px,3.1vw,46px);letter-spacing:-1.8px;line-height:1.14;margin:0 0 18px}.intro{color:var(--muted);line-height:1.7;font-size:14px}.suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:left;margin-top:35px}.suggestions button{border:1px solid var(--line);background:var(--white);border-radius:12px;padding:19px 17px;text-align:left;color:var(--ink);transition:border-color .15s,transform .15s}.suggestions button:hover{border-color:#94b264;transform:translateY(-2px)}.suggestions span{font-size:10px;color:#a0acb4;display:block;margin-bottom:20px}.suggestions strong{display:block;font-size:13px;font-weight:600;white-space:nowrap}.suggestions small{display:block;font-size:10px;color:var(--muted);margin-top:9px}.composer-wrap{padding:0 32px 19px;max-width:920px;width:100%;margin:auto}.composer{background:var(--white);border:1px solid #d7dfe4;border-radius:var(--radius);padding:17px 18px 12px;box-shadow:0 6px 30px #192f3c08}.composer:focus-within{border-color:#98b177}.composer textarea{width:100%;resize:vertical;min-height:46px;max-height:160px;border:0;outline:0;background:none;color:var(--ink);font-size:14px;line-height:1.6}.composer textarea::placeholder{color:#909aa2}.composer-bottom{display:flex;gap:10px;align-items:center;color:#94a0a8;font-size:10px}.keyboard-hint{margin-left:auto}.send{width:36px;height:36px;flex-shrink:0;background:var(--accent);border:0;border-radius:11px;font-size:23px;color:#2d4529;margin-left:auto}.keyboard-hint+.send{margin-left:8px}.footnote{font-size:10px;line-height:1.7;color:#939da5;text-align:center;margin:13px 0 0}.chat-status{font-size:12px;color:var(--muted);min-height:18px;margin:8px 0}.chat-status.error{color:#aa3c3c}.message{margin:0 auto 23px;max-width:820px;line-height:1.75;font-size:14px}.message-label{font-weight:600;font-size:11px;color:var(--muted);margin-bottom:6px}.message-body{white-space:pre-wrap;overflow-wrap:anywhere}.message.user .message-body{background:#edf2e7;border:1px solid #e1e8d8;border-radius:14px;padding:14px 18px}.message.assistant .message-body{padding:5px 1px}.message.assistant .message-label{color:#668c35}.api-view{max-width:850px;margin:0 auto;padding:55px 32px}.api-view h1{font-size:35px}.api-card{background:var(--white);padding:23px;border:1px solid var(--line);border-radius:14px;margin:24px 0}.api-card h2{font-size:17px;margin:0 0 18px}.api-card p{font-size:13px;line-height:1.8;color:var(--muted)}code,pre{font-family:Consolas,monospace;font-size:12px}pre{white-space:pre-wrap;word-break:break-word;background:#f1f4f6;padding:18px;border-radius:9px;line-height:1.8}dialog{border:1px solid var(--line);border-radius:22px;width:min(430px,calc(100% - 32px));padding:34px;background:var(--white);color:var(--ink);box-shadow:0 24px 90px #12263826}dialog::backdrop{background:#10293766;backdrop-filter:blur(5px)}dialog h2{font-size:22px;letter-spacing:-.5px}dialog p{color:var(--muted);font-size:13px;line-height:1.7}.dialog-close{position:absolute;right:15px;top:10px;font-size:25px;border:0;background:none;color:var(--muted)}.hero-symbol.small{margin:0;width:45px;height:45px;line-height:41px;font-size:31px;border-radius:13px}dialog label{font-size:12px;display:block;margin:22px 0 8px}dialog input{width:100%;border:1px solid var(--line);border-radius:9px;padding:13px;font-size:13px}.primary{width:100%;border:0;border-radius:9px;background:var(--accent);color:var(--ink);padding:13px;font-weight:600}.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}#access-error{color:#aa3c3c;min-height:20px}#logout-button{margin-top:18px;width:100%}@media(min-height:1000px){.welcome{margin-top:8vh}}@media(max-width:1050px){.sidebar{width:215px;padding:26px 15px}main{margin-left:215px}.brand{font-size:17px}.suggestions{gap:8px}.suggestions button{padding:15px 10px}.suggestions strong{font-size:11px}.suggestions small{font-size:9px}header{padding:0 25px}}@media(max-width:720px){.shell{display:block}.sidebar{position:static;width:100%;padding:15px 18px;display:grid;grid-template-columns:1fr auto;gap:12px}.brand{grid-column:1/2}.brand-symbol{height:33px;width:33px;font-size:25px;line-height:30px}.workspace-label,.sidebar-bottom,.new-chat{display:none}.nav-item{grid-row:2;margin:0;padding:9px 8px;text-align:center;font-size:12px}.nav-item>span{font-size:15px}.sidebar .nav-item:last-of-type{grid-column:2}main{margin-left:0}header{height:62px;padding:0 18px}.model-pill{display:none}.chat-view{height:calc(100dvh - 175px);min-height:520px}.messages{padding:24px 18px}.welcome{margin:0 auto}.hero-symbol{height:48px;width:48px;line-height:46px;font-size:33px;border-radius:16px;margin-bottom:18px}h1{font-size:33px}.suggestions{margin-top:22px;grid-template-columns:1fr}.suggestions button{padding:13px 15px;display:grid;grid-template-columns:22px 1fr}.suggestions span{margin:1px 0;grid-row:1/3}.suggestions strong{font-size:12px}.suggestions small{margin-top:5px;font-size:10px}.composer-wrap{padding:0 14px 13px}.keyboard-hint{display:none}.footnote{font-size:9px}.api-view{padding:30px 20px}.api-view h1{font-size:29px}}
@media(max-width:720px){.sidebar .new-chat{display:block;grid-row:1;grid-column:2;margin:0;padding:8px 10px;font-size:11px}.composer-bottom .send{margin-left:auto}}