@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700&display=swap');
.runtime{background:#101512;color:#9caaa3;font:10.5px/1.55 Consolas,"SFMono-Regular",monospace}.runtime .empty{color:#718079}.event{margin:0 0 8px;padding:9px 10px;border:0;border-left:2px solid #53605a;border-radius:0 6px 6px 0;background:#161c19;color:#9caaa3;box-shadow:none}.event b{color:#7f9088;font-size:9px;letter-spacing:.08em}.event p{color:inherit;font:10.5px/1.55 Consolas,"SFMono-Regular",monospace}.event.stream-terminal{border-color:#a77530;color:#bba98d}.event.stream-terminal b{color:#a77530}
.account{margin-left:auto;margin-right:8px;padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--forest);font-size:11px;font-weight:700}.activity{margin-left:0}.auth-modal{position:fixed;z-index:40;inset:0;display:grid;place-items:center;padding:20px;background:#10251e70;backdrop-filter:blur(8px)}.auth-modal[hidden]{display:none}.auth-card{position:relative;width:min(430px,100%);padding:30px;border:1px solid #dce4df;border-radius:20px;background:#fff;box-shadow:0 28px 90px #0d211a45}.auth-close{position:absolute;right:17px;top:15px;border:0;background:none;font-size:24px}.auth-kicker{color:var(--forest);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.auth-card h2{margin:7px 0 8px;font:700 25px Manrope}.auth-card>p{margin:0 0 20px;color:var(--muted);font-size:12px;line-height:1.55}.auth-tabs{display:flex;padding:3px;border-radius:10px;background:#f1f4f2}.auth-tabs button{flex:1;padding:8px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:11px}.auth-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px #12281f10}.auth-card label{display:block;margin-top:14px;color:#46534d;font-size:10px;font-weight:700}.auth-card input{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #d9e0dc;border-radius:9px;outline:0}.auth-card input:focus{border-color:#7fa896}.auth-error{min-height:24px;padding-top:8px;color:#a33d35;font-size:10px}.auth-submit{width:100%;padding:11px;border:0;border-radius:9px;color:#fff;background:var(--forest);font-weight:700}
:root{--ink:#17211e;--muted:#6c7773;--line:#e4e8e5;--paper:#fbfcfb;--forest:#174d3d;--green:#2ca477;--side:#f4f6f4}*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;color:var(--ink);background:var(--paper);font:14px "DM Sans",sans-serif}.app{display:flex;height:100vh}.sidebar{width:264px;flex:0 0 264px;padding:20px 14px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--side)}button,textarea{font:inherit}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 22px}.brand-mark,.welcome-mark{display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#26745b,var(--forest));box-shadow:0 7px 18px #174d3d33}.brand-mark{width:34px;height:34px;border-radius:10px;font:700 16px Manrope}.brand strong,.brand span,.cap strong,.cap small,.health strong,.health small{display:block}.brand span,.cap small,.health small{margin-top:3px;color:var(--muted);font-size:10px}.new-chat{padding:11px 13px;text-align:left;border:1px solid #dbe1dd;border-radius:11px;background:#ffffffbf;font-weight:600}.new-chat b{margin-right:9px;color:var(--forest);font-size:20px}.label{padding:26px 11px 9px;color:#9aa39f;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.cap{display:flex;gap:10px;width:100%;padding:10px;border:0;border-radius:10px;color:inherit;background:transparent;text-align:left}.cap:hover{background:#ffffffc0}.cap i{display:grid;place-items:center;width:28px;height:28px;flex:none;border:1px solid #d8e0db;border-radius:8px;background:#fff;color:var(--forest);font:700 10px Manrope}.cap strong{font-size:12px}.history{max-height:220px;overflow:auto}.history button{display:block;width:100%;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--muted);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history button:hover,.history button.active{color:var(--ink);background:#fff}.health{display:flex;gap:10px;margin-top:auto;padding:15px 10px 2px;border-top:1px solid var(--line)}.health>span{width:8px;height:8px;margin-top:4px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #2ca4771c}.workspace{position:relative;min-width:0;flex:1;display:flex;flex-direction:column;background:#fff}.workspace header{height:68px;flex:none;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--line)}header>div strong,header>div span{display:block}header>div span{margin-top:3px;color:var(--muted);font-size:10px}.activity{display:flex;align-items:center;gap:8px;margin-left:auto;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#54605b;font-size:11px;font-weight:600}.activity i{width:7px;height:7px;border-radius:50%;background:#a4ada9}.activity.live i{background:var(--green);animation:pulse 1.2s infinite}.activity b{padding:1px 5px;border-radius:99px;background:#edf0ee;font-size:9px}.menu{display:none;border:0;background:none}.messages{flex:1;min-height:0;overflow:auto;padding:34px max(28px,calc((100% - 820px)/2)) 170px}.welcome{max-width:760px;margin:9vh auto 0;text-align:center}.welcome-mark{width:48px;height:48px;margin:0 auto 22px;border-radius:15px;font:700 20px Manrope}.welcome h1{margin:0;font:700 clamp(28px,4vw,38px)/1.1 Manrope;letter-spacing:-.04em}.welcome>p{max-width:570px;margin:14px auto 30px;color:var(--muted);line-height:1.65}.examples{display:grid;grid-template-columns:1fr 1fr;gap:12px}.examples button{min-height:88px;padding:16px;text-align:left;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink)}.examples button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1a3a2e12}.examples strong,.examples span{display:block}.examples span{margin-top:6px;color:var(--muted);font-size:10px}.row{display:flex;gap:13px;max-width:780px;margin:0 auto 24px}.row.user{justify-content:flex-end}.avatar{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:9px;color:#fff;background:var(--forest);font-weight:700}.message{max-width:680px;padding-top:4px;line-height:1.68;white-space:pre-wrap;overflow-wrap:anywhere}.row.user .message{padding:11px 15px;border-radius:16px 16px 4px 16px;background:#f0f3f1}.thinking{color:var(--muted);font-size:12px}.composer-wrap{position:absolute;left:0;right:0;bottom:0;padding:22px max(28px,calc((100% - 820px)/2)) 13px;background:linear-gradient(180deg,#fff0,#fff 25%)}.composer{border:1px solid #d9dfdc;border-radius:17px;background:#fff;box-shadow:0 10px 35px #1730271c}.composer textarea{display:block;width:100%;min-height:58px;max-height:180px;padding:16px 17px 7px;resize:none;border:0;outline:0}.composer-row{display:flex;align-items:center;padding:5px 8px 9px 17px;color:var(--muted);font-size:10px}.composer-row button{margin-left:auto;width:34px;height:34px;border:0;border-radius:10px;color:#fff;background:var(--forest);font-size:20px}.composer-wrap>p{text-align:center;color:#9aa39f;font-size:9px}.drawer{position:fixed;z-index:20;inset:0 0 0 auto;width:min(440px,94vw);display:flex;flex-direction:column;background:#fff;box-shadow:-20px 0 60px #142d2424;transform:translateX(105%);transition:.25s}.drawer.open{transform:none}.drawer-head{height:68px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--line)}.drawer-head strong,.drawer-head span{display:block}.drawer-head span{margin-top:3px;color:var(--muted);font-size:10px}.drawer-head button{margin-left:auto;border:0;background:none;font-size:24px}.runtime{flex:1;overflow:auto;padding:16px;background:#f8faf9}.event{margin-bottom:10px;padding:11px 12px;border:1px solid #dfe5e1;border-radius:10px;background:#fff}.event b{display:block;color:var(--forest);font-size:10px;text-transform:uppercase}.event p{margin:5px 0 0;color:#4e5c56;font:11px/1.5 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.empty{margin:30vh auto;text-align:center;color:var(--muted)}.scrim{position:fixed;z-index:15;inset:0;display:none;background:#14251f42}.scrim.open{display:block}@keyframes pulse{50%{opacity:.35}}@media(max-width:720px){.sidebar{position:fixed;z-index:14;inset:0 auto 0 0;transform:translateX(-105%);transition:.25s}.sidebar.open{transform:none}.menu{display:block;margin-right:10px}.messages{padding:24px 16px 155px}.composer-wrap{padding:18px 13px 9px}.examples{grid-template-columns:1fr}}