:root{color:#f7f4ff;background:#0b0811;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.45}*{box-sizing:border-box}body{background:radial-gradient(800px 420px at 50% -100px,#2c1954 0%,#0b0811 65%);min-width:320px;margin:0}input,select,button,textarea{color:inherit;font:inherit;background:#100b18;border:1px solid #443259;border-radius:10px;padding:12px}button{cursor:pointer;background:linear-gradient(135deg,#9a74ff,#7954e6);border:0;font-weight:750;transition:transform .16s,filter .16s,opacity .16s}button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}button:disabled{opacity:.4;cursor:not-allowed}.landing{isolation:isolate;max-width:500px;margin:7vh auto;padding:34px;position:relative}.landing:before{content:"";z-index:-1;background:linear-gradient(150deg,#2a1c44ad,#0e0a15db);border:1px solid #bea6ff24;border-radius:28px;position:absolute;inset:0;box-shadow:0 24px 80px #0000004d}.landing b,header b{letter-spacing:5px;color:#c2acff;align-items:center;gap:9px;font-size:25px;display:inline-flex}.landing b:before,header b:before{content:"S";color:#130c1e;letter-spacing:0;background:linear-gradient(135deg,#b697ff,#68e6c0);border-radius:9px;place-items:center;width:28px;height:28px;font-size:15px;display:grid}.landing h1{letter-spacing:-1.7px;margin:22px 0 25px;font-size:39px;line-height:1.06}.landing i{color:#a88bff;font-style:normal}form,label{gap:7px;display:grid}form{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08060d6b;border:1px solid #a784ff2e;border-radius:18px;padding:22px}label{font-size:14px;font-weight:650}.check{align-items:center;font-size:13px;font-weight:500;display:flex}.check input{accent-color:#9a74ff;width:17px;padding:0}small{color:#ff8398;font-weight:600}em{color:#75e6b2;font-size:14px;font-style:normal}.landing p{opacity:.72;margin:4px 0 0;font-size:12px}.app{max-width:1080px;margin:auto;padding:20px}header{border-bottom:1px solid #302148;align-items:center;gap:18px;height:66px;display:flex}header span{color:#75e6b2;margin-left:auto;font-size:14px}.grid{background:#160f208c;border:1px solid #302148;border-radius:18px;grid-template-columns:320px 1fr;min-height:70vh;margin-top:20px;display:grid;overflow:hidden}.grid aside{border-right:1px solid #302148;padding:18px}.filters{color:#c8b9e5;margin-bottom:16px;font-size:13px}.user{text-align:left;background:#1a1326;width:100%;margin:7px 0;display:grid}.user strong{color:#75e6b2}.user span{color:#c8b9e5;font-size:13px}.grid article{padding:24px}.messages{height:48vh;overflow:auto}.compose{gap:8px;display:flex}.compose input{flex:1}@media (width<=650px){.landing{margin:2vh 12px;padding:24px}.landing h1{font-size:33px}.grid{grid-template-columns:1fr}.grid aside{border-bottom:1px solid #302148;border-right:0}.app{padding:14px}header{height:auto;min-height:60px}.compose{flex-direction:column}}