:root{--bg:#080a0f;--panel:#0e1119;--panel2:#141824;--line:#222838;--text:#f5f3ff;--muted:#8d94a8;--accent:#9b6cff;--accent2:#ff6b8b;--cyan:#4edbd2;--danger:#ff5364;--radius:18px;--room-accent:#9b6cff}
.nav-actions{display:flex;align-items:center;gap:10px}.language-select{background:#10131b;border:1px solid var(--line);color:#cbd0dc;border-radius:9px;padding:9px;cursor:pointer;outline:0}.rail-language{width:46px;padding:6px 3px;font-size:10px}
.message-media{display:block;max-width:min(420px,100%);max-height:360px;border-radius:12px;margin-top:8px;object-fit:contain;background:#080a0f;cursor:pointer}.emoji-picker{position:fixed;z-index:60;width:280px;padding:12px;background:#171b26;border:1px solid #343b4e;border-radius:14px;display:grid;grid-template-columns:repeat(7,1fr);gap:5px;box-shadow:0 20px 50px #0009}.emoji-picker button{border:0;background:transparent;border-radius:7px;font-size:21px;padding:5px;cursor:pointer}.emoji-picker button:hover{background:#292f3e}.upload-preview{display:flex;align-items:center;gap:8px;background:#1b2130;border:1px solid #343c50;border-radius:10px;padding:6px 10px;margin:0 20px;color:#bbc1d0;font-size:11px}.upload-preview img{width:36px;height:36px;object-fit:cover;border-radius:7px}.upload-preview button{margin-left:auto;border:0;background:transparent;color:#ff7584;cursor:pointer}
.play-btn.secondary{background:#242a38;color:#fff}.sound-enable{border:1px solid #3c345a;background:#1c1829;color:#cbb8ff;border-radius:9px;padding:8px 12px;font-size:10px;cursor:pointer}.volume-control{display:flex;align-items:center;gap:8px;margin:12px 4px;color:#687086}.volume-control input{width:100%;accent-color:var(--room-accent)}#youtube-player iframe,#spotify-player iframe{width:100%;height:152px;border:0;border-radius:12px;margin-top:12px}
.check-field{display:flex;align-items:center;gap:10px;padding:11px;margin:8px 0;background:#0c0f16;border:1px solid var(--line);border-radius:10px;color:#c8ccd7;font-size:13px}.check-field input{accent-color:var(--accent);width:17px;height:17px}
.emoji-picker{width:322px!important;display:block!important;padding:10px!important}.emoji-search{display:flex;align-items:center;gap:7px;background:#0d1017;border:1px solid #2c3343;border-radius:10px;padding:0 10px}.emoji-search input{width:100%;border:0;background:transparent;color:#fff;outline:0;padding:10px 2px}.emoji-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;border-bottom:1px solid #292f3e;padding:7px 0}.emoji-tabs button{font-size:17px!important}.emoji-tabs button.active{background:#32284d;color:#fff}.emoji-grid{height:220px;overflow-y:auto;display:grid;grid-template-columns:repeat(7,1fr);align-content:start;gap:3px;padding:8px 0}.emoji-grid button{height:38px;display:grid;place-items:center}.emoji-grid img,.custom-emoji{width:28px;height:28px;object-fit:contain;vertical-align:middle}.emoji-upload{height:220px;padding:10px 3px}.emoji-upload form{display:grid;gap:9px}.emoji-upload input{width:100%;background:#0d1017;border:1px solid #2c3343;color:#fff;border-radius:9px;padding:9px}.emoji-upload small{color:var(--muted);font-size:9px}.shortcut-emoji{display:inline-block;font-size:1.45em;line-height:1;vertical-align:middle;margin:0 2px}.shortcut-emoji.bounce{animation:emojiBounce 1.2s ease-in-out infinite}.shortcut-emoji.shake{animation:emojiShake .7s ease-in-out infinite}.shortcut-emoji.pulse{animation:emojiPulse 1s ease-in-out infinite}.shortcut-emoji.wink{animation:emojiWink 1.8s ease-in-out infinite}.shortcut-emoji.drop{animation:emojiDrop 1.8s ease-in-out infinite}@keyframes emojiBounce{50%{transform:translateY(-4px) rotate(5deg)}}@keyframes emojiShake{25%{transform:rotate(-12deg) scale(1.08)}75%{transform:rotate(12deg) scale(1.08)}}@keyframes emojiPulse{50%{transform:scale(1.28)}}@keyframes emojiWink{50%{transform:scale(.88) rotate(-8deg)}}@keyframes emojiDrop{50%{transform:translateY(3px) scale(.94)}}
.read-receipt{font-size:9px;color:#706a91;margin-top:4px}.social-list{display:grid;gap:7px;margin:10px 0 22px}.social-person{display:flex;align-items:center;gap:10px;padding:9px;background:#0c0f16;border:1px solid var(--line);border-radius:10px}.social-person>div{flex:1}.social-person b,.social-person small{display:block}.social-person small{color:var(--muted);font-size:9px}.social-person button{border:0;background:#242938;color:#ddd;border-radius:7px;padding:6px 8px;cursor:pointer}.dm-messages{height:340px;overflow:auto;background:#0a0d13;border:1px solid var(--line);border-radius:12px;padding:12px;margin:15px 0}.dm-message{max-width:80%;padding:9px 11px;background:#1b202c;border-radius:12px;margin:7px 0;font-size:12px}.dm-message.mine{margin-left:auto;background:#392a60}.dm-message small{display:block;color:#8d94a8;font-size:8px;margin-top:4px}.dm-form{display:flex;gap:7px}.dm-form input{flex:1;background:#0b0e14;border:1px solid var(--line);border-radius:9px;padding:11px;color:#fff}.dm-form button{border:0;background:var(--accent);color:#fff;border-radius:9px;padding:0 15px}
.danger-zone{margin-top:28px;padding-top:20px;border-top:1px solid #542631}.danger-zone h3{color:#ff7584;margin:0 0 6px}.danger-zone p{font-size:11px!important;margin-bottom:12px!important}.danger-btn{width:100%;border:1px solid #70313d;background:#2a151b;color:#ff8693;border-radius:10px;padding:11px;cursor:pointer}.danger-btn:hover{background:#3a1921}
.settings-section{margin-top:25px;padding-top:18px;border-top:1px solid var(--line)}.settings-section h3{font:600 17px "Space Grotesk";margin:0 0 12px}.send-btn:disabled,.composer input:disabled{opacity:.45;cursor:not-allowed}
.track-remove{margin-left:auto;width:28px;height:28px;border:1px solid #663747;border-radius:8px;background:#26151c;color:#ff8fa8;font-size:20px;line-height:20px;cursor:pointer;flex:0 0 auto}.track-remove:hover{background:#512536;color:#fff}
.provider-logo{display:grid;place-items:center;width:28px;height:22px;border-radius:6px;color:#fff;font-size:11px;flex:0 0 auto}.provider-logo.youtube{background:#ff0033}.provider-logo.spotify{background:#1db954;color:#07150c}.provider-logo.radio{background:#6557d9}
.rail{width:168px!important;align-items:stretch!important;padding:18px 12px!important}.brand.compact{padding:0 5px;gap:12px}.rail-btn{width:100%!important;height:44px!important;display:flex;align-items:center;gap:11px;padding:0 11px;text-align:left;font-size:13px!important}.rail-icon{width:22px;text-align:center;font-size:19px;color:#a990ef}.rail-label{font-weight:600;letter-spacing:.1px}.rail-language{width:100%;margin-top:2px}.rail-profile .me-avatar{width:30px;height:30px;border-radius:9px;font-size:11px}.rail-profile{padding-left:7px}
@media(max-width:700px){.rail{width:54px!important;padding:18px 6px!important;align-items:center!important}.rail .rail-label{display:none}.rail-btn{width:42px!important;justify-content:center;padding:0}.rail-language{width:42px}.room-sidebar{left:54px}}
.message-user{border:0;cursor:pointer}.message-user-name{border:0;background:transparent;color:#fff;padding:0;font-weight:700;font-size:12px;cursor:pointer}.message-user-name:hover{text-decoration:underline;color:#c7b3ff}
.chat-mention{display:inline-block;padding:1px 6px;border-radius:6px;background:#302451;color:#cdb7ff;font-weight:700;box-shadow:inset 0 0 0 1px #644f9138}.chat-mention.mention-me{background:#55306a;color:#ffd6ff;box-shadow:inset 0 0 0 1px #aa68c966}
.notification-button{position:relative}.notification-badge{margin-left:auto;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#ff4e78;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800}.modal.notification-wide{width:min(900px,96vw)}.notification-center{display:grid;grid-template-columns:1fr 1fr;gap:28px}.notification-center>section+section{border-left:1px solid var(--line);padding-left:28px}.notification-center h2{font-size:23px}.notification-center h3{font-size:11px;color:#9299aa;text-transform:uppercase;letter-spacing:1px;margin:20px 0 8px}.notification-list{display:grid;gap:8px;max-height:520px;overflow:auto}.notification-item{width:100%;display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);background:#0c0f16;color:#dfe2ea;border-radius:11px;padding:12px;text-align:left;cursor:pointer}.notification-item.unread{border-color:#5f4a91;background:#181329}.notification-item>span:last-child{display:grid;gap:4px}.notification-item b{font-size:12px}.notification-item small{font-size:9px;color:var(--muted)}.notification-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#765af3;flex:none}@media(max-width:700px){.notification-center{grid-template-columns:1fr}.notification-center>section+section{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:22px}.notification-button .notification-badge{position:absolute;right:1px;top:0}.modal.notification-wide{width:min(440px,96vw)}}
#privacy-form select{width:100%;background:#0b0e14;border:1px solid #303747;border-radius:10px;color:#fff;padding:11px;margin:4px 0 5px}
.dm-dock{position:fixed;z-index:65;left:184px;bottom:14px;display:flex;gap:12px;align-items:flex-end}.dm-window{width:350px;background:#11151e;border:1px solid #353c50;border-radius:15px;box-shadow:0 22px 60px #000b;overflow:hidden}.dm-window>header{height:55px;display:flex;align-items:center;gap:7px;padding:9px 11px;background:#191e2a;border-bottom:1px solid #303747}.dm-window>header>div{min-width:0;flex:1}.dm-window>header b,.dm-window>header small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-window>header b{font-size:13px}.dm-window>header small{font-size:9px;color:var(--muted)}.dm-window>header button{width:29px;height:29px;border:0;border-radius:7px;background:transparent;color:#aeb4c2;cursor:pointer}.dm-window>header button:hover{background:#2a3040;color:#fff}.dm-window .dm-messages{height:280px;margin:0;border:0;border-radius:0}.dm-window .dm-form{padding:9px;border-top:1px solid var(--line)}.dm-options{display:flex;gap:7px;padding:8px 10px;background:#0d1017;border-bottom:1px solid var(--line)}.dm-options button{flex:1;border:1px solid #343b4c;border-radius:7px;background:#171c27;color:#cfd3dc;padding:7px;font-size:10px;cursor:pointer}.dm-options button:last-child{color:#ff8190}.dm-window.minimized>*:not(header){display:none}.dm-window.minimized{width:280px}@media(max-width:700px){.dm-dock{left:62px;right:8px;bottom:8px}.dm-window{width:min(350px,calc(100vw - 78px))}}
.everyone-trigger{font-weight:800;color:#b99bff}.chat-mention.mention-me,.chat-mention:has(+*){transition:.15s}#privacy-form label{display:block;color:var(--muted);font-size:11px;margin:2px 0 5px}
.presence-message .presence-name{font-weight:700}.presence-message.joined .presence-name{color:#65dfb5}.presence-message.left .presence-name{color:#ff9aaa}
.app-shell{height:100dvh;max-height:100dvh;overflow:hidden}.chat-layout{height:100%;min-height:0;overflow:hidden}.chat-main{height:100%;min-height:0;overflow:hidden}.chat-head,.composer{flex:none}.messages{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.room-sidebar,.music-panel{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain}body:has(.app-shell:not(.hidden)){height:100dvh;overflow:hidden}
.room-expiry{margin-top:12px;padding-top:9px;border-top:1px solid #49303c;color:#ff8190;font-size:10px}.admin-setting-card{max-width:520px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;margin:0 0 28px}.admin-setting-card h3{margin:0 0 5px}.admin-setting-card p{color:var(--muted);font-size:11px}.admin-setting-row{display:flex;gap:8px}.admin-setting-row input{flex:1;background:#0b0e14;border:1px solid var(--line);border-radius:9px;color:#fff;padding:10px}.admin-setting-row button{border:0;background:var(--accent);color:#fff;border-radius:9px;padding:0 16px;cursor:pointer}
.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:32px 0}.stat-card{background:var(--panel);border:1px solid var(--line);padding:18px;border-radius:14px}.stat-card b{font:600 28px "Space Grotesk";display:block}.stat-card span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.admin-section-title{font:600 20px "Space Grotesk";margin-top:40px}.admin-users{display:grid;gap:7px}.admin-user{display:flex;align-items:center;gap:12px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:11px}.admin-user>div{flex:1}.admin-user b,.admin-user small{display:block}.admin-user small{color:var(--muted);font-size:10px}.admin-user button{border:1px solid var(--line);background:#181c27;color:#fff;padding:8px 10px;border-radius:8px;cursor:pointer}.admin-user button.danger{color:#ff7584}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;min-height:100vh;overflow-x:hidden}button,input,textarea,select{font:inherit}.hidden{display:none!important}.noise{position:fixed;inset:0;opacity:.025;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font:700 24px "Space Grotesk";letter-spacing:-1px}.brand i{width:5px;height:5px;background:var(--accent2);border-radius:50%;align-self:flex-end;margin:0 0 5px -6px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#6b55ff);border-radius:11px;color:#fff;font-size:19px;box-shadow:0 0 30px #805fff42}.landing{max-width:1240px;margin:auto;padding:0 38px}.landing-nav{height:92px;display:flex;align-items:center;justify-content:space-between}.ghost-btn,.text-btn,.icon-btn,.rail-btn{border:0;background:transparent;color:var(--text);cursor:pointer}.ghost-btn{border:1px solid var(--line);padding:11px 20px;border-radius:99px}.ghost-btn:hover{border-color:#625c78}.hero{min-height:630px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.eyebrow{font:600 11px "Space Grotesk";letter-spacing:2.3px;text-transform:uppercase;color:#a8aec0}.eyebrow i,.now-label i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent2);margin-right:8px;box-shadow:0 0 10px var(--accent2)}.hero h1{font:600 clamp(58px,6vw,90px)/.95 "Space Grotesk";letter-spacing:-5px;margin:24px 0}.hero h1 em{font-style:normal;color:var(--accent);display:block}.hero-copy>p{font-size:18px;line-height:1.65;color:#a8aec0;max-width:520px}.hero-actions{display:flex;align-items:center;gap:20px;margin:35px 0}.primary-btn{border:0;background:linear-gradient(135deg,#a873ff,#7558fa);color:#fff;font-weight:700;border-radius:13px;padding:15px 22px;cursor:pointer;box-shadow:0 12px 30px #7558fa35}.primary-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.primary-btn span{margin-left:25px}.primary-btn.small{padding:11px 16px}.text-btn{color:#b7bdcd}.trust-row{display:flex;gap:24px;color:#747c91;font-size:12px}.trust-row b{color:var(--cyan);margin-right:5px}.hero-visual{height:540px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #2b2445;border-radius:50%;width:460px;height:460px}.orbit-two{width:340px;height:340px;border-color:#162f36}.chat-preview{position:relative;z-index:2;width:410px;background:#10131dbd;backdrop-filter:blur(15px);border:1px solid #2a3040;border-radius:22px;padding:20px;box-shadow:0 35px 70px #0008;transform:rotate(-2deg)}.preview-head{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #242938}.preview-head i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cyan);margin-right:8px}.preview-head small{color:var(--muted)}.preview-message{display:flex;gap:12px;margin:22px 0}.avatar{width:38px;height:38px;flex:none;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:700;background:#333}.avatar.purple{background:#764fee}.avatar.cyan{background:#188d93}.avatar.coral{background:#d54c72}.preview-message b{font-size:13px}.preview-message b small{color:#5f667a;font-weight:400;margin-left:8px}.preview-message p{margin:5px 0;color:#c6cad5}.typing{display:flex;align-items:center;gap:4px;color:#616a80;font-size:11px}.typing i{width:5px;height:5px;background:var(--accent);border-radius:50%}.typing span{margin-left:6px}.float-card{position:absolute;z-index:3;background:#171b26e8;border:1px solid #303647;border-radius:15px;padding:11px 14px;display:flex;align-items:center;gap:11px;box-shadow:0 12px 35px #0008}.float-card b,.float-card small{display:block;font-size:12px}.float-card small{color:var(--muted);margin-top:3px}.fc-one{top:52px;right:4px}.fc-two{bottom:48px;left:5px}.wave{color:var(--cyan);font-size:19px;letter-spacing:2px}.feature-strip{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:45px 0 70px;gap:50px}.feature-strip article{display:grid;grid-template-columns:32px 1fr}.feature-strip article>span{color:#5e6578;font-size:11px}.feature-strip h3{margin:0;font:600 17px "Space Grotesk"}.feature-strip p{grid-column:2;color:#777f92;font-size:13px;line-height:1.6}.app-shell{height:100vh;display:flex}.rail{width:72px;flex:none;background:#090b11;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;padding:18px 0;gap:10px}.brand.compact{margin-bottom:22px}.rail-btn{width:42px;height:42px;border-radius:12px;color:#747c91;font-size:19px}.rail-btn:hover,.rail-btn.active{background:#1b1928;color:#b693ff}.rail-spacer{flex:1}.me-avatar{background:linear-gradient(135deg,var(--accent),var(--accent2));cursor:pointer}.dashboard{padding:42px 55px;overflow:auto;flex:1;background:radial-gradient(circle at 70% -20%,#37265b55,transparent 35%)}.dash-head{display:flex;align-items:center;justify-content:space-between}.dash-head h2{font:600 42px "Space Grotesk";letter-spacing:-2px;margin:12px 0 0}.search{width:300px;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:0 14px;display:flex;align-items:center;gap:8px}.search input{width:100%;padding:13px 5px;background:transparent;border:0;color:#fff;outline:0}.dash-toolbar{display:flex;justify-content:space-between;align-items:center;margin:45px 0 20px;color:var(--muted)}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.room-card{min-height:190px;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--panel2),#0d1018);cursor:pointer;position:relative;overflow:hidden;transition:.2s}.room-card:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:var(--card-color);filter:blur(70px);opacity:.23;right:-30px;top:-35px}.room-card:hover{transform:translateY(-3px);border-color:#45405c}.room-card h3{font:600 21px "Space Grotesk";margin:22px 0 7px}.room-card p{color:var(--muted);font-size:13px;line-height:1.5;min-height:38px}.room-meta{display:flex;justify-content:space-between;color:#687086;font-size:11px}.room-live{color:var(--cyan)}.room-icon{width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--card-color) 25%,#151824);display:grid;place-items:center;color:var(--card-color);font-size:18px}.empty-state{grid-column:1/-1;text-align:center;padding:80px;color:var(--muted)}.chat-layout{flex:1;display:grid;grid-template-columns:240px minmax(350px,1fr) 285px;min-width:0}.room-sidebar,.music-panel{background:#0c0f16;border-right:1px solid var(--line);min-width:0}.room-title{height:78px;padding:0 15px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.room-title>div{min-width:0;flex:1}.room-title small,.sidebar-label,.playlist-head,.now-label{font:600 9px "Space Grotesk";letter-spacing:1.7px;color:#676f82}.room-title h2{font:600 17px "Space Grotesk";white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0}.icon-btn{font-size:16px;width:30px;height:30px;border-radius:8px}.icon-btn:hover{background:#1c2130}.room-description{color:var(--muted);font-size:12px;padding:18px 20px;line-height:1.5}.channel{margin:2px 10px 25px;padding:10px;border-radius:9px;color:#8991a5;font-size:13px}.channel.active{background:#191725;color:#c6b5f1}.channel span{margin-right:8px}.sidebar-label{padding:0 20px 10px}.online-list{overflow-y:auto}.online-user{display:flex;align-items:center;gap:10px;padding:8px 18px;cursor:pointer;position:relative}.online-user:hover{background:#131722}.online-user .avatar{width:30px;height:30px;border-radius:9px;font-size:11px}.status-dot{width:8px;height:8px;border-radius:50%;background:#40d6a2;border:2px solid #0c0f16;position:absolute;left:41px;bottom:8px}.online-user div:nth-child(2){min-width:0}.online-user b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-label{font-size:9px;color:#846ef1;text-transform:uppercase}.chat-main{min-width:0;display:flex;flex-direction:column;background:#0e1118}.chat-head{height:78px;padding:0 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.chat-head h3{font-size:14px;margin:0}.chat-head p{font-size:10px;color:#687086;margin:4px 0 0}.mobile-users{display:none}.messages{flex:1;overflow:auto;padding:24px}.message{display:flex;gap:12px;padding:8px 5px}.message:hover{background:#11151e}.message .avatar{width:36px;height:36px;border-radius:10px;font-size:12px}.message-body{min-width:0}.message-head{display:flex;gap:8px;align-items:center}.message-head b{font-size:12px}.message-head time{font-size:9px;color:#565e70}.badge{font-size:8px;padding:2px 5px;border-radius:4px;background:#39265c;color:#bfa2ff;text-transform:uppercase}.message-text{font-size:13px;line-height:1.55;color:#c5c9d5;margin-top:3px;word-break:break-word}.system-message{text-align:center;color:#697186;font-size:11px;margin:10px}.composer{margin:12px 20px 18px;border:1px solid #282e3e;background:#141823;border-radius:13px;display:flex;align-items:center;padding:4px}.composer input{flex:1;border:0;background:transparent;outline:0;color:#fff;padding:10px}.composer-action,.send-btn{border:0;background:transparent;color:#737c91;cursor:pointer}.send-btn{width:34px;height:34px;border-radius:9px;background:var(--room-accent);color:#fff}.music-panel{border-left:1px solid var(--line);border-right:0;padding:0 18px;overflow:auto}.music-panel>header{height:78px;display:flex;align-items:center;justify-content:space-between}.now-label i{width:5px;height:5px}.player-wrap{text-align:center}.album-art{height:160px;border-radius:17px;background:radial-gradient(circle,#342459 0 20%,#141828 21% 28%,#27203c 29% 35%,#111520 36% 100%);display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:0 18px 32px #0007}.album-art:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,#b495ff18,transparent)}.album-art>span{font:700 48px "Space Grotesk";color:#a980ff}.player-wrap h3{font:600 14px "Space Grotesk";margin:16px 0 4px}.player-wrap>p{font-size:10px;color:#687086;margin:0}.player-controls{margin:18px 0;display:flex;justify-content:center;align-items:center;gap:10px;color:var(--muted);font-size:10px}.play-btn{width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:#0b0d13;cursor:pointer}.play-btn:disabled{opacity:.4}.playlist-head{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:16px 3px 10px}.track{padding:9px;border-radius:9px;display:flex;gap:9px;align-items:center;cursor:pointer}.track:hover,.track.active{background:#171b26}.track-index{color:#676f81;font-size:10px}.track div{min-width:0}.track b,.track small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track b{font-size:11px}.track small{font-size:9px;color:#676f81;margin-top:2px}.muted{color:var(--muted);font-size:11px;text-align:center}.modal-backdrop{position:fixed;z-index:50;inset:0;background:#020306c9;display:grid;place-items:center;padding:20px;backdrop-filter:blur(8px)}.modal{width:min(440px,100%);max-height:90vh;overflow:auto;background:#11151e;border:1px solid #2b3141;border-radius:20px;padding:28px;position:relative;box-shadow:0 30px 100px #000}.modal-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#8991a5;font-size:24px;cursor:pointer}.modal h2{font:600 28px "Space Grotesk";letter-spacing:-1px;margin:0 0 7px}.modal>div>p{color:var(--muted);font-size:13px;margin:0 0 24px}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:20px}.tabs button{flex:1;border:0;background:transparent;color:#737b8e;padding:10px;cursor:pointer}.tabs button.active{color:#fff;border-bottom:2px solid var(--accent)}.form-field{display:block;margin:14px 0}.form-field span{display:block;font-size:10px;color:#888fa1;margin:0 0 7px;text-transform:uppercase;letter-spacing:1px}.form-field input,.form-field textarea,.form-field select{width:100%;background:#0b0e14;border:1px solid #292f3f;border-radius:10px;padding:12px;color:#fff;outline:0}.form-field textarea{resize:vertical;min-height:75px}.form-field input:focus,.form-field textarea:focus{border-color:var(--accent)}.form-submit{width:100%;margin-top:12px}.form-error{color:#ff7180;font-size:11px;min-height:16px}.user-menu{display:grid;gap:8px}.user-action{border:1px solid var(--line);background:#121620;color:#d9dce5;padding:10px;border-radius:9px;cursor:pointer;text-align:left}.user-action.danger{color:#ff7584}.toast-stack{position:fixed;z-index:70;right:18px;bottom:18px;display:grid;gap:8px}.toast{background:#181d29;border:1px solid #333a4c;color:#e7e9ef;border-radius:11px;padding:12px 16px;box-shadow:0 10px 30px #0007;font-size:12px;animation:toast .2s ease}.toast.error{border-color:#6d2b36}.reports-list{margin-top:35px;display:grid;gap:12px}.report-card{background:var(--panel);border:1px solid var(--line);padding:18px;border-radius:13px;display:flex;justify-content:space-between;gap:20px}.report-card p{color:#b6bbc8;font-size:13px}.report-card small{color:var(--muted)}.report-actions{display:flex;gap:8px;align-items:center}.report-actions button{border:1px solid var(--line);background:#181c27;color:#fff;padding:8px 10px;border-radius:8px;cursor:pointer}@keyframes toast{from{opacity:0;transform:translateY(8px)}}@media(max-width:980px){.hero{grid-template-columns:1fr}.hero-copy{text-align:center;padding-top:50px}.hero-copy>p{margin:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{height:460px}.feature-strip{grid-template-columns:1fr}.chat-layout{grid-template-columns:210px 1fr}.music-panel{position:fixed;right:0;top:0;bottom:0;width:290px;z-index:15;box-shadow:-20px 0 50px #000;transform:translateX(100%);transition:.2s}.music-panel.open{transform:none}}@media(max-width:700px){.landing{padding:0 20px}.landing-nav{height:72px}.hero{min-height:auto}.hero h1{font-size:54px;letter-spacing:-3px}.hero-visual{transform:scale(.78);margin:-40px -70px}.trust-row{flex-wrap:wrap}.feature-strip{padding-top:30px}.rail{width:54px}.rail-btn{width:38px}.dashboard{padding:28px 18px}.dash-head{align-items:flex-start;gap:20px;flex-direction:column}.dash-head h2{font-size:34px}.search{width:100%}.chat-layout{grid-template-columns:1fr}.room-sidebar{position:fixed;left:54px;top:0;bottom:0;width:235px;z-index:16;transform:translateX(-120%);transition:.2s;box-shadow:20px 0 50px #000}.room-sidebar.open{transform:none}.mobile-users{display:block}.messages{padding:15px}.composer{margin:8px 10px 12px}.app-shell{height:100dvh}.report-card{flex-direction:column}}