@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101210;--panel:#181b17;--ink:#edf0e7;--muted:#a0a797;--line:#333b2d;--lime:#d0f68c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,a,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.shell{max-width:1550px;margin:auto;display:grid;grid-template-columns:330px minmax(0,1fr);min-height:100dvh}aside{padding:34px 30px;border-right:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column}.brand{font-family:'Space Grotesk',sans-serif;font-size:42px;letter-spacing:-3px;font-weight:700;text-decoration:none;display:flex;align-items:center}.brand span:first-child{color:var(--lime)}.brand-dot{font-size:40px;margin-left:auto;color:var(--lime);font-weight:400}.eyebrow,.small-label{font-family:'Space Grotesk',sans-serif;letter-spacing:1.4px;font-size:10px;color:var(--muted)}.eyebrow{margin-top:38px}h1{font-family:'Space Grotesk',sans-serif;font-size:32px;font-weight:500;letter-spacing:-1.2px;line-height:1.15;margin:17px 0}.intro{line-height:1.7;color:var(--muted);margin:0 0 32px}.source-card,.model-card{padding:20px 0;border-top:1px solid var(--line)}.small-label{display:block;margin-bottom:12px}strong{font-weight:500;font-size:14px}.source-card p,.model-card p{font-size:12px;color:var(--muted);line-height:1.6}.source-card a{font-size:12px;text-underline-offset:4px;color:var(--lime)}.outline{background:transparent;border:1px solid #617044;color:var(--lime);border-radius:6px;width:100%;padding:10px;margin-top:6px}.outline:disabled{opacity:.6;cursor:wait}progress{width:100%;accent-color:var(--lime)}.aside-bottom{font-size:9px;letter-spacing:1px;margin-top:auto;padding-top:28px;color:var(--muted)}.dot,.live-dot{display:inline-block;background:var(--lime);width:6px;height:6px;border-radius:50%;margin-right:7px}main{min-width:0;display:flex;flex-direction:column;height:100dvh}header{padding:25px 38px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:1px}.text-button{color:var(--muted);background:none;border:none;font-size:12px}.text-button:hover{color:var(--lime)}#chat{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:24px 38px;scroll-behavior:smooth}.welcome{max-width:680px;margin:4vh auto 0}.pill{display:inline-block;border:1px solid #485638;color:var(--lime);padding:6px 10px;border-radius:50px;font-size:9px;letter-spacing:1.5px}h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(38px,5vw,66px);letter-spacing:-3px;font-weight:400;line-height:1.08;margin:24px 0}h2 em{font-style:normal;color:var(--lime)}.welcome>p{color:var(--muted);line-height:1.8}.examples{display:grid;gap:9px;margin:28px 0;max-width:540px}.examples button{display:flex;justify-content:space-between;text-align:left;background:#191e16;border:1px solid var(--line);color:var(--ink);padding:15px 17px;border-radius:7px;font-size:12px}.examples button:hover{border-color:#7d925e}.examples span{color:var(--lime);padding-left:12px}.composer-wrap{padding:16px 38px 8px}form{border:1px solid #54613f;background:#1d2318;padding:12px;border-radius:12px;display:flex;gap:12px;align-items:flex-end}textarea{resize:none;min-height:48px;max-height:140px;width:100%;background:transparent;border:none;color:var(--ink);font:inherit;line-height:1.6;padding:4px 6px}textarea:focus{outline:none}textarea::placeholder{color:#89937e}#send{border:none;border-radius:8px;background:var(--lime);color:#1b2514;font-size:24px;width:42px;height:42px;flex-shrink:0}#send:disabled{opacity:.4;cursor:default}.composer-note{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding:9px 3px}footer{padding:8px 38px 18px;text-align:center;color:#7d8873;font-size:10px;line-height:1.6}.message{max-width:790px;margin:10px auto 24px}.message-label{font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:1.5px;margin-bottom:10px;color:var(--lime)}.user .message-label{color:var(--muted)}.user .message-body{background:#252d1f;border:1px solid #38432d;padding:14px 18px;border-radius:10px;white-space:pre-wrap}.answer{line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.answer:empty{display:none}.notice{color:var(--muted);font-size:12px;line-height:1.7;margin:12px 0}.source-list{margin-top:16px}.source-list>summary{color:var(--lime);cursor:pointer;font-size:12px}.source-item{margin:10px 0;border:1px solid var(--line);padding:14px;border-radius:7px;background:#171c14}.source-item a{font-size:12px;color:var(--lime);text-decoration:none}.source-item pre{font:12px/1.7 'DM Sans',sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;color:#b9c2ae;margin:10px 0 0;max-height:280px;overflow:auto}.error{color:#f4bca8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1400px){.welcome{margin-top:7vh}}@media(max-width:800px){.shell{grid-template-columns:240px minmax(0,1fr)}aside{padding:24px 20px}header{padding:22px}#chat{padding:20px}.composer-wrap{padding:14px 20px 5px}footer{padding:6px 20px 14px}h1{font-size:26px}.welcome{margin-top:2vh}h2{letter-spacing:-1.5px}}@media(max-width:600px){.shell{display:flex;flex-direction:column}aside{padding:18px 20px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:32px}.brand-dot{font-size:30px}.eyebrow,h1,.intro,.aside-bottom{display:none}.source-card{padding:12px 0 0;border:0}.source-card .small-label,.source-card strong,.source-card a{display:none}.source-card p{margin:0}.model-card{padding:12px 0 0;border:0}.model-card .small-label,.model-card>strong,.model-card>p:first-of-type{display:none}.outline{width:auto;padding:8px 14px;margin:0}.model-card #model-status{margin:8px 0 0}main{height:auto;min-height:75dvh}#chat{min-height:350px;max-height:none;overflow:visible}.welcome{margin-top:10px}h2{font-size:42px}.composer-wrap{position:sticky;bottom:0;background:var(--bg);z-index:2}.composer-note{font-size:9px}footer{font-size:9px}.examples button{font-size:11px}}