@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&display=swap");:root{--bg:#0b1220;--panel:#111b2c;--line:#2b3b53;--text:#edf3fb;--muted:#99a9be;--lime:#c5f36b;--orange:#f6a05b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 8%,#1b2c45,transparent 32%),radial-gradient(circle at 90% 90%,#203127,transparent 30%),var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif}.shell{max-width:1340px;margin:auto;padding:28px 42px 18px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #a9bcd333;padding-bottom:25px}.brand{display:flex;align-items:center;gap:11px;color:var(--text);font-size:11px;line-height:1.02;letter-spacing:2px;text-decoration:none}.brand>b{height:36px;width:36px;border:1px solid var(--lime);border-radius:50%;display:grid;place-items:center;color:var(--lime);font-size:18px}.brand strong{color:var(--lime)}.online{color:var(--muted);font:12px "DM Mono",monospace}.online i,.cardhead label i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime);margin-right:7px}.online button{margin-left:16px;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:none;color:var(--lime);font-size:20px;cursor:pointer}main{display:grid;grid-template-columns:.84fr 1.16fr;gap:9%;padding:85px 4% 88px;align-items:center}.hero>small,.cardhead small{font:11px "DM Mono",monospace;letter-spacing:2px;color:var(--lime)}small em{color:var(--orange);font-style:normal;font-size:17px;margin-left:5px}h1{font-size:clamp(55px,7vw,92px);line-height:.94;letter-spacing:-5px;margin:25px 0;font-weight:700}h1 i{font-family:Georgia,serif;color:var(--orange);font-weight:400}p{color:var(--muted);line-height:1.7;font-size:16px}.hero>p{max-width:420px;margin-bottom:36px}.instruments{display:flex;flex-wrap:wrap;gap:9px}.instruments button,.chips button{background:none;border:1px solid var(--line);border-radius:5px;color:var(--muted);padding:11px 14px;font:12px "DM Mono",monospace;cursor:pointer}.instruments button:hover,.instruments .active{border-color:var(--lime);color:var(--text);background:#c5f36b14}.instruments em{color:var(--orange);font-style:normal;font-size:16px;margin-left:8px}.card{background:#111b2cdc;border:1px solid #2c3c55;border-radius:9px;overflow:hidden;box-shadow:0 22px 80px #0004}.cardhead{display:flex;justify-content:space-between;align-items:center;padding:26px 30px;border-bottom:1px solid var(--line)}h2{font-size:18px;margin:8px 0 0}.cardhead label{border:1px solid #465b48;border-radius:20px;padding:7px 10px;color:var(--lime);font:10px "DM Mono",monospace}.messages{min-height:340px;max-height:470px;overflow:auto;padding:29px 30px 12px}article{display:flex;gap:12px;margin-bottom:24px;color:#d8e1ed;font-size:13px;line-height:1.65}article>b{width:28px;height:28px;flex:0 0 28px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#132016;font-size:12px}article>div{max-width:93%}article small{display:block;color:var(--lime);font:10px "DM Mono",monospace;letter-spacing:1px;margin-bottom:7px}article time{color:#77869a;margin-left:7px}article p{margin:0;color:#d8e1ed;font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.chips button{padding:8px 10px;font-size:10px}.chips button:hover{border-color:var(--orange);color:var(--orange)}article.user{justify-content:flex-end}article.user>b{order:2;background:var(--orange)}article.user>div{background:#1d3045;padding:13px 15px;border-radius:7px}article.user small{text-align:right;color:var(--orange)}form{display:flex;gap:12px;padding:14px 22px 9px;border-top:1px solid var(--line)}textarea{resize:none;flex:1;background:none;border:0;outline:0;color:var(--text);font:13px Manrope;padding:10px 4px;max-height:110px}textarea::placeholder{color:#708097}form button{height:38px;width:40px;border:0;border-radius:5px;background:var(--lime);color:#18251a;font-size:22px;font-weight:700;cursor:pointer}.hint{text-align:right;padding:0 25px 19px;color:#627289;font:10px "DM Mono",monospace}footer{border-top:1px solid #a9bcd333;padding-top:17px;display:flex;justify-content:space-between;color:#627289;font:10px "DM Mono",monospace}footer span:first-child{color:var(--lime)}@media(max-width:800px){.shell{padding:20px 18px}main{grid-template-columns:1fr;padding:55px 0;gap:45px}h1{font-size:62px}.messages{min-height:250px;padding:22px 18px 5px}.cardhead{padding:20px}footer{gap:12px;flex-wrap:wrap}}