*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f6f7fb;color:#17181c}.shell{height:100%;display:flex}.sidebar{width:260px;background:#0b0c10;color:#fff;padding:18px;display:flex;flex-direction:column;border-right:1px solid #1d2028}.brand{display:flex;align-items:center;gap:10px;margin:3px 5px 22px;font-size:18px}.brand span{font-weight:400;opacity:.55;margin-left:4px}.brandmark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#fff,#8b8d95);color:#101116;font-weight:900}.newchat{border:1px solid #292d37;background:#171a21;color:#fff;border-radius:12px;padding:12px;text-align:left;font-weight:650;cursor:pointer}.newchat:hover,.side-btn:hover{background:#1e222b}.side-title{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#777d8b;margin:28px 8px 8px}.side-btn{background:transparent;color:#c9ccd4;border:0;border-radius:10px;padding:10px;text-align:left;cursor:pointer}.side-spacer{flex:1}.privacy{font-size:11px;line-height:1.5;color:#6f7480;padding:10px 5px}.main{min-width:0;flex:1;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff 0%,#fafbfe 100%)}.topbar{height:64px;border-bottom:1px solid #e9eaf0;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#ffffffcc;backdrop-filter:blur(14px);z-index:2}.model-pill{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:650;background:#f5f6f9;border:1px solid #e8e9ee;padding:8px 12px;border-radius:999px;max-width:65%;overflow:hidden}.model-pill span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dot{width:8px;height:8px;background:#22c55e;border-radius:50%;box-shadow:0 0 0 4px #22c55e18}.icon-btn{width:38px;height:38px;border:0;background:transparent;border-radius:10px;cursor:pointer;color:#5d6270;font-size:18px}.icon-btn:hover{background:#f1f2f6}.mobile-only{display:none}.chat{flex:1;overflow:auto;padding:30px 18px 15px}.hero{min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;max-width:900px;margin:auto;padding:25px}.hero-orb{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;color:#fff;font-size:27px;background:linear-gradient(135deg,#111827,#6b7280);box-shadow:0 18px 45px #11182724}.hero h1{font-size:38px;letter-spacing:-.04em;margin:20px 0 8px}.hero p{margin:0;color:#777d88}.suggestions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px;width:100%;max-width:760px}.suggestions button{padding:14px;border:1px solid #e6e7ec;background:#fff;border-radius:14px;text-align:left;color:#363943;cursor:pointer;box-shadow:0 3px 14px #17181c06}.suggestions button:hover{border-color:#cdd0d8;transform:translateY(-1px)}.message{max-width:860px;margin:0 auto 25px;display:flex;gap:12px}.avatar{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;font-size:12px;font-weight:800}.message.user .avatar{background:#e9ebf0}.message.assistant .avatar{background:#111827;color:#fff}.bubble{flex:1;min-width:0;line-height:1.7;white-space:pre-wrap;word-break:break-word;padding:3px 0}.composer-wrap{padding:10px 18px 15px}.composer{max-width:900px;margin:auto;border:1px solid #dadde5;background:#fff;border-radius:19px;box-shadow:0 8px 35px #1518270b;padding:10px}.composer textarea{display:block;width:100%;border:0;outline:0;resize:none;font:inherit;font-size:15px;padding:8px;max-height:180px}.composer-bottom{display:flex;align-items:center;gap:8px}.attach{border:0;background:#f3f4f7;width:34px;height:34px;border-radius:10px;color:#606572}.composer-hint{font-size:11px;color:#9a9da6;flex:1}.send{width:36px;height:36px;border:0;border-radius:11px;background:#111827;color:#fff;font-size:19px;cursor:pointer}.send:disabled{opacity:.4}.disclaimer{text-align:center;color:#9a9da6;font-size:10px;margin-top:8px}.modal{position:fixed;inset:0;background:#0008;display:grid;place-items:center;padding:18px;z-index:10}.hidden{display:none}.modal-card{width:min(600px,100%);background:#fff;border-radius:22px;padding:22px;box-shadow:0 30px 100px #0005}.modal-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.modal-head h2{margin:0;font-size:22px}.modal-head p{margin:5px 0;color:#777}.close{border:0;background:#f1f2f5;width:34px;height:34px;border-radius:10px;font-size:22px;cursor:pointer}.modal-card label{display:block;font-size:12px;font-weight:700;margin:14px 0 7px;color:#555b67}.modal-card input{width:100%;height:42px;border:1px solid #dfe1e7;border-radius:10px;padding:0 11px;outline:0}.modal-card input:focus{border-color:#7c8290;box-shadow:0 0 0 3px #1118270b}.key-row{display:flex;gap:7px}.key-row input{flex:1}.key-row button{border:1px solid #dfe1e7;background:#f7f8fa;border-radius:10px;padding:0 12px}.row{display:grid;grid-template-columns:1fr 150px;gap:10px}.provider-note{margin-top:14px;padding:11px;background:#f6f7f9;border-radius:10px;font-size:12px;color:#686e79}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.secondary,.primary{border:0;border-radius:10px;padding:11px 15px;cursor:pointer;font-weight:700}.secondary{background:#eef0f4}.primary{background:#111827;color:#fff}@media(max-width:800px){.sidebar{position:fixed;left:-280px;top:0;bottom:0;z-index:20;transition:.2s}.sidebar.open{left:0}.mobile-only{display:block}.suggestions{grid-template-columns:1fr 1fr}.hero h1{font-size:30px}}@media(max-width:520px){.suggestions{grid-template-columns:1fr}.row{grid-template-columns:1fr}.chat{padding:18px 10px}.composer-wrap{padding:8px 10px 12px}}