*{box-sizing:border-box}body{margin:0;background:#070709;color:#eee;font-family:Arial;background-image:radial-gradient(ellipse at 70% 0,#3b0c19,transparent 45%)}header{height:68px;border-bottom:1px solid #29232a;display:flex;justify-content:space-between;align-items:center;padding:0 5%;letter-spacing:.15em}header small,header span,label,i{color:#ff204d}main{display:grid;grid-template-columns:220px 1fr;max-width:1200px;margin:auto;min-height:calc(100vh - 68px)}aside{padding:25px 15px;border-right:1px solid #29232a}button{background:#171116;border:1px solid #642033;color:#ff4166;padding:12px 15px;border-radius:8px;cursor:pointer}button:hover{background:#ff204d;color:#fff}aside button{width:100%}section{max-width:900px;width:100%;margin:auto;padding:20px 30px}.hero{text-align:center;padding:55px 0 25px}.hero label{font:10px monospace;border:1px solid #642033;border-radius:20px;padding:8px 12px;letter-spacing:.15em}.hero h1{font-size:clamp(36px,6vw,65px);margin:25px 0 10px;line-height:1}.hero i{font-style:normal}.hero p{color:#888}.messages{min-height:350px;max-height:54vh;overflow:auto;padding:20px 0}.welcome{text-align:center;color:#ff204d;padding:45px;font-size:44px}.welcome strong{display:block;color:#aaa;font-size:16px;margin-top:15px}.msg{display:flex;gap:12px;margin:18px 0;line-height:1.6}.avatar{color:#ff204d;background:#181218;padding:10px;border-radius:8px;height:34px}.bubble{background:#111116;border:1px solid #29232a;border-radius:5px 12px 12px 12px;padding:12px 15px;white-space:pre-wrap;max-width:85%}.user{justify-content:flex-end}.user .avatar{order:2}.user .bubble{background:#211319;border-color:#642033;border-radius:12px 5px 12px 12px}form{display:flex;gap:10px;background:#111116;border:1px solid #29232a;padding:10px;border-radius:12px}textarea{flex:1;background:transparent;border:0;color:#fff;outline:0;resize:none;padding:7px;font:15px Arial}form button{background:#ff204d;color:#fff;font-size:22px;width:42px}@media(max-width:700px){main{display:block}aside{display:none}section{padding:15px}}