:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111923;background:#f6f7f9;font-synthesis:none;font-size:16px;--teal:#087f7b;--nav:#111820;--muted:#65758b;--line:#dce2e9}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #56aaa7;outline-offset:3px}button{transition:background .15s}button:hover:not(:disabled){filter:brightness(.96)}.app{height:100dvh;display:grid;grid-template-columns:286px minmax(0,1fr) 290px;overflow:hidden}.sidebar{background:var(--nav);color:#f5f7f9;padding:26px 14px 22px;display:flex;flex-direction:column;min-height:0}.brand{font-size:32px;font-weight:500;letter-spacing:.4px;margin:0 12px 25px;display:flex;justify-content:space-between}.primary{border:0;border-radius:10px;background:var(--teal);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;font-weight:600}.new-chat{margin:0 8px 26px;min-height:48px}.sidebar nav{display:grid;gap:8px;padding-bottom:25px;border-bottom:1px solid #303b47;margin:0 8px}.sidebar nav button,.conversation-list button,.signout{border:0;color:#f2f4f6;background:none;display:flex;align-items:center;gap:16px;text-align:left;padding:14px;border-radius:8px;width:100%}.sidebar nav button.selected{background:#252f39}.conversation-label{color:#9baabb;margin:26px 14px 12px;font-size:14px}.search{display:flex;align-items:center;gap:8px;color:#8d9bab;margin:0 14px 10px}.search input{background:transparent;border:0;outline:none;color:#fff;min-width:0;width:100%;font-size:13px;padding:6px 0}.search input::placeholder{color:#9baabb}.conversation-list{overflow:auto;flex:1;min-height:0}.conversation-list button{border-radius:0;padding:15px 18px;border-left:3px solid transparent;margin:2px 0;gap:12px}.conversation-list button.active{border-left-color:#18b8b2;background:#242e39}.conversation-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-list svg{flex-shrink:0}.empty-small{font-size:13px;color:#93a2b5;margin:18px;line-height:1.6}.signout{border-top:1px solid #303b47;border-radius:0;margin:16px 8px 0;width:calc(100% - 16px);padding-top:24px}.main{min-width:0;display:flex;flex-direction:column;height:100%;background:#f6f7f9}.main header{height:78px;flex-shrink:0;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;padding:0 28px;gap:12px}.main header h2{font-size:23px;margin:0;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{margin-left:auto;display:flex;gap:14px;align-items:center;flex-shrink:0}.icon{border:0;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:8px}.voice-toggle{display:flex;gap:10px;align-items:center;font-size:15px;cursor:pointer;white-space:nowrap}.voice-toggle input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;padding:0}.voice-toggle span{width:45px;height:26px;background:#b6b9be;border-radius:15px;position:relative}.voice-toggle span:before{content:"";width:20px;height:20px;position:absolute;top:3px;left:3px;border-radius:50%;background:#fff;transition:transform .2s}.voice-toggle input:checked+span{background:var(--teal)}.voice-toggle input:checked+span:before{transform:translate(19px)}.voice-toggle input:focus-visible+span{outline:3px solid #56aaa7;outline-offset:3px}.messages{flex:1;min-height:0;overflow-y:auto;scroll-behavior:smooth}.welcome{text-align:center;padding:23vh 24px 40px;margin:auto}.welcome h1{font-size:42px;letter-spacing:-1px;line-height:1.2;margin:0;font-weight:720}.welcome>p{font-size:24px;color:#55657b;margin:16px 0 45px}.suggestions{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.suggestions button{padding:18px 24px;min-width:180px;border:1px solid #afbdce;background:#fff;border-radius:12px;color:#3f516b;font-size:16px}.composer-wrap{padding:16px 28px 22px;padding-bottom:max(22px,env(safe-area-inset-bottom));flex-shrink:0}.composer{border:1px solid var(--line);background:#fff;border-radius:13px;display:flex;align-items:center;padding:10px 14px 10px 22px;box-shadow:0 4px 14px #22334405;gap:12px}.composer textarea{border:0;resize:none;outline:none;line-height:1.5;min-width:0;width:100%;background:none;color:#1b2634;padding:10px 0;max-height:180px;height:54px}.composer textarea::placeholder{color:#8795a9}.mic{background:#f4f5f7;width:48px;height:48px;border-radius:50%;color:#65758b;flex-shrink:0}.mic.listening{background:#d1eeeb;color:#006f68}.send{width:52px;height:52px;border:0;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;flex-shrink:0}.composer-caption{font-size:13px;color:#708099;margin-top:12px}.connections{padding:36px 22px;border-left:1px solid var(--line);background:#f8f9fb}.connections h3{margin:0 0 24px;font-size:21px}.connection{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:18px 15px;margin-bottom:12px;font-size:15px}.connection i{width:10px;height:10px;border-radius:50%;margin-left:auto;flex-shrink:0}.green{background:#18ae7c}.gray{background:#a8b2bf}.connections p{color:#748197;font-size:13px;line-height:1.6;margin:17px 0 25px}.connections .primary{width:100%;height:48px}.connections .connection-note{font-size:12px;margin-top:20px}.message-column{max-width:820px;margin:0 auto;padding:30px 28px 10px}.message{position:relative;margin:0 0 28px;line-height:1.75;font-size:16px;overflow-wrap:anywhere}.message.user{background:#e7efef;border-radius:14px;padding:15px 20px;margin-left:12%}.speaker{font-weight:650;font-size:13px;color:#65758b;margin-bottom:8px}.message.assistant{padding:5px 4px 12px}.message p{margin:0 0 12px}.message p:last-child{margin-bottom:0}.message pre,.notes pre{background:#edf0f4;padding:16px;border-radius:9px;overflow:auto;font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.message code{font-size:14px}.message table{display:block;overflow:auto}.message a{color:#087f7b}.read-aloud{margin-top:8px;color:#758298}.generating{display:flex;align-items:center;gap:8px;color:#65758b;font-size:13px;padding:0 0 20px}.feature{overflow-y:auto;padding:40px 35px;flex:1}.feature-heading{display:flex;gap:16px;align-items:flex-start;margin-bottom:35px}.feature-heading>svg{color:var(--teal);margin-top:5px;width:27px;height:27px}.feature h1{font-size:28px;margin:0;letter-spacing:-.6px}.feature h2{font-size:19px;margin-top:32px}.feature-heading p{margin:10px 0;color:#64748b;line-height:1.6}.availability{font-size:14px;padding:14px 16px;border-radius:9px;margin-bottom:26px}.online{background:#e6f3ef;color:#23634e}.offline{background:#edf0f4;color:#65758b}.tool-controls{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end}.tool-controls label{display:grid;gap:9px;font-size:13px;color:#536276;flex:1;min-width:160px}select,input{padding:13px;border:1px solid #cbd5df;border-radius:8px;background:#fff;color:#172233;width:100%;font-size:15px}.console{margin-top:30px;background:#111820;color:#d7e1e9;border-radius:12px;overflow:hidden}.console-bar{display:flex;align-items:center;gap:9px;padding:14px 18px;border-bottom:1px solid #303945;font-size:13px}.console-bar span{margin-left:auto;color:#83a599}.console pre{padding:20px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7;min-height:200px;margin:0}.hint{font-size:13px;color:#68798d;line-height:1.65}.learning-stats{display:flex;gap:36px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:28px}.learning-stats div{display:grid;gap:8px}.learning-stats strong{font-size:42px;font-weight:650;letter-spacing:-1px}.learning-stats span{font-size:13px;color:#62748a}.learning-control{display:flex;gap:15px;justify-content:space-between;align-items:center;margin:25px 0;font-size:14px}.secondary{border:1px solid #bdcbd7;border-radius:8px;background:#fff;padding:10px 15px;white-space:nowrap}.notes details{border-bottom:1px solid var(--line);padding:16px 0}.notes summary{cursor:pointer;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.banner{padding:12px 20px;display:flex;align-items:center;justify-content:space-between;font-size:14px;background:#fff0ed}.error{color:#a83224;line-height:1.6}.loading{height:100dvh;display:flex;align-items:center;justify-content:center;gap:12px;color:#64748b}.login{min-height:100dvh;display:grid;grid-template-columns:286px 1fr}.login-brand{background:var(--nav);color:#fff;padding:28px;font-size:32px}.login form{align-self:center;justify-self:center;width:min(440px,calc(100% - 48px));padding:45px 0}.login h1{font-size:36px;letter-spacing:-1px;margin:0 0 15px}.login p{color:#65758b;line-height:1.7}.login label{display:block;font-size:14px;margin:28px 0 10px}.login .primary{margin-top:16px;width:100%}.login-foot{border-top:1px solid var(--line);padding-top:22px;margin-top:35px;color:#8090a2;font-size:12px}.mobile,.scrim{display:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1250px){.app{grid-template-columns:240px minmax(0,1fr)}.connections{display:none}.welcome h1{font-size:38px}}@media(max-width:700px){.app{display:block}.main{width:100%}.sidebar{position:fixed;inset:0 auto 0 0;width:280px;z-index:5;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:translate(0)}.scrim.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;z-index:4}.mobile{display:inline-flex}.main header{height:65px;padding:0 13px;gap:9px}.main header h2{font-size:18px}.header-actions{gap:3px}.header-actions>.icon{padding:6px}.voice-toggle{font-size:0;gap:0}.voice-toggle span{width:40px;height:24px}.voice-toggle span:before{width:18px;height:18px}.voice-toggle input:checked+span:before{transform:translate(16px)}.welcome{padding:15vh 22px 30px}.welcome h1{font-size:31px;letter-spacing:-.8px}.welcome>p{font-size:17px;line-height:1.5;margin:16px 0 30px}.suggestions{gap:10px}.suggestions button{font-size:13px;min-width:0;padding:13px}.composer-wrap{padding:12px 12px max(15px,env(safe-area-inset-bottom))}.composer{padding:8px 9px 8px 15px;gap:6px}.composer textarea{font-size:16px}.mic{width:36px;height:36px}.send{width:42px;height:42px}.composer-caption{font-size:11px;margin:9px 4px 0}.message-column{padding:25px 20px}.message{font-size:15px}.message.user{margin-left:8%;padding:12px 15px}.feature{padding:28px 20px}.feature h1{font-size:25px}.feature-heading{gap:12px}.learning-stats{gap:25px}.learning-stats strong{font-size:34px}.learning-control{align-items:flex-start;font-size:13px}.learning-control p{margin:0}.login{display:block}.login-brand{padding:21px 25px;font-size:27px}.login form{margin:7vh auto 0}.login h1{font-size:32px}.tool-controls>.primary{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.spin{animation:none}}.password-form{max-width:460px}.password-form label{display:block;margin:22px 0 9px;font-size:14px}.password-form .primary{margin-top:24px;width:100%}.login-content{align-self:center;justify-self:center;width:min(440px,calc(100% - 48px));padding:35px 0}.login .login-content form{width:100%;padding:0;margin:0}.auth-flow{max-width:460px}.auth-flow h1{font-size:30px}.auth-flow label{display:block;margin:20px 0 8px;font-size:14px}.auth-flow .primary{width:100%;margin-top:20px}.auth-links{display:flex;justify-content:space-between;gap:16px}.text-button{border:0;background:none;color:#087f7b;padding:14px 0;font-size:14px;text-align:left}.sms-consent{display:flex!important;gap:10px;align-items:flex-start;line-height:1.5}.sms-consent input{width:18px;height:18px;flex-shrink:0;margin:2px 0}.captcha-box{margin-top:15px}.auth-flow>p{color:#65758b;line-height:1.6}@media(max-width:700px){.login-content{margin:25px auto 0;padding:0 0 30px}}.attach-button{flex-shrink:0;border:1px solid #dce2e9;border-radius:50%;width:38px;height:38px;color:#536276}.file-list{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.file-chip{display:flex;align-items:center;gap:8px;border:1px solid #dce2e9;border-radius:10px;background:#fff;padding:10px;min-width:0;max-width:100%;color:#536276;font-size:13px}.file-chip>a:not(.icon){min-width:0;overflow-wrap:anywhere;text-decoration:none;color:#176d6a}.file-chip small{display:block;font-size:11px;color:#7b8797;margin-top:4px}.file-chip .icon{padding:4px;flex-shrink:0}.composer input[hidden]{display:none}@media(max-width:700px){.attach-button{width:30px;height:30px;padding:4px}.composer{gap:5px;padding-left:8px}.composer-caption{font-size:10px}}.attachment-thumbnail{width:44px;height:44px;object-fit:cover;border-radius:6px;background:#f1f4f6;flex-shrink:0}.media-form{display:grid;gap:14px;max-width:660px;margin:24px 0}.media-form label{display:grid;gap:8px}.media-form select,.media-form textarea{font:inherit;padding:12px;border:1px solid #c8cdd1;border-radius:10px;background:#fff;width:100%;box-sizing:border-box}.media-form .cloud-consent{display:flex;align-items:flex-start;gap:10px}.cloud-consent input{width:18px;flex-shrink:0}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px}.media-card{padding:18px;border:1px solid #d9dedf;border-radius:14px;min-width:0;background:#fff}.media-card p{overflow-wrap:anywhere}.media-card img,.media-card video,.media-card audio{width:100%;max-height:360px;object-fit:contain;border-radius:8px;margin:10px 0}.media-card a{display:block;margin:12px 0}.media-feature{overflow-y:auto}.media-options{border:1px solid #d9dedf;border-radius:12px;padding:14px}.media-options summary{cursor:pointer;font-weight:600}.media-options label{margin-top:14px}.media-options input{font:inherit;padding:10px;border:1px solid #c8cdd1;border-radius:8px;box-sizing:border-box;width:100%}.quality-guidance{padding:14px;border:1px solid #c5d8e5;border-radius:12px;background:#f3f8fc}.quality-guidance p{margin:8px 0;font-size:14px}.terminal-feature{max-width:100%;width:100%;min-width:0}.terminal-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.terminal-toolbar span{font-size:13px;color:#627086}.terminal-surface{height:48vh;min-height:280px;background:#09121f;border-radius:12px;padding:12px;overflow:hidden}.terminal-keys{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.terminal-keys button{min-width:40px;padding:9px}.terminal-command{display:flex;gap:8px}.terminal-command input{min-width:0;flex:1;padding:12px;border:1px solid #cbd5e1;border-radius:9px;font-family:monospace}.terminal-feature .xterm{height:100%}.pi-files{max-width:1100px;width:100%;overflow:auto}.files-actions,.file-row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pi-files button{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid #ced8dd;border-radius:9px;background:#fff;color:#23383e;cursor:pointer}.pi-files button:disabled{opacity:.45;cursor:default}.pi-files .primary{background:#477f79;color:#fff}.files-path{padding:12px;background:#e8efef;border-radius:9px;overflow-wrap:anywhere}.pi-file-list{border:1px solid #dce3e5;border-radius:12px;overflow:hidden;margin:16px 0}.pi-file-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid #edf0f2}.pi-file-row:last-child{border:0}.pi-file-name{flex:1;min-width:0;text-align:left;border:0!important;background:transparent!important}.pi-file-name span{overflow-wrap:anywhere}.pi-file-row small{color:#697980;white-space:nowrap}.pi-editor{margin-top:22px}.pi-editor h2{font-size:17px;overflow-wrap:anywhere}.pi-editor textarea{width:100%;height:360px;font-family:ui-monospace,monospace;font-size:14px;line-height:1.5;padding:16px;background:#101b27;color:#e2f0f3;border:1px solid #516575;border-radius:12px;resize:vertical;margin:12px 0;-moz-tab-size:2;tab-size:2}.pi-files .error{color:#a32828}@media(max-width:600px){.pi-file-row{flex-wrap:wrap}.pi-file-name{flex-basis:65%}.file-row-actions{margin-left:auto}.pi-files button{min-height:40px}}.newsroom{max-width:1100px;width:100%;overflow:auto}.news-note{padding:16px;border-radius:12px;background:#fff4de;color:#684921}.news-draft{padding:24px;border:1px solid #dce3e5;border-radius:18px;margin:24px 0;background:#fff;line-height:1.8}.news-tag{font-size:13px;color:#53716c}.news-draft video{display:block;max-width:360px;width:100%;max-height:620px;margin:20px 0;background:#101b27;border-radius:12px}.newsroom button,.newsroom a.primary{display:inline-block;padding:10px 16px;border:1px solid #ccd8d6;border-radius:8px;margin:5px;background:#edf4f2;color:#244d47;text-decoration:none;cursor:pointer}.newsroom button:disabled{opacity:.4}.news-approve{display:block;margin:16px 0}.news-draft p{overflow-wrap:anywhere}.newsroom .error{color:#a32828}html,body,#root{height:100%;overflow:hidden}body{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;overscroll-behavior:none}.app{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;overflow-anchor:none}.main{min-height:0;overflow:hidden}.messages{overscroll-behavior:contain;overflow-anchor:none;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.sidebar{overflow:hidden;padding-top:18px;padding-bottom:14px}.sidebar .brand,.sidebar .new-chat{margin-bottom:14px}.sidebar nav{gap:2px;padding-bottom:14px}.sidebar nav button{padding-top:10px;padding-bottom:10px}.sidebar .conversation-label{margin-top:14px;margin-bottom:6px}.sidebar .search{margin-bottom:6px}.sidebar .signout{margin-top:8px;padding-top:12px}.integration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;max-width:850px}.integration-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.integration-card h2{margin:0;font-size:21px}.integration-card p{color:#65758b;line-height:1.65;min-height:54px}.integration-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.connected-pill,.setup-pill{font-size:12px;padding:6px 9px;border-radius:999px;white-space:nowrap}.connected-pill{background:#e2f4ec;color:#176347}.setup-pill{background:#edf0f4;color:#64748b}.integration-card button{display:inline-flex;align-items:center;gap:8px}.integration-card .integration-note{min-height:0;color:#8a5b18;background:#fff4de;border-radius:8px;padding:10px;font-size:13px}.usage-mini{border:1px solid #d8e1e8;background:#fff;border-radius:12px;padding:13px 14px;margin:14px 0;display:grid;gap:4px}.usage-mini span,.usage-mini small{color:var(--muted);font-size:12px}.usage-mini strong{font-size:19px;color:var(--teal)}.usage-window,.usage-balance,.usage-detail{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;margin:18px 0}.usage-window-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.usage-window-head strong{font-size:28px;color:var(--teal)}.usage-meter{height:12px;background:#e6ebef;border-radius:99px;overflow:hidden;margin:14px 0}.usage-meter span{display:block;height:100%;background:linear-gradient(90deg,#0aa39d,#46c7a7);border-radius:inherit}.usage-window p,.usage-balance p{color:var(--muted);margin-bottom:5px}.usage-window small{color:var(--muted)}.usage-detail{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.usage-detail h2{grid-column:1/-1;margin:0 0 4px}.usage-detail p{margin:0;display:flex;justify-content:space-between;gap:14px}.usage-balance strong{font-size:22px;color:#7b8795}.usage-feature>.secondary{display:inline-flex;align-items:center;gap:8px}
