body{height:100vh;overflow:hidden}.chat-shell{height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}
.chat-sidebar{background:#0d131a;border-right:1px solid #26353e;display:flex;flex-direction:column;padding:30px 18px}
.section-label{font-size:10px;color:#63818a;letter-spacing:1.5px;margin:48px 12px 14px;font-weight:700}
.chat-nav{display:grid;gap:3px}.chat-nav a{padding:15px 12px;font-size:13px;color:#a3b4bb;border-left:2px solid transparent}
.chat-nav a.active,.chat-nav a:hover{background:#18262c;color:#ddf7ef;border-color:#9de7d2}
.side-note{margin-top:auto;padding:21px 9px 0;border-top:1px solid #2a3740;font-size:10px;line-height:1.7;color:#8498a0}
.side-note>div{font-size:9px;letter-spacing:1.2px;color:#a8e5d3;font-weight:700}
.chat-panel{display:flex;flex-direction:column;min-width:0;min-height:0}.chat-header{height:80px;flex-shrink:0;border-bottom:1px solid #26353e;display:flex;align-items:center;justify-content:space-between;padding:0 30px}
.identity{display:flex;align-items:center;gap:14px}.identity strong{font:600 16px 'Space Grotesk',sans-serif;display:block}.identity small{color:#8299a3;font-size:11px;display:block;margin-top:5px}
.back{display:none;color:#a4c9ba;font-size:23px}.assistant-icon{width:42px;height:42px;border:1px solid #6bbda7;background:#1b3937;color:#aaf1d8;display:grid;place-items:center;font-size:29px}
.connection{font-size:10px;letter-spacing:1px;color:#b3c7c4;text-transform:uppercase}.chat-scroll{flex:1;overflow:auto;scrollbar-color:#3a525b transparent}
.thread{max-width:790px;margin:0 auto;padding:30px 24px 20px;min-height:100%}.chat-intro{margin:11vh auto 0;max-width:590px;text-align:center}
.brand-mark{font-size:66px;color:#a5f3dc;text-shadow:0 0 45px #71dcbb50}.chat-intro .eyebrow{display:block;margin-top:22px}.chat-intro h1{font:500 clamp(37px,5.5vw,60px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-2px;margin:20px 0}.chat-intro h1 em{color:#9de7d2;font-style:normal}
.chat-intro p{color:#92aeb3;font-size:14px;line-height:1.7}.suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:32px auto 0}
.suggestions button{border:1px solid #304750;background:#111e26;color:#b7d9d0;text-align:left;padding:15px;font-size:11px;min-height:69px}
.suggestions button:hover{border-color:#9de7d2}.bubble-row{display:flex;margin:21px 0}.bubble-row.user{justify-content:flex-end}.bubble-row.assistant{justify-content:flex-start;gap:11px}
.bubble{max-width:min(90%,690px);white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8;padding:16px 19px;border:1px solid #293d42}
.bubble-row.user .bubble{background:#203a38;color:#edf9f2;border-color:#315b52}.bubble-row.assistant .bubble{background:#131e26;color:#d3e0e0}
.bot-icon{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border:1px solid #397567;color:#a4f1db;font-size:19px}
.composer-wrap{flex-shrink:0;padding:20px 30px 17px;background:#090e13;border-top:1px solid #26353e}
.composer{max-width:790px;margin:auto;background:#17232b;border:1px solid #4a6267;display:flex;align-items:flex-end;padding:9px 10px 9px 16px;gap:8px}
.composer:focus-within{border-color:#a1ead5}.composer textarea{width:100%;max-height:145px;min-height:34px;resize:none;overflow:auto;background:transparent;border:0;outline:0;color:#f1f5f3;font-size:14px;line-height:1.6;padding:8px 0;font-family:inherit}
.composer textarea::placeholder{color:#78909a}.composer button{flex-shrink:0;width:39px;height:39px;border:0;background:#9de7d2;color:#0c1b20;font-size:24px}
.composer button:disabled{opacity:.45;cursor:not-allowed}.composer-wrap p{max-width:790px;margin:11px auto 0;color:#6f8b95;text-align:center;font-size:10px;line-height:1.6}
.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
@media(max-width:800px){.chat-shell{grid-template-columns:1fr}.chat-sidebar{display:none}.back{display:block}.chat-header{height:65px;padding:0 16px}.thread{padding:15px 13px}.chat-intro{margin:8vh auto 0}.suggestions{grid-template-columns:1fr}.suggestions button{min-height:unset}.composer-wrap{padding:12px 12px 18px}.composer-wrap p{font-size:9px}.bubble{font-size:13px}}

/* Magpie private-memory and responsive chat controls */
.chat-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:0}
.clear-memory{appearance:none;background:transparent;border:1px solid #41606a;color:#afcfc6;padding:9px 12px;font:inherit;font-size:11px;white-space:nowrap;cursor:pointer}
.clear-memory:hover,.clear-memory:focus-visible{border-color:#a0e5d4;color:#f2fff9;outline-offset:2px}
.clear-memory:disabled{opacity:.5;cursor:wait}
@media(max-width:560px){.chat-actions{gap:8px}.connection{display:none}.clear-memory{font-size:11px;padding:8px}.chat-header{padding:0 12px}.identity{gap:8px}.assistant-icon{width:33px;height:33px;font-size:23px}}