:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#eaf0ff;background:#101727}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 30% 0,#263a69 0,#101727 48rem)}button,input{font:inherit}.shell{max-width:850px;margin:auto;min-height:100vh;padding:22px 18px 100px}.top{display:flex;justify-content:space-between;align-items:center;font-weight:650}.top>div{display:flex;align-items:center;gap:10px}.logo{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;color:#111b32;background:#b6e9ff;font-weight:800}.state,.capabilities{display:flex;align-items:center;gap:7px;background:#18233c;border:1px solid #31425f;padding:8px 11px;border-radius:999px;font-size:13px;color:#c8d5ee}.state i{width:8px;height:8px;border-radius:99px;background:#98a7c2}.state.listening i{background:#65d9ab}.state.speaking i{background:#e9af65}.state.tool-running i,.state.background-work i{background:#ab90ff}.capabilities{margin:22px 0;border-radius:12px;flex-wrap:wrap}.capabilities strong{color:#d9f4ff}.privacy{margin-left:auto;color:#9aa8c2}.notice{margin:0 0 14px;padding:10px 12px;border-radius:10px;background:#443622;color:#ffe3a7}.timeline{display:flex;flex-direction:column;gap:18px;min-height:65vh}.item{display:flex;gap:9px;max-width:80%}.item.user{align-self:flex-end;flex-direction:row-reverse}.avatar{min-width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:#263755;color:#cfdeff}.user .avatar{background:#5e58ba}.bubble{padding:11px 14px;line-height:1.45;background:#1b2844;border-radius:4px 16px 16px;white-space:pre-wrap}.user .bubble{background:#635ccc;border-radius:16px 4px 16px 16px}.system .bubble{font-size:13px;color:#bbcae5}.task-badge{margin-left:9px;color:#cfc5ff}.artifact{min-width:min(570px,72vw);overflow:hidden;border-radius:10px;background:#fff;color:#17233c}.artifact header{padding:8px 12px;background:#e9effc;font-size:13px;font-weight:700}.artifact iframe{width:100%;height:215px;border:0;background:#fff}.composer{position:fixed;bottom:17px;left:50%;transform:translate(-50%);display:flex;gap:8px;width:min(814px,calc(100% - 36px));padding:9px;border-radius:17px;background:#1b2844;border:1px solid #40506c}.composer input{flex:1;min-width:0;color:#fff;background:transparent;border:0;outline:0}.composer button{border:0;border-radius:10px;padding:9px 13px;background:#9ae6ff;color:#14203c;font-weight:700}.composer .mic{background:#273958;color:#d4e4ff}.composer .mic.active{background:#e67792;color:#fff}.signin-shell{display:grid;min-height:100vh;place-items:center;padding:24px}.signin-card{max-width:460px;padding:32px;border:1px solid #33486c;border-radius:20px;background:#17243e;box-shadow:0 20px 60px #0006}.signin-card .logo{margin-bottom:18px}.signin-card h1{margin:0 0 12px;font-size:26px}.signin-card p{line-height:1.55;color:#bfcee8}.primary-link{display:inline-block;margin-top:12px;padding:10px 14px;border-radius:10px;background:#9ae6ff;color:#14203c;text-decoration:none;font-weight:750}@media(max-width:620px){.shell{padding:16px 12px 96px}.top{align-items:flex-start;gap:12px}.capabilities{align-items:flex-start;flex-direction:column}.privacy{margin-left:0}.item{max-width:94%}.artifact{min-width:70vw}.composer{width:calc(100% - 24px);bottom:12px}}