*{box-sizing:border-box}body{color:#ededed;background:#141414;margin:0;font:14px Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;background:#242424;border:1px solid #383838;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 13px;transition:background .15s;display:inline-flex}button:hover{background:#333}button:disabled{opacity:.45;cursor:not-allowed}input,textarea{color:#eee;background:#191919;border:1px solid #404040;border-radius:9px;outline:none;width:100%;padding:12px}input:focus,textarea:focus{border-color:#aaa}label{margin:20px 0 10px;font-size:13px;font-weight:600;display:block}label input,label textarea{margin-top:8px;font-weight:400}h1,h2,p{margin-top:0}.muted,.empty{color:#999;line-height:1.65}.primary{color:#171717;background:#eee;border-color:#eee;font-weight:600}.primary:hover{background:#ccc}.error,.success{border-radius:9px;padding:12px 15px;font-size:13px;line-height:1.5}.error{color:#ffc1bc;background:#3b2221}.success{color:#b9e7c4;background:#1e3527}.loading{justify-content:center;align-items:center;gap:12px;height:100dvh;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth{background:radial-gradient(at top,#262626,#141414 70%);place-items:center;min-height:100dvh;padding:24px;display:grid}.authcard{background:#1b1b1b;border:1px solid #353535;border-radius:20px;width:100%;max-width:430px;padding:34px;box-shadow:0 20px 80px #0004}.logo,.brand{letter-spacing:-.8px;align-items:center;gap:9px;font-size:21px;font-weight:700;display:flex}.logo{margin-bottom:38px}.logo span,.brand span{letter-spacing:1px;color:#aaa;border:1px solid #444;border-radius:4px;padding:4px;font-size:8px}.authcard h1{letter-spacing:-.7px;font-size:24px}.authcard .primary{width:100%;margin-top:24px}.workspace{height:100dvh;display:flex;overflow:hidden}.sidebar{background:#101010;border-right:1px solid #282828;flex-direction:column;flex-shrink:0;width:264px;padding:24px 14px 12px;display:flex}.brand{background:0 0;border:0;justify-content:flex-start;padding:0 10px 28px}.brand:hover{background:0 0}.newchat{background:#202020;justify-content:flex-start;margin-bottom:30px}.sectionlabel{letter-spacing:1.4px;color:#777;padding:0 11px 12px;font-size:10px}.sidebar nav{flex:1;overflow:auto}.empty{padding:12px;font-size:13px}.chatrow{border-radius:8px;align-items:center;margin:3px 0;display:flex}.chatrow:hover,.chatrow.active{background:#262626}.chatrow button{background:0 0;border:0;padding:11px 8px;font-size:13px}.chatrow button:first-child{flex:1;justify-content:flex-start;min-width:0}.chatrow span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chatrow button:last-child{opacity:.5;padding:8px}.sidebottom{border-top:1px solid #292929;padding-top:12px}.sidebottom>button{color:#bbb;background:0 0;border:0;justify-content:flex-start;width:100%;margin:3px 0}.count{background:#303030;border-radius:5px;margin-left:auto;padding:2px 6px;font-size:11px}.account{align-items:center;gap:10px;padding:16px 5px 4px;display:flex}.avatar,.messageavatar{border:1px solid #434343;border-radius:50%;place-items:center;width:31px;height:31px;font-size:12px;display:grid}.account b{font-size:12px}.account small{color:#888;margin-top:4px;font-size:10px;display:block}.account button{background:0 0;border:0;margin-left:auto;padding:7px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.main header{flex-shrink:0;justify-content:space-between;align-items:center;height:75px;padding:22px 32px;display:flex}.headerleft{align-items:center;gap:10px;display:flex}.badge{color:#999;border:1px solid #383838;border-radius:5px;padding:4px 6px;font-size:10px}.sandbox{color:#aaa;align-items:center;gap:7px;font-size:11px;display:flex}.dot{background:#72bc87;border-radius:50%;width:6px;height:6px}.conversation{scroll-behavior:smooth;flex:1;min-height:0;overflow:auto}.welcome{justify-content:center;align-items:center;padding:20px;display:flex}.hero{text-align:center;max-width:760px;margin-top:30px}.heroicon{background:#202020;border:1px solid #3a3a3a;border-radius:20px;margin-bottom:28px;padding:16px;display:inline-flex}.hero h1{letter-spacing:-2px;margin-bottom:15px;font-size:clamp(30px,3.8vw,49px);font-weight:600}.hero p{color:#999;font-size:15px}.suggestions{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:34px;display:flex}.suggestions button{color:#bbb;background:#1b1b1b;border-color:#323232;padding:12px;font-size:11px}.composerwrap{width:100%;max-width:850px;margin:0 auto;padding:20px 28px 13px}.composer{background:#242424;border:1px solid #454545;border-radius:20px;padding:15px 17px 12px;box-shadow:0 8px 30px #0002}.composer textarea{resize:none;background:0 0;border:0;min-height:70px;padding:3px 2px;line-height:1.6}.composerbar{align-items:center;gap:10px;display:flex}.modes{gap:3px;display:flex}.modes button{color:#999;background:0 0;border:0;padding:7px 8px;font-size:11px}.modes .selected{color:#eee;background:#414141}.modelname{color:#888;text-overflow:ellipsis;white-space:nowrap;max-width:200px;margin-left:auto;font-size:10px;overflow:hidden}.send{color:#111;background:#e6e6e6;border-radius:50%;margin-left:3px;padding:7px}.disclaimer{text-align:center;color:#777;margin:12px 0 0;font-size:10px}.messages{max-width:810px;margin:auto;padding:18px 28px 40px}.message{gap:15px;margin:12px 0 34px;display:flex}.messageavatar{background:#252525;flex-shrink:0}.messagebody{flex:1;min-width:0;font-size:14px;line-height:1.8}.messagebody>b{font-size:12px}.messagebody p{margin:8px 0 16px}.messagebody pre{background:#0e0e0e;border:1px solid #333;border-radius:10px;max-width:100%;padding:16px;font-size:12px;line-height:1.6;overflow:auto}.messagebody code{background:#242424;border-radius:3px;padding:2px 4px;font-family:monospace}.messagebody pre code{background:0 0;padding:0}.messagebody a{color:#a6cdf9}.messagebody table{border-collapse:collapse;display:block;overflow:auto}.messagebody td,.messagebody th{border:1px solid #444;padding:8px}.thinking{color:#aaa;align-items:center;gap:10px;margin-left:45px;font-size:12px;display:flex}.execution{color:#bbb;border:1px solid #3d3d3d;border-radius:10px;margin-top:10px;padding:10px}.execution summary{cursor:pointer;font-size:11px}.execution summary svg{vertical-align:middle}.execution pre{white-space:pre-wrap;max-height:300px}.modalback{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:30;background:#000a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:#1c1c1c;border:1px solid #424242;border-radius:18px;width:100%;max-width:620px;max-height:90dvh;padding:28px;overflow:auto;box-shadow:0 30px 100px #0007}.modaltitle{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modaltitle h2{letter-spacing:-.5px;margin:0;font-size:20px}.modaltitle button{background:0 0;border:0;padding:3px}.actions{gap:10px;margin:22px 0;display:flex}.sandboxcard{border:1px solid #393939;border-radius:12px;gap:14px;margin:28px 0 14px;padding:18px;display:flex}.sandboxcard svg{color:#9abda1;flex-shrink:0}.sandboxcard b{font-size:13px}.sandboxcard p{color:#999;margin:7px 0 0;font-size:12px;line-height:1.7}.skilllist{margin-top:22px}.skill{border:1px solid #383838;border-radius:12px;justify-content:space-between;gap:12px;margin-bottom:10px;padding:17px;display:flex}.skill>div:first-child{min-width:0}.skill b{overflow-wrap:anywhere}.skill p{color:#999;overflow-wrap:anywhere;margin:7px 0;font-size:12px}.skill small{color:#b9d7bf;font-size:10px}.skillactions{align-items:center;gap:4px;display:flex}.skillactions button{background:0 0;padding:7px}.checkbox{align-items:center;gap:10px;display:flex}.checkbox input{width:17px;height:17px;margin:0}.mobile,.scrim{display:none}@media (min-width:1400px){.hero{margin-top:80px}.composerwrap{padding-bottom:24px}}@media (max-width:850px){.sidebar{width:230px}.hero h1{letter-spacing:-1.4px}.suggestions{max-width:360px;margin-inline:auto}.modelname{max-width:120px}.main header{padding:20px}.composerwrap{padding:12px 20px}.suggestions button{justify-content:flex-start;width:100%}}@media (max-width:650px){.sidebar{z-index:25;width:265px;height:100dvh;transition:transform .2s;position:fixed;transform:translate(-100%)}.sidebar.visible{transform:translate(0)}.scrim{z-index:20;background:#0008;display:block;position:fixed;inset:0}.mobile{background:0 0;border:0;padding:4px;display:inline-flex}.main header{height:64px;padding:14px}.sandbox{font-size:10px}.badge{display:none}.hero{margin-top:0}.hero h1{max-width:320px;margin-inline:auto;font-size:30px}.hero p{max-width:290px;font-size:13px;line-height:1.7}.heroicon{margin-bottom:22px;padding:13px}.suggestions{margin-top:25px}.suggestions button{padding:10px}.composerwrap{padding:10px 12px 14px}.composer{border-radius:16px;padding:12px}.modelname{max-width:100px;font-size:9px}.messages{padding:15px 16px}.message{gap:10px}.messagebody{font-size:13px}.modalback{padding:12px}.modal{padding:22px 18px}.actions{flex-wrap:wrap}.authcard{padding:27px}.skill{padding:12px}.skillactions{flex-direction:column}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}