:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#e6eff9;background:#07101c}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh;background:radial-gradient(ellipse at 90% 0,#14344e,transparent 50%)}aside{width:235px;flex-shrink:0;border-right:1px solid #24415a;padding:35px 24px;position:fixed;inset:0 auto 0 0;background:#071221}.logo{font-size:26px;font-weight:600}aside p{font-size:11px;letter-spacing:2px;color:#87a7c1}nav{margin-top:45px;border:1px solid #34749b;padding:15px;border-radius:12px;background:#123551}.aside-note{position:absolute;bottom:35px;color:#8ea8bf;font-size:13px;line-height:2}main{margin-left:235px;width:calc(100% - 235px);max-width:1250px;padding:38px 45px}header{display:flex;justify-content:space-between;gap:20px;align-items:center}.eyebrow{font-size:12px;color:#8eaac3;letter-spacing:2px}h1{font-size:27px;font-weight:600;margin:15px 0 30px}h2{font-size:22px}p{color:#9fb5c9;line-height:1.9}.panel{margin-top:30px;background:#112337;border:1px solid #294b68;border-radius:18px;padding:30px;max-width:700px}button{padding:11px 18px;border:1px solid #355a7b;border-radius:10px;background:#142a42;color:#e6f3ff;font-size:14px;cursor:pointer}.primary{background:linear-gradient(110deg,#199bce,#335deb);border:0;padding:14px 25px}button:disabled{opacity:.5;cursor:wait}#code{font-size:32px;letter-spacing:5px;color:#7edcff}.toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:12px 0 30px;color:#97b9d2;font-size:13px}.message{margin:24px 0;max-width:90%}.message.user{margin-left:auto}.who{font-size:12px;color:#8eb6d5;margin:0 5px 9px}.user .who{text-align:right}.text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.85;background:#101f30;padding:18px 22px;border-radius:15px;border:1px solid #213e57}.user .text{background:#143656;border-color:#286190}.commentary .text{color:#adc4d5}.composer{border:1px dashed #315772;border-radius:12px;padding:20px;margin-top:30px;font-size:14px;color:#8ea9bc}footer{font-size:12px;line-height:1.9;color:#6f91ab;margin-top:30px}#error{color:#ffc596}[hidden]{display:none!important}@media(max-width:700px){aside{display:none}main{margin:0;width:100%;padding:25px 18px}h1{font-size:22px}header{align-items:flex-start;flex-direction:column}.panel{padding:23px}.message{max-width:100%}.text{padding:15px}.toolbar{align-items:flex-start}#code{font-size:27px}}