*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#070b16;color:#eef3ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.shell{display:flex;min-height:100vh;background:radial-gradient(ellipse at 55% 42%,#10234a 0%,#090f20 45%,#070b16 78%)}.sidebar{width:270px;flex-shrink:0;border-right:1px solid #1e2a42;background:#080e1d;padding:24px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin-bottom:32px}.brand img{width:58px;height:58px;object-fit:cover;border-radius:14px;border:1px solid #d6b65e;box-shadow:0 0 22px #168bff55}.brand b{display:block;letter-spacing:1.5px}.brand small{display:block;font-size:8px;color:#d8b65e;letter-spacing:1px;margin-top:4px}.new,.suggestions button{background:#101d34;border:1px solid #30466b;color:#eaf2ff;border-radius:12px;padding:13px;text-align:left;font-weight:650;cursor:pointer}.side-note{margin-top:25px;color:#8494b2;font-size:12px;line-height:1.6}.profile{margin-top:auto;border-top:1px solid #1e2a42;padding-top:18px;display:flex;align-items:center;gap:10px;font-size:13px}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#1b3760;color:#f1c75b;font-weight:800}.muted{margin-left:auto;color:#7f8eaa;font-size:11px}.main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh}header{height:68px;border-bottom:1px solid #1e2a42;display:flex;align-items:center;justify-content:flex-end;padding:0 28px}.status{font-size:12px;color:#9eacc5}.status i{display:inline-block;width:7px;height:7px;background:#40d7a0;border-radius:50%;margin-right:7px}.mobile-brand{display:none;align-items:center;gap:8px}.mobile-brand img{width:30px;height:30px;object-fit:cover;border-radius:8px}.conversation{flex:1;display:flex;justify-content:center;align-items:center;padding:30px 20px}.welcome{text-align:center;max-width:700px}.welcome-logo{width:min(220px,48vw);aspect-ratio:1;object-fit:cover;border-radius:28px;border:1px solid #d6b65e;box-shadow:0 0 55px #168bff55,0 0 25px #e6c25b33;margin:0 auto 24px;display:block}.eyebrow{font-size:10px;letter-spacing:4px;color:#d7b65e}.welcome h1{font-size:clamp(30px,5vw,48px);margin:12px 0;background:linear-gradient(90deg,#fff,#d6b65e,#7ccaff);color:transparent;background-clip:text}.sub{color:#9cabc4;font-size:15px}.suggestions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:32px}.suggestions button{padding:11px 14px}.messages{width:min(850px,100%);align-self:center;display:flex;flex-direction:column;gap:22px;max-height:65vh;overflow:auto}.message{max-width:85%;line-height:1.65;white-space:pre-wrap}.message.user{align-self:flex-end;background:#18345a;border:1px solid #2c578b;border-radius:18px 18px 4px 18px;padding:15px 18px}.message.assistant{align-self:flex-start;padding:8px 4px}.bubble-label{font-size:9px;letter-spacing:2px;color:#d9b95e;margin-bottom:7px}.notice{max-width:850px;width:calc(100% - 40px);margin:0 auto 10px;color:#aab9d1;font-size:11px;text-align:center}.notice code{color:#e8cb75}.composer{width:min(850px,calc(100% - 40px));margin:0 auto 12px;border:1px solid #34496d;background:#0c1528;border-radius:18px;padding:12px 14px;box-shadow:0 15px 55px #0005}.composer textarea{width:100%;resize:vertical;min-height:48px;background:transparent;border:0;outline:0;color:#f2f6ff;font:inherit}.composer textarea::placeholder{color:#71819e}.composer-bottom{display:flex;align-items:center;justify-content:space-between;color:#7385a3;font-size:10px}.composer-bottom button{border:0;border-radius:11px;width:36px;height:36px;background:linear-gradient(135deg,#f4d77b,#398de4);font-size:23px;font-weight:800;color:#07101e;cursor:pointer}.composer-bottom button:disabled{opacity:.45;cursor:not-allowed}footer{text-align:center;color:#64738e;font-size:10px;padding:0 15px 16px}.message.error{color:#ffb5b5}@media(max-width:700px){.sidebar{display:none}.main{min-height:100dvh}header{height:56px;justify-content:space-between;padding:0 18px}.mobile-brand{display:flex;font-weight:800;letter-spacing:1px;color:#f2d276}.conversation{padding:20px 14px}.suggestions{flex-direction:column}.suggestions button{width:100%}.composer{width:calc(100% - 24px)}.message{max-width:94%}}