*{box-sizing:border-box}html,body{color:#fff;background:#0b0d13;margin:0;font-family:Inter,Arial,sans-serif}button,input{font-family:inherit}.discord-page{background:radial-gradient(circle at 15% 10%,#5865f242,#0000 30%),radial-gradient(circle at 85% 20%,#23a55a2e,#0000 28%),#0b0d13;place-items:center;min-height:100vh;padding:24px;display:grid}.welcome-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#1e1f29d1;border:1px solid #ffffff14;border-radius:28px;width:100%;max-width:520px;padding:24px;box-shadow:0 35px 120px #0009}.brand-row{align-items:center;gap:14px;margin-bottom:24px;display:flex}.brand-icon{background:#5865f2;border-radius:18px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 0 35px #5865f273}.brand-row h1,.create-box h2,.rooms-box h2,.join-box h2{margin:0}.brand-row p{color:#b5bac1;margin:4px 0 0}.create-box,.rooms-box,.join-box{background:#11131a;border:1px solid #ffffff0f;border-radius:22px;margin-top:14px;padding:18px}input{color:#fff;background:#0b0d13;border:1px solid #2b2d35;border-radius:14px;outline:none;width:100%;height:46px;margin-top:12px;padding:0 14px}input:focus{border-color:#5865f2;box-shadow:0 0 0 4px #5865f229}.create-box button,.join-box button{color:#fff;cursor:pointer;background:#5865f2;border:0;border-radius:14px;width:100%;height:48px;margin-top:14px;font-weight:800}.room-item{color:#fff;cursor:pointer;background:#171922;border:1px solid #2b2d35;border-radius:16px;justify-content:space-between;align-items:center;width:100%;min-height:58px;margin-top:10px;padding:12px 14px;display:flex}.room-item.selected{background:#5865f22e;border-color:#5865f2}.room-item span{flex-direction:column;align-items:flex-start;display:flex}.room-item small,.empty-room{color:#949ba4}.discord-app{background:#313338;grid-template-columns:76px 260px 1fr;min-height:100vh;display:grid}.sidebar{background:#1e1f22;padding:14px}.server-dot{background:#5865f2;border-radius:18px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.channel-panel{background:#2b2d31;padding:20px}.channel-panel h2{margin:0 0 20px;font-size:18px}.channel-active{color:#fff;background:#404249;border-radius:10px;padding:10px}.voice-panel{background:#313338;padding:24px}.voice-header{border-bottom:1px solid #3f4147;justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;display:flex}.voice-header h1{margin:0;font-size:26px}.voice-header p{color:#b5bac1;margin:6px 0 0}.voice-actions{gap:10px;display:flex}.voice-actions button{color:#fff;cursor:pointer;background:#5865f2;border:0;border-radius:12px;padding:12px 16px;font-weight:800}.voice-actions .leave{background:#da373c}.member-list{gap:10px;max-width:720px;margin-top:22px;display:grid}.member-row{background:#2b2d31;border-radius:16px;grid-template-columns:48px 1fr 160px;align-items:center;gap:14px;min-height:74px;padding:12px 14px;display:grid}.member-row.online{border-left:4px solid #23a55a}.member-row.offline{opacity:.55;border-left:4px solid #80848e}.member-avatar{background:#5865f2;border-radius:15px;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.member-info strong{display:block}.member-info strong span{color:#949ba4;margin-left:6px;font-size:13px}.member-info small{color:#b5bac1;align-items:center;gap:7px;margin-top:4px;display:flex}.member-info small i{background:#80848e;border-radius:99px;width:9px;height:9px}.member-row.online .member-info small i{background:#23a55a;box-shadow:0 0 12px #23a55ae6}.member-volume{accent-color:#23a55a;width:100%;margin:0}@media (max-width:900px){.discord-app{grid-template-columns:64px 1fr}.channel-panel{display:none}.member-row{grid-template-columns:48px 1fr}.member-volume{grid-column:1/-1}}@media (max-width:560px){.welcome-card{border-radius:22px;padding:18px}.discord-app{grid-template-columns:1fr}.sidebar{display:none}.voice-header{flex-direction:column;align-items:stretch}.voice-actions{flex-direction:column}}