.connect-button:disabled{opacity:.6;cursor:wait}:root{--paper:#f7f4fb;--paper-deep:#eee8f7;--ink:#27212f;--muted:#7c7487;--line:#e4ddeb;--green:#68469a;--green-soft:#e9def7;--coral:#a85a82;--yellow:#c29b50;--white:#fff;--shadow:0 10px 30px #462d6014}*{box-sizing:border-box}html,body{height:100%}body{background:var(--paper);color:var(--ink);margin:0;font-family:Manrope,sans-serif}button,textarea,input{font:inherit}button{cursor:pointer;border:0}.app-shell{min-height:100%;display:flex}.sidebar{border-right:1px solid var(--line);background:var(--paper);flex-direction:column;flex:0 0 232px;width:232px;min-height:100vh;padding:22px 14px 16px;display:flex}.brand-row{align-items:center;gap:10px;padding:0 10px;display:flex}.brand-mark{background:var(--green);color:#e9f0db;border-radius:50% 50% 50% 5px;place-items:center;width:29px;height:29px;font-size:14px;font-weight:800;display:grid;transform:rotate(-7deg)}.brand-name{letter-spacing:-.4px;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:14px;font-weight:800;overflow:hidden}.icon-button{color:var(--muted);background:0 0;padding:4px;font-size:22px;line-height:1}.icon-button:hover{color:var(--ink)}.sidebar-close{margin-left:auto;display:none}.new-chat-button{background:var(--green);color:var(--white);text-align:left;border-radius:4px;margin:30px 4px 28px;padding:12px 13px;font-size:12px;font-weight:700;transition:background .2s}.new-chat-button:hover{background:#286359;transform:translateY(-1px)}.new-chat-button span{vertical-align:-1px;margin-right:9px;font-size:19px;font-weight:400}.sidebar-section{padding:0 6px}.section-label{color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;margin:0 8px 12px;font-family:DM Mono,monospace;font-size:10px}.nav-item{color:#716e65;text-align:left;background:0 0;border-radius:4px;align-items:center;gap:11px;width:100%;padding:10px 9px;font-size:12px;font-weight:600;display:flex}.nav-item.active,.nav-item:hover{color:var(--ink);background:var(--paper-deep)}.nav-icon{font-size:20px;font-weight:400;line-height:12px}.soon-label{color:#aaa397;text-transform:uppercase;margin-left:auto;font-family:DM Mono,monospace;font-size:9px}.history-section{margin-top:28px}.history-list{flex-direction:column;gap:2px;display:flex}.history-empty{color:#aaa397;padding:5px 8px;font-size:11px;line-height:1.5}.history-item{color:#6f6b61;white-space:nowrap;text-overflow:ellipsis;text-align:left;background:0 0;border-radius:4px;padding:9px 8px;font-size:11px;overflow:hidden}.history-item:hover{background:var(--paper-deep);color:var(--ink)}.sidebar-footer{border-top:1px solid var(--line);margin-top:auto;padding-top:20px}.account-row{width:100%;color:var(--ink);text-align:left;background:0 0;align-items:center;gap:9px;padding:4px 5px;display:flex}.avatar{width:27px;height:27px;color:var(--green);background:var(--green-soft);border-radius:50%;place-items:center;font-family:DM Mono,monospace;font-size:9px;display:grid}.account-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.account-copy strong{font-size:10px;font-weight:700}.account-copy span{color:var(--muted);font-size:9px}.more-icon{color:var(--muted);letter-spacing:1px;margin-left:auto;font-size:13px}.main-panel{flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);flex:0 0 68px;justify-content:space-between;align-items:center;height:68px;padding:0 36px;display:flex}.menu-button{display:none}.breadcrumb{color:var(--muted);align-items:center;gap:11px;font-size:12px;display:flex}.breadcrumb strong{color:var(--ink);font-weight:700}.breadcrumb-slash{color:#bdb5a8}.topbar-actions{align-items:center;gap:21px;display:flex}.model-picker{color:var(--muted);align-items:center;gap:8px;padding:0 18px 0 0;font-family:DM Mono,monospace;font-size:9px;display:flex}.model-label{text-transform:uppercase;letter-spacing:.7px}.model-picker select{color:var(--ink);cursor:pointer;background:0 0;border:0;outline:0;padding:6px 0;font-family:Manrope,sans-serif;font-size:11px;font-weight:700}.api-status{color:var(--green);border-left:1px solid var(--line);background:0 0;align-items:center;gap:7px;padding:7px 0 7px 13px;font-size:11px;font-weight:700;display:flex}.status-dot{background:var(--coral);border-radius:50%;width:7px;height:7px}.api-status.connected .status-dot{background:#63936a}.chat-area{flex:1;width:min(780px,100% - 64px);margin:0 auto;padding:58px 0 30px;overflow-y:auto}.welcome-state{animation:.55s both rise}.eyebrow{color:var(--muted);letter-spacing:1.1px;text-transform:uppercase;align-items:center;gap:9px;font-family:DM Mono,monospace;font-size:9px;display:flex}.eyebrow-line{background:var(--muted);width:18px;height:1px}h1{letter-spacing:-3px;max-width:620px;margin:18px 0 14px;font-size:clamp(40px,5vw,64px);font-weight:700;line-height:1}h1 em{color:var(--green);letter-spacing:-3px;font-family:Georgia,serif;font-weight:400}.welcome-copy{max-width:360px;color:var(--muted);margin:0 0 34px;font-size:13px;line-height:1.6}.prompt-grid{grid-template-columns:1fr 1fr;gap:8px;max-width:680px;display:grid}.prompt-card{border:1px solid var(--line);min-height:70px;color:var(--ink);text-align:left;background:0 0;border-radius:4px;grid-template-columns:1fr 18px;align-items:center;gap:9px;padding:12px 14px;transition:border-color .2s,background .2s;display:grid}.prompt-card:hover{background:var(--white);border-color:#b9c6bf}.prompt-symbol{display:none}.sun-symbol{color:#8b651d;background:#f2dfac}.wave-symbol{color:#456b61;background:#dce9dd}.leaf-symbol{color:#a44b39;background:#f3d5c8}.orbit-symbol{color:#6d5a49;background:#e3d8cc}.prompt-card strong,.prompt-card small{display:block}.prompt-card strong{margin-bottom:4px;font-size:11px}.prompt-card small{color:var(--muted);font-size:10px;line-height:1.4}.arrow{color:var(--green);font-size:15px}.message-list{flex-direction:column;gap:25px;display:flex}.message{gap:14px;animation:.3s both rise;display:flex}.message.user{flex-direction:row-reverse}.message-avatar{background:var(--green);width:29px;height:29px;color:var(--white);border-radius:50% 50% 50% 4px;flex:0 0 29px;place-items:center;font-size:11px;font-weight:800;display:grid}.user .message-avatar{background:var(--coral);border-radius:50%;font-size:10px}.message-body{max-width:700px;padding-top:3px}.message-meta{color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:7px;font-family:DM Mono,monospace;font-size:9px}.message-copy{color:#3d3b35;font-size:14px;line-height:1.7}.message-copy p{margin:0 0 13px}.message-copy p:last-child{margin-bottom:0}.message-copy h1,.message-copy h2,.message-copy h3{color:var(--ink);letter-spacing:-.4px;margin:20px 0 9px;font-size:17px;line-height:1.3}.message-copy h1:first-child,.message-copy h2:first-child,.message-copy h3:first-child{margin-top:0}.message-copy ul,.message-copy ol{margin:8px 0 15px;padding-left:23px}.message-copy li{margin:5px 0;padding-left:3px}.message-copy li::marker{color:var(--coral)}.message-copy strong{color:var(--ink);font-weight:800}.message-copy em{color:var(--green)}.message-copy a{color:var(--green);text-underline-offset:3px;-webkit-text-decoration:underline #a9c3ae;text-decoration:underline #a9c3ae}.message-copy blockquote{border-left:3px solid var(--green);background:var(--paper-deep);color:var(--muted);border-radius:0 4px 4px 0;margin:15px 0;padding:10px 15px}.message-copy blockquote p{margin-bottom:0}.message-copy table{border-collapse:collapse;border:1px solid var(--line);background:var(--white);width:100%;margin:17px 0;font-size:12px;line-height:1.5}.message-copy th,.message-copy td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:9px 11px}.message-copy th{background:var(--paper-deep);color:var(--ink);font-weight:800}.message-copy tr:last-child td{border-bottom:0}.message-copy table code{white-space:nowrap}.message-copy code{color:#a14c39;background:#e9e1d5;border-radius:3px;padding:2px 5px;font-family:DM Mono,monospace;font-size:.86em}.message-copy pre{border-left:3px solid var(--coral);color:#f4f0e8;background:#2e332f;border-radius:3px;margin:15px 0;padding:14px 15px;line-height:1.55;overflow-x:auto}.message-copy pre code{color:inherit;background:0 0;padding:0;font-size:12px}.message-copy hr{border:0;border-top:1px solid var(--line);margin:18px 0}.user .message-body{background:var(--white);border-radius:5px 5px 0;padding:12px 15px}.user .message-meta{display:none}.typing{align-items:center;gap:5px;height:20px;display:flex}.typing i{background:var(--coral);border-radius:50%;width:5px;height:5px;animation:1s infinite bounce;display:block}.typing i:nth-child(2){animation-delay:.12s}.typing i:nth-child(3){animation-delay:.24s}.composer-wrap{width:min(780px,100% - 64px);margin:0 auto;padding:8px 0 13px}.composer{background:var(--white);box-shadow:var(--shadow);border:1px solid #d0d2cd;border-radius:5px;padding:13px 14px 9px 16px}.composer textarea{resize:none;width:100%;min-height:29px;max-height:130px;color:var(--ink);background:0 0;border:0;outline:none;font-size:14px;line-height:1.5}.composer textarea::placeholder{color:#a19a8f}.composer-bottom{justify-content:space-between;align-items:center;margin-top:9px;display:flex}.composer-tools{align-items:center;gap:17px;display:flex}.tool-button{color:#858074;background:0 0;padding:0;font-size:11px}.tool-button:hover{color:var(--ink)}.tool-button:first-letter{font-size:18px}.composer-hint{color:#b0a99d;font-size:9px}.send-button{background:var(--green);width:30px;height:30px;color:var(--white);border-radius:4px;place-items:center;font-size:19px;line-height:1;transition:background .2s;display:grid}.send-button:hover{background:#317263}.send-button:disabled{opacity:.55;cursor:wait}.mobile-note{display:none}.site-footer{color:#a0a39d;letter-spacing:.2px;justify-content:center;align-items:center;gap:8px;padding:0 20px 16px;font-family:DM Mono,monospace;font-size:9px;display:flex}.site-footer a{color:var(--green);text-decoration:none;transition:color .2s}.site-footer a:hover{color:var(--coral)}.footer-dot{color:#c6c8c3}.site-footer .creator-link{letter-spacing:-.2px;font-family:Manrope,sans-serif;font-size:11px;font-weight:800}.modal-backdrop{z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#24252147;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-backdrop[hidden]{display:none}.modal{border:1px solid var(--line);background:var(--paper);border-radius:7px;width:min(440px,100%);padding:39px 38px 34px;animation:.25s both rise;position:relative;box-shadow:0 25px 80px #24252133}.modal-close{font-size:25px;position:absolute;top:16px;right:18px}.modal-kicker{color:var(--coral);letter-spacing:1px;text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px}.modal h2{letter-spacing:-1.5px;margin:12px 0;font-size:28px}.modal-copy{color:var(--muted);margin:0 0 26px;font-size:12px;line-height:1.6}.field-label{color:#656158;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;font-family:DM Mono,monospace;font-size:10px;display:block}.key-input-wrap{background:var(--white);border:1px solid #c9c1b4;border-radius:4px;align-items:center;display:flex}.key-input-wrap:focus-within{border-color:var(--green)}.key-input-wrap input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:12px;font-size:12px}.key-input-wrap button{color:var(--green);background:0 0;padding:10px 12px;font-family:DM Mono,monospace;font-size:10px}.help-link{color:var(--green);margin-top:10px;font-size:10px;text-decoration:none;display:inline-block}.help-link:hover{text-decoration:underline}.connect-button{background:var(--green);width:100%;color:var(--white);border-radius:4px;justify-content:space-between;margin-top:28px;padding:14px 16px;font-size:12px;font-weight:700;display:flex}.modal-error{min-height:14px;color:var(--coral);margin:11px 0 0;font-size:11px}.toast{z-index:10;border:1px solid var(--line);background:var(--white);max-width:300px;box-shadow:var(--shadow);color:var(--ink);opacity:0;pointer-events:none;border-radius:4px;padding:12px 15px;font-size:11px;transition:opacity .2s,transform .2s;position:fixed;bottom:25px;right:25px;transform:translateY(8px)}.toast.show{opacity:1;transform:translateY(0)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}@media (width<=760px){.sidebar{z-index:4;width:282px;transition:transform .25s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:10px 0 40px #2425211f}.sidebar.open{transform:translate(0)}.sidebar-close,.menu-button{display:block}.topbar{flex-basis:68px;gap:15px;height:68px;padding:0 20px}.breadcrumb{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.topbar-actions{gap:8px}.model-picker{gap:4px;padding-right:0}.model-label{display:none}.model-picker select{max-width:112px;font-size:10px}.api-status{border-left:0;padding-left:0}.chat-area{width:calc(100% - 36px);padding-top:43px}.prompt-grid{grid-template-columns:1fr}.welcome-copy{margin-bottom:32px}.composer-wrap{width:calc(100% - 36px)}.composer-hint{display:none}.mobile-note{color:#aaa397;text-align:center;padding:0 18px 10px;font-size:9px;display:block}.site-footer{padding-bottom:14px}.modal{padding:35px 23px 25px}h1,h1 em{letter-spacing:-2.5px}}