:root{color-scheme:dark;--bg:#000;--panel:#0d0d0d;--panel2:#171717;--line:#242424;--text:#f4f4f4;--muted:#8e8e93;--accent:#fff;--user:#262626;--good:#55c97a;--bad:#ff6b6b}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{overscroll-behavior:none}button,input,select,textarea{font:inherit}.hidden{display:none!important}.shell{height:100dvh;display:flex;flex-direction:column;background:#000}.topbar{height:58px;padding:max(8px,env(safe-area-inset-top)) 10px 7px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #111;background:rgba(0,0,0,.95);backdrop-filter:blur(18px);z-index:5}.iconbtn{width:38px;height:38px;border-radius:50%;border:0;background:transparent;color:#eee;font-size:20px}.modelbtn{flex:1;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:0;background:transparent;color:#eee;font-weight:650;padding:9px 6px;font-size:15px}.modelbtn:disabled{opacity:.9}.newbtn{border:1px solid var(--line);background:#111;color:#eee;border-radius:18px;padding:8px 12px}.usagebar{width:100%;border-left:0;border-right:0;border-top:0;background:#000;text-align:left;font-size:11px;color:var(--muted);padding:6px 14px;border-bottom:1px solid #111;display:flex;gap:8px;align-items:center;min-height:29px}.usagebar .good{color:var(--good)}.usagebar .spacer{flex:1}.chat{flex:1;overflow:auto;padding:18px 12px 165px;scroll-behavior:smooth}.welcome{max-width:600px;margin:25vh auto 0;text-align:center;color:#777}.message{max-width:min(86%,760px);margin:0 auto 18px;line-height:1.55;font-size:15px}.message.user{width:max-content;max-width:min(80%,650px);margin-right:0;background:var(--user);padding:10px 14px;border-radius:20px}.message.assistant{width:100%;padding:0 4px}.meta{margin-top:7px;color:#737373;font-size:10px}.content pre{overflow:auto;background:#111;border:1px solid #222;border-radius:12px;padding:11px}.content code{background:#171717;border-radius:5px;padding:2px 4px}.content pre code{background:none;padding:0}.content h1,.content h2,.content h3{font-size:1.05em;margin:16px 0 8px}.composer-wrap{position:fixed;left:0;right:0;bottom:0;padding:30px 10px max(10px,env(safe-area-inset-bottom));background:linear-gradient(transparent 0,#000 28%);z-index:4}.composer{max-width:820px;margin:auto;background:#151515;border:1px solid #292929;border-radius:25px;padding:9px 10px 8px}.composer textarea{display:block;width:100%;min-height:42px;max-height:150px;resize:none;border:0;outline:0;background:transparent;color:#f5f5f5;padding:8px 9px}.compose-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.chip{border:1px solid #303030;background:#151515;color:#cfcfcf;border-radius:18px;padding:7px 10px;font-size:12px}.modeToggle{display:flex;border:1px solid #303030;background:#0d0d0d;border-radius:18px;padding:2px}.modeBtn{border:0;background:transparent;color:#888;border-radius:15px;padding:5px 10px;font-size:12px}.modeBtn.active{background:#f1f1f1;color:#050505;font-weight:750}.send{margin-left:auto;border:0;background:#fff;color:#000;border-radius:50%;width:36px;height:36px;font-weight:900;font-size:17px}.send:disabled{opacity:.4}.gate{position:fixed;inset:0;z-index:30;background:#000;display:flex;align-items:center;justify-content:center;padding:24px}.gate-card{width:min(390px,100%);text-align:center}.gate-logo{font-size:38px;margin-bottom:18px}.gate-card h1{font-size:24px}.gate-card p{color:#888;line-height:1.5}.gate-card input{width:100%;border:1px solid #2a2a2a;background:#111;color:#fff;padding:14px;border-radius:14px;margin:10px 0}.gate-card button{width:100%;border:0;background:#fff;color:#000;padding:13px;border-radius:14px;font-weight:700}.gate-error{color:var(--bad);font-size:12px;min-height:18px;margin-top:8px}.drawerShade{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:19}.drawer{position:fixed;left:0;top:0;bottom:0;width:min(88vw,360px);background:#0a0a0a;border-right:1px solid #222;z-index:20;padding:max(15px,env(safe-area-inset-top)) 10px 20px;display:flex;flex-direction:column}.drawerHeader{display:flex;align-items:center;gap:7px;padding:5px}.drawerHeader b{flex:1}.drawerNew{width:100%;margin:10px 0;border:1px solid #262626;background:#111;color:#eee;border-radius:13px;padding:11px;text-align:left}.sessionList{overflow:auto;flex:1}.session{display:flex;align-items:center;gap:8px;border-radius:11px;padding:10px 9px;margin:2px 0;color:#d8d8d8}.session.active{background:#1a1a1a}.sessionTitle{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sessionMode{font-size:9px;color:#777;border:1px solid #292929;border-radius:9px;padding:2px 5px;margin-left:4px}.sessionDel{border:0;background:transparent;color:#777}.drawerFooter{border-top:1px solid #202020;padding-top:9px}.drawerFooter button{width:100%;text-align:left;border:0;background:transparent;color:#ddd;padding:10px}.modalShade{position:fixed;inset:0;z-index:24;background:rgba(0,0,0,.72);display:flex;align-items:flex-end;justify-content:center}.modal{width:min(100%,650px);max-height:86dvh;overflow:auto;background:#111;border:1px solid #292929;border-radius:24px 24px 0 0;padding:18px 15px max(20px,env(safe-area-inset-bottom))}.modalTop{display:flex;align-items:center}.modalTop h2{flex:1;margin:0;font-size:19px}.close{border:0;background:#222;color:#eee;border-radius:50%;width:34px;height:34px}.field{margin-top:16px}.field label{display:block;color:#999;font-size:12px;margin:0 0 6px}.field input,.field select,.field textarea{width:100%;border:1px solid #2b2b2b;background:#090909;color:#eee;border-radius:12px;padding:11px;outline:none}.field textarea{min-height:130px;resize:vertical}.save{width:100%;border:0;background:#fff;color:#000;border-radius:13px;padding:12px;margin-top:16px;font-weight:750}.usageCard{background:#090909;border:1px solid #242424;border-radius:15px;padding:13px;margin-top:14px}.usageBig{font-size:23px;font-weight:750}.usageSub{color:#888;font-size:12px;margin-top:4px}.budgetTrack{height:7px;background:#232323;border-radius:99px;overflow:hidden;margin-top:10px}.budgetFill{height:100%;background:#ddd;width:0}.modelsheet{position:fixed;inset:0;z-index:23;background:rgba(0,0,0,.72);display:flex;align-items:flex-end}.modelpanel{width:100%;max-height:75dvh;overflow:auto;background:#111;border-radius:24px 24px 0 0;padding:15px 12px max(20px,env(safe-area-inset-bottom))}.modelrow{padding:13px 10px;border-bottom:1px solid #222}.modelrow.active{color:#fff;font-weight:750}.search{width:100%;background:#080808;border:1px solid #292929;border-radius:12px;color:#fff;padding:11px;margin:8px 0}.benchrow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.benchmodels{min-height:80px!important}.benchmodal{max-width:760px}@media(max-width:430px){.chip{max-width:105px}.modeBtn{padding:5px 8px}.compose-actions{gap:5px}}@media(min-width:800px){.message.user{margin-right:calc((100% - 760px)/2)}.modalShade{align-items:center}.modal{border-radius:24px}.drawer{width:360px}}