@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";html{background:#f6f5ee}body{min-width:320px;margin:0;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}code,.eyebrow{font-family:DM Mono,ui-monospace,SFMono-Regular,Menlo,monospace}:root{--ink:#14221b;--forest:#173e31;--paper:#f6f5ee;--line:#d6d8ce;--accent:#dfff5d;--muted:#6d776f}*{box-sizing:border-box}button,input,textarea{font:inherit}button{cursor:pointer}.shell{background:var(--paper);min-height:100vh;color:var(--ink);grid-template-columns:252px minmax(0,1fr);display:grid}.sidebar{background:var(--forest);color:#efffea;flex-direction:column;padding:26px 16px 18px;display:flex}.brand{color:#fff;letter-spacing:-1px;text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:0 8px 34px;font-size:25px;font-weight:760;display:flex}.mark{background:var(--accent);color:var(--forest);border-radius:10px;place-items:center;width:31px;height:31px;font-size:17px;font-weight:900;display:grid}nav{gap:5px;display:grid}.nav{color:#c5d7cc;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;font-size:14px;display:flex}.nav:hover,.nav.active{color:#fff;background:#ffffff1f}.nav span{text-align:center;width:17px;font-size:17px}.connection-card{background:#0000001a;border:1px solid #e7ffe826;border-radius:12px;align-items:center;gap:10px;margin:28px 3px;padding:13px;display:flex}.status-dot{background:#f7cb5a;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #f7cb5a1c}.connection-card b{font-size:12px;display:block}.connection-card small{color:#a9c0b3;font-size:11px}.sidebar-foot{color:#9ab0a3;margin-top:auto;padding:8px;font-size:12px}.workspace{min-width:0;padding:34px clamp(22px,5vw,82px)}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;max-width:1170px;margin:0 auto 32px;display:flex}.eyebrow{color:var(--muted);letter-spacing:.14em;margin:0 0 8px;font-size:10px;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:-1.25px;margin-bottom:0;font-size:31px}h2{letter-spacing:-.65px;font-size:22px}.outline,.primary{border:1px solid var(--ink);color:var(--ink);background:0 0;border-radius:9px;padding:10px 14px;font-size:13px;font-weight:700}.outline:hover{background:#e9eee5}.primary{background:var(--ink);color:#fff;border-color:var(--ink);width:max-content}.primary:hover{background:#29372e}.disabled{opacity:.45;cursor:not-allowed}.chat-layout{grid-template-columns:minmax(0,1fr) 260px;gap:25px;max-width:1170px;margin:auto;display:grid}.conversation,.context-panel,.setup-card,.roadmap-card{border:1px solid var(--line);background:#fffefa;border-radius:16px}.conversation{flex-direction:column;min-height:590px;display:flex;overflow:hidden}.security-banner{background:#edf6e4;border-bottom:1px solid #d8e6cf;gap:3px;padding:16px 20px;font-size:13px;display:grid}.security-banner span{color:#52635a;font-size:12px}.message-list{flex:1;align-content:start;gap:22px;padding:26px clamp(18px,4vw,48px);display:grid}.message{gap:11px;max-width:690px;display:flex}.message.user{flex-direction:row-reverse;align-self:end}.avatar{background:var(--forest);color:#fff;border-radius:50%;flex:none;place-items:center;width:29px;height:29px;font-size:11px;font-weight:750;display:grid}.user .avatar{color:var(--ink);background:#e8ebe6}.message p{background:#eff5eb;border-radius:12px 12px 12px 3px;margin:0;padding:12px 14px;font-size:14px;line-height:1.5}.user p{background:var(--ink);color:#fff;border-radius:12px 12px 3px}.message time{color:#929a93;margin:6px 3px;font-size:10px;display:block}.user time{text-align:right}.composer{border-top:1px solid var(--line);background:#fcfcf9;gap:10px;padding:16px;display:flex}.composer textarea{resize:none;background:#fff;border:1px solid #cbd1c8;border-radius:10px;outline:none;flex:1;min-height:48px;padding:12px}.composer textarea:focus,input:focus{border-color:#4c8166;box-shadow:0 0 0 3px #e0f1df}.composer button{background:var(--accent);color:#1d401e;border:0;border-radius:10px;width:48px;font-size:22px;font-weight:800}.notice{min-height:19px;color:var(--muted);margin:0;padding:0 18px 15px;font-size:11px}.context-panel{height:max-content;padding:21px}.context-panel h2{margin-bottom:20px}.context-panel dl{gap:16px;margin:0;display:grid}.context-panel dl div{gap:3px;display:grid}.context-panel dt{color:var(--muted);font-size:11px}.context-panel dd{overflow-wrap:anywhere;margin:0;font-size:12px}.text-button{color:#2d7154;background:0 0;border:0;margin-top:22px;padding:0;font-size:12px;font-weight:700}.setup-layout{grid-template-columns:1.1fr .9fr;gap:20px;max-width:950px;margin:auto;display:grid}.setup-card{padding:30px}.setup-card>p:not(.eyebrow){color:#526057;max-width:540px;line-height:1.55}.setup-card form{gap:16px;margin-top:25px;display:grid}.setup-card label{gap:7px;font-size:12px;font-weight:750;display:grid}.setup-card input{color:var(--ink);background:#fff;border:1px solid #cbd1c8;border-radius:8px;outline:none;padding:12px}.saved{color:#2a7654;font-size:12px;font-weight:700}.muted-card{background:#f0f2ed}.muted-card ul{color:#536259;margin:23px 0;padding-left:18px;font-size:13px;line-height:1.7}.roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:950px;margin:auto;display:grid}.roadmap-card{min-height:185px;padding:25px}.roadmap-card span{color:#78937f;letter-spacing:.1em;font-size:12px;font-weight:850}.roadmap-card h2{margin:17px 0 9px}.roadmap-card p{color:#59665f;margin-bottom:0;font-size:13px;line-height:1.55}.complete{background:#f4fbef;border-color:#8fc39a}.active-card{border-color:#bedb52;box-shadow:inset 0 0 0 1px #e5fca1}@media (width<=820px){.shell{grid-template-columns:1fr}.sidebar{z-index:3;flex-direction:row;align-items:center;gap:14px;padding:13px 14px;position:sticky;top:0}.brand{padding:0;font-size:22px}.sidebar nav{gap:2px;margin-left:auto;display:flex}.nav{padding:8px;font-size:0}.nav span{font-size:17px}.connection-card,.sidebar-foot{display:none}.workspace{padding:28px 16px}.topbar{margin-bottom:23px}.chat-layout,.setup-layout{grid-template-columns:1fr}.context-panel{display:none}.conversation{min-height:calc(100vh - 170px)}.roadmap-grid{grid-template-columns:1fr}}