:root{--font-sans:"Sora", "Avenir Next", "Segoe UI", sans-serif;--font-mono:"Space Mono", "JetBrains Mono", "SFMono-Regular", Menlo, monospace;--bg-0:#08120f;--bg-1:#10231a;--bg-2:#193228;--panel:#070f0cc2;--line:#8cffc73d;--text:#d8ffe8;--muted:#8fd7b2;--accent:#49f3a2;--danger:#ff7f7f}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--text);font-family:var(--font-sans), "Avenir Next", "Segoe UI", sans-serif;background:radial-gradient(1200px 550px at 12% -8%, #66ffb638, transparent), radial-gradient(900px 620px at 90% 120%, #47d8a633, transparent), linear-gradient(160deg, var(--bg-0), var(--bg-1) 44%, var(--bg-2));overflow:hidden}.page-wrap{grid-template-rows:auto minmax(0,1fr);gap:1rem;width:min(980px,100%);height:100dvh;margin:0 auto;padding:clamp(1rem,2.4vw,1.8rem);display:grid;overflow:hidden}.hero{width:100%}.eyebrow{color:var(--muted);font-family:var(--font-mono), "JetBrains Mono", monospace;letter-spacing:.06em;text-transform:uppercase;margin:0 0 .45rem;font-size:.84rem}.hero h1{margin:0;font-size:clamp(2rem,5.2vw,3.2rem);line-height:1.02}.role-title{color:#dfffee;margin:.45rem 0 0;font-size:clamp(1.05rem,2.4vw,1.45rem);font-weight:700;line-height:1.2}.subtitle{color:#bcf5d8;max-width:72ch;margin:.72rem 0 0}.hero-links{flex-wrap:wrap;gap:.55rem;margin-top:.85rem;display:flex}.hero-links a{color:#d6ffea;font-family:var(--font-mono), "JetBrains Mono", monospace;background:#122c2266;border:1px solid #8fffce4d;border-radius:999px;justify-content:center;align-items:center;padding:.35rem .7rem;font-size:.73rem;text-decoration:none;display:inline-flex}.hero-links a:hover{border-color:#a3ffd994}.terminal-shell{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);border-radius:18px;flex-direction:column;width:100%;height:100%;min-height:0;animation:.42s both slide-up;display:flex;overflow:hidden;box-shadow:0 30px 70px #00000073,inset 0 0 0 1px #69f4b714}.terminal-header{border-bottom:1px solid var(--line);font-family:var(--font-mono), "JetBrains Mono", monospace;color:var(--muted);align-items:center;gap:.9rem;padding:.7rem .9rem;font-size:.84rem;display:flex}.status-lights{gap:.3rem;display:flex}.status-lights span{border-radius:50%;width:.62rem;height:.62rem}.status-lights span:first-child{background:#ff7f7f}.status-lights span:nth-child(2){background:#ffd66f}.status-lights span:nth-child(3){background:#73ffac}.terminal-header p{flex:1;margin:0}.header-actions{gap:.35rem;margin-left:auto;display:flex}.header-btn{font-family:var(--font-mono), "JetBrains Mono", monospace;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #8cffc72e;border-radius:6px;padding:.2rem .45rem;font-size:.72rem;transition:border-color .13s,color .13s}.header-btn:hover:not(:disabled){color:var(--text);border-color:#8cffc773}.header-btn:disabled{opacity:.35;cursor:not-allowed}.terminal-body{flex:1;min-height:0;padding:1rem;overflow-y:auto}.message-row{align-items:flex-start;gap:.65rem;margin-bottom:.95rem;animation:.22s both reveal;display:flex}.message-row.assistant{justify-content:flex-start}.message-row.user{justify-content:flex-end}.message-tag{font-family:var(--font-mono), "JetBrains Mono", monospace;border:1px solid var(--line);text-transform:lowercase;border-radius:999px;width:fit-content;height:fit-content;margin:0;padding:.2rem .55rem;font-size:.75rem;line-height:1.2}.message-tag.user{color:#d5fff9;border-color:#78ffea4d;order:2}.message-tag.assistant{color:#c8ffd8;order:0}.message-content{margin:.1rem 0 0;line-height:1.5}.message-bubble{background:#11211a9e;border:1px solid #8dffca33;border-radius:14px;max-width:min(72ch,85%);padding:.6rem .75rem;position:relative}.message-row.user .message-bubble{background:#173d2eb3;border-color:#78ffea40;border-top-right-radius:6px}.message-row.assistant .message-bubble{border-top-left-radius:6px}.message-content:not(.markdown){white-space:pre-wrap}.message-content.markdown>:first-child{margin-top:0}.message-content.markdown>:last-child{margin-bottom:0}.message-content.markdown p{margin:.35rem 0}.message-content.markdown ul,.message-content.markdown ol{margin:.4rem 0 .5rem;padding-left:1.2rem}.message-content.markdown li{margin:.2rem 0}.message-content.markdown strong{color:#f0fff7}.message-content.markdown code{font-family:var(--font-mono), "JetBrains Mono", monospace;background:#7bffc41f;border:1px solid #7bffc433;border-radius:6px;padding:.08rem .35rem;font-size:.86em}.message-content.markdown a{color:#9fffd1}.copy-msg-btn{font-family:var(--font-mono), "JetBrains Mono", monospace;color:var(--muted);cursor:pointer;opacity:0;background:#0a1612d9;border:1px solid #8cffc733;border-radius:5px;padding:.12rem .35rem;font-size:.65rem;transition:opacity .15s;position:absolute;top:.35rem;right:.4rem}.message-row:hover .copy-msg-btn{opacity:1}.copy-msg-btn:hover{color:var(--text);border-color:#8cffc780}.error-row{align-items:center;gap:.5rem;margin:0 .9rem .8rem;display:flex}.error-row .error-text{margin:0}.retry-btn{font-family:var(--font-mono), "JetBrains Mono", monospace;color:var(--danger);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ff7f7f59;border-radius:6px;padding:.2rem .55rem;font-size:.78rem;transition:border-color .13s}.retry-btn:hover{border-color:#ff7f7fa6}.message-content.streaming:after{content:"▋";color:var(--accent);margin-left:.22rem;animation:1.1s step-end infinite blink}.starters{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.52rem;padding:.15rem .9rem .9rem;display:flex;overflow:auto hidden}.starters::-webkit-scrollbar{display:none}.starter-chip{font-family:var(--font-mono), "JetBrains Mono", monospace;border:1px solid var(--line);color:#dbffe8;cursor:pointer;white-space:nowrap;background:#1f4d394d;border-radius:999px;flex:none;padding:.35rem .5rem;font-size:.74rem;transition:transform .13s,border-color .13s}.starter-chip:hover:not(:disabled){border-color:#a9ffd7a8;transform:translateY(-1px)}.starter-chip:disabled{opacity:.45;cursor:not-allowed}.terminal-input{border-top:1px solid var(--line);background:#0a1612d9;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.9rem;display:grid}.prompt-label{font-family:var(--font-mono), "JetBrains Mono", monospace;color:var(--accent);font-size:.82rem}.terminal-input input{width:100%;color:var(--text);font-family:var(--font-mono), "JetBrains Mono", monospace;background:#101f18;border:1px solid #8dffca3d;border-radius:10px;padding:.65rem .75rem}.terminal-input input:focus{outline-offset:1px;outline:2px solid #6dffc273}.terminal-input button{font-family:var(--font-mono), "JetBrains Mono", monospace;background:var(--accent);color:#052013;cursor:pointer;border:0;border-radius:10px;padding:.63rem .85rem;font-weight:700}.terminal-input button:disabled{opacity:.45;cursor:not-allowed}.error-text{min-height:1.1rem;color:var(--danger);margin:0 .9rem .8rem;font-size:.88rem}@keyframes reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.hero h1{font-size:1.6rem}.role-title{font-size:.95rem}.terminal-shell{border-radius:12px}.message-bubble{max-width:92%}.starters{padding:.15rem .6rem .6rem}}@media (max-width:780px){.page-wrap{gap:.72rem;padding:.85rem}.terminal-input{grid-template-columns:1fr auto;gap:.5rem}.prompt-label{display:none}.terminal-input input{min-width:0}.terminal-input button{justify-self:stretch;padding:.63rem .72rem}}
