@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;450;500;550;600;650;700;750;800;900&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0b11;--panel:#11121b;--line:#242530;--text:#f1f0f7;--muted:#878793;--purple:#b394ff;--pink:#ec82bd;--font:"Be Vietnam Pro",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0;font-size:13px;line-height:1.6}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{transition:background .18s,color .18s,transform .18s}button:hover{color:#fff}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #ba95ff}button:active:not(:disabled){transform:translateY(1px)}input,textarea{min-width:0;color:var(--text);background:0 0;border:0;outline:none}input::placeholder,textarea::placeholder{color:#71717e}img{object-fit:cover;display:block}h1,h2,h3,p{margin:0}a{color:inherit}::selection{color:#fff;background:#8651bc}::-webkit-scrollbar{width:5px;height:4px}::-webkit-scrollbar-thumb{background:#373340;border-radius:20px}button svg{flex-shrink:0}.muted{color:var(--muted)}.primary{background:linear-gradient(110deg,#8d57d6,#b44899);border:1px solid #c785e347;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:10px 16px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 4px 20px #a347b71a}.primary:hover{background:linear-gradient(110deg,#a06be6,#c457aa);box-shadow:0 4px 24px #a347b72e}.secondary{color:#c9bfd7;border:1px solid #35313f;border-radius:8px;align-items:center;gap:7px;padding:7px 12px;font-size:11px;display:inline-flex}.secondary:hover{background:#221d30}.icon-btn{color:#9493a4;border-radius:8px;justify-content:center;align-items:center;padding:7px;display:inline-flex}.icon-btn:hover{color:#dfd5ef;background:#ffffff08}.avatar{border:2px solid #ffffff0b;border-radius:50%;flex-shrink:0;width:39px;height:39px}.avatar.small{width:34px;height:34px}.eyebrow{letter-spacing:1.5px;color:#b5a5cc;align-items:center;gap:7px;font-size:9px;font-weight:600;display:flex}.live-dot{background:#be94fc;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block;box-shadow:0 0 9px #b777fb90}.topbar{z-index:30;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d0e15ed;border-bottom:1px solid #22222d;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:40px;max-width:1480px;height:78px;margin:auto;padding:0 38px;display:flex}.brand{text-align:left;flex-shrink:0;align-items:center;gap:10px;display:flex}.brand-mark{background:linear-gradient(145deg,#a46deb,#be4d9c);border-radius:12px;place-items:center;width:39px;height:39px;display:grid;box-shadow:inset 0 0 12px #ffffff15,0 0 20px #a563d11c}.brand>span:last-child{letter-spacing:-1px;font-size:24px;font-weight:800;line-height:1.1}.brand>span>span{color:#c3a0fa}.brand small{letter-spacing:2.25px;color:#9793a8;margin-top:6px;font-size:6px;font-weight:500;display:block}.search{color:#767582;background:#161720;border:1px solid #272732;border-radius:9px;flex:1;align-items:center;gap:10px;max-width:425px;height:38px;padding:0 12px;display:flex}.search input{width:100%;font-size:11px}.search kbd{border:1px solid #34333d;border-radius:4px;padding:0 5px;font-size:10px}.header-actions{align-items:center;gap:18px;display:flex}.studio-trigger{gap:9px;padding:8px 14px}.notification-bell{position:relative}.notification-bell i{background:#d28ae1;border:1px solid #10111a;border-radius:50%;width:5px;height:5px;position:absolute;top:5px;right:8px}.profile-trigger{border:1px solid #a177ba80;border-radius:50%;padding:0;box-shadow:0 0 0 3px #946ac00d}.profile-trigger .avatar{width:32px;height:32px}.app-grid{grid-template-columns:218px minmax(0,650px) 280px;justify-content:center;align-items:start;gap:30px;max-width:1404px;margin:auto;padding:29px 30px 155px;display:grid}.left-sidebar,.right-sidebar{position:sticky;top:108px}.sidebar-caption{color:#636270;letter-spacing:1.5px;margin:4px 0 15px 14px;font-size:8px;font-weight:600}.main-nav{flex-direction:column;gap:5px;display:flex}.main-nav>button{text-align:left;color:#9998a8;border-radius:9px;align-items:center;gap:13px;width:100%;padding:12px 14px;font-size:12px;display:flex;position:relative}.main-nav>button.active{color:#d3bafa;background:linear-gradient(100deg,#8651c828,#8d51c60a);box-shadow:inset 0 0 0 1px #aa72d820}.main-nav>button:hover{background-color:#ffffff04}.main-nav>button.active i{background:#bc8fed;border-radius:50%;width:5px;height:5px;position:absolute;right:13px}.main-nav>button>b{color:#d5a5e6;text-align:center;background:#a05ac229;border:1px solid #a05ac235;border-radius:5px;min-width:19px;margin-left:auto;font-size:9px}.sidebar-divider{background:linear-gradient(90deg,#2a2735,#0000);height:1px;margin:22px 12px}.section-label{letter-spacing:1.25px;color:#84818f;justify-content:space-between;align-items:center;font-size:9px;font-weight:600;display:flex}.left-sidebar .section-label{margin-bottom:13px;padding:0 14px}.section-label>span:last-child{color:#a989c5}.club-nav{flex-direction:column;gap:3px;display:flex}.club-nav>button{text-align:left;color:#c3bfce;border-radius:9px;align-items:center;gap:11px;width:100%;padding:10px 14px;font-size:11px;display:flex}.club-nav>button:hover,.club-nav>button.chosen{background:#17151f}.club-nav small{color:#6b6879;margin-top:2px;font-size:9px;display:block}.club-icon{border:1px solid #ffffff08;border-radius:10px;place-items:center;width:33px;height:33px;font-size:16px;display:grid}.purple{color:#b58ae6;background:#a86bff17}.pink{color:#eea0c1;background:#e15a9a16}.orange{background:#d8802c14}.cyan{background:#43a6c114}.all-clubs{color:#a68bc8;align-items:center;gap:8px;margin:13px 14px 23px;font-size:10px;display:flex}.invitation-card{background:radial-gradient(at 100% 0,#8e3e9f1f,#0000 80%),linear-gradient(135deg,#1c1729,#15121c);border:1px solid #8d5db136;border-radius:13px;margin:0 8px;padding:19px 17px;position:relative;overflow:hidden}.invitation-icon{color:#d1a2ef;gap:8px;margin-bottom:14px;display:flex}.invitation-icon svg:last-child{margin-top:-4px}.invitation-card h3{font-size:13px;font-weight:600;line-height:1.8}.invitation-card p{color:#9a8ea9;margin-top:9px;font-size:9px;line-height:1.9}.invitation-card button{color:#d5b5ee;background:#9263c61e;border:1px solid #aa79d329;border-radius:6px;justify-content:space-between;align-items:center;width:100%;margin-top:17px;padding:8px 10px;font-size:10px;display:flex}.sidebar-footer{color:#555160;margin:23px 17px;font-size:8px;line-height:1.9}.sidebar-footer p{margin:9px 0}.main-content{min-width:0}.welcome-banner{background:radial-gradient(at 90% 25%,#6a2d692d,#0000 75%),linear-gradient(115deg,#21182f,#201526 62%,#18131e);border:1px solid #6b477146;border-radius:15px;align-items:center;min-height:268px;padding:27px 30px;display:flex;position:relative;overflow:hidden}.welcome-content{z-index:2;position:relative}.welcome-banner .eyebrow{letter-spacing:1.3px;font-size:8px}.welcome-banner h1{letter-spacing:-1.4px;margin-top:15px;font-size:37px;font-weight:750;line-height:1.3}.welcome-banner h1 em{color:#0000;background:linear-gradient(90deg,#cca2fa,#ee9bbe);-webkit-background-clip:text;background-clip:text;font-style:normal}.welcome-banner p{color:#a99ab4;margin-top:12px;font-size:10px;line-height:1.9}.welcome-banner button{color:#d6b2ef;align-items:center;gap:9px;margin-top:19px;padding:0;font-size:10px;font-weight:500;display:flex}.hero-visual{opacity:.9;place-items:center;width:47%;height:100%;display:grid;position:absolute;top:0;right:0}.hero-ring{aspect-ratio:1;border:1px solid #bb72c31f;border-radius:50%;position:absolute}.ring-1{width:150px}.ring-2{width:208px}.ring-3{width:267px}.hero-ring:after{content:"";background:#c995ed;border-radius:50%;width:5px;height:5px;position:absolute;top:17%;left:12%;box-shadow:0 0 14px #ac62d7}.ring-2:after{background:#e29bc1;top:29%;left:auto;right:4%}.ring-3:after{background:#aa7ada;top:auto;bottom:16%;left:16%}.hero-mic{color:#d5a4ef;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#6b426b80,#2f254e70);border-radius:32px;place-items:center;width:100px;height:110px;display:grid;transform:rotate(-12deg);box-shadow:inset 0 0 0 1px #d68fee24,0 0 55px #a15be129}.floating-note{color:#c18ace;position:absolute}.note-1{font-size:35px;top:28px;right:50px;transform:rotate(15deg)}.note-2{color:#b288c4;font-size:26px;bottom:41px;left:40px}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#d3b6d2;background:#351b337d;border:1px solid #c37fb92b;border-radius:20px;align-items:center;gap:7px;padding:5px 10px;font-size:8px;display:flex;position:absolute;bottom:30px;right:30px}.hero-badge span{background:#dfa9d8;border-radius:50%;width:4px;height:4px}.feed-heading{justify-content:space-between;align-items:center;margin:28px 0 18px;scroll-margin-top:100px;display:flex}.feed-heading .eyebrow{letter-spacing:1.45px;color:#767080;font-size:7px}.feed-heading h2{letter-spacing:-.5px;align-items:center;gap:8px;margin-top:4px;font-size:19px;display:flex}.feed-heading h2 svg{color:#ac87d4}.live-pill{color:#8fb9a1;border:1px solid #3053414f;border-radius:20px;align-items:center;gap:5px;padding:4px 8px;font-size:8px;display:flex}.live-pill i,.player-status i{background:#80c3a0;border-radius:50%;width:4px;height:4px}.category-tabs{scrollbar-width:none;gap:7px;margin-bottom:20px;padding-bottom:2px;display:flex;overflow:auto}.category-tabs button{white-space:nowrap;color:#94909f;background:#13141c;border:1px solid #25242e;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:7px 12px;font-size:10px;display:inline-flex}.category-tabs button.selected{color:#d7bafa;background:#a36ce323;border-color:#a075c65c}.category-tabs button:hover{border-color:#6f527c}.feed-list{flex-direction:column;gap:22px;display:flex}.post-card{background:var(--panel);border:1px solid #272631;border-radius:13px;overflow:visible}.post-author{align-items:center;gap:10px;padding:15px 17px;display:flex;position:relative}.post-author>div:nth-child(2){min-width:0}.post-author strong{color:#e6e2ef;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.post-author>div>span{color:#76717f;margin-top:1px;font-size:8px;display:block}.post-author b{margin:0 4px;font-weight:400}.verified{color:#211529;background:#b48ae1;border-radius:50%;place-items:center;width:11px;height:11px;display:grid}.follow-btn{color:#c6a0e7;white-space:nowrap;background:#9d6bcb0f;border:1px solid #9d6bcb29;border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:5px 9px;font-size:9px;display:flex}.follow-btn.following{color:#92909e;background:0 0;border-color:#36313f}.post-menu{position:relative}.post-menu .icon-btn{padding:4px 0 4px 4px}.dropdown{z-index:5;background:#211c2b;border:1px solid #483750;border-radius:8px;width:185px;padding:5px;position:absolute;top:30px;right:0;box-shadow:0 10px 30px #0008}.dropdown button{text-align:left;border-radius:5px;align-items:center;gap:8px;width:100%;padding:9px;font-size:10px;display:flex}.dropdown button:hover{background:#b48ae116}.audio-art{background-position:50% 52%;background-size:cover;border-radius:9px;height:330px;margin:0 13px;position:relative;overflow:hidden}.art-shade{background:linear-gradient(#101c2290,#0b101b50 30%,#0a101edb 100%),linear-gradient(90deg,#15231a66,#12152a44);position:absolute;inset:0}.art-label,.art-quality{letter-spacing:1.2px;color:#e0dce8;align-items:center;gap:6px;font-size:7px;font-weight:500;display:flex;position:absolute;top:17px}.art-label{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#14192260;border:1px solid #f1ebff27;border-radius:5px;padding:4px 7px;left:18px}.art-quality{letter-spacing:1.5px;color:#d4cfdaaa;font-size:6px;top:22px;right:18px}.art-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding-top:8px;display:flex;position:absolute;inset:0}.art-play{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1;background:#e2d4ee16;border:1px solid #e4c9f05c;border-radius:50%;place-items:center;width:61px;height:61px;margin-bottom:27px;display:grid;box-shadow:0 0 40px #c3b5c713}.art-play svg{margin-left:3px}.art-play:hover{background:#d9b5ef30;transform:scale(1.06)!important}.record-orbit{pointer-events:none;border:1px solid #ddcfe71d;border-radius:50%;width:100px;height:100px;position:absolute;top:calc(50% - 57px);left:50%;transform:translate(-50%,-50%)}.record-orbit span{border:1px solid #ddcfe710;border-radius:50%;position:absolute;inset:-13px}.record-orbit span+span{border-color:#ddcfe709;inset:-29px}.art-kicker{letter-spacing:2px;color:#c4bcc6;margin-bottom:8px;font-size:6px}.art-center h2{letter-spacing:-.6px;text-shadow:0 2px 15px #0008;max-width:90%;font-size:23px;font-weight:600;line-height:1.4}.art-center p{color:#c5bdca;margin-top:8px;font-size:9px}.art-center p span{color:#b886c6;margin:0 7px}.art-wave{position:absolute;bottom:16px;left:22px;right:22px}.waveform{justify-content:center;align-items:center;gap:3px;height:38px;display:flex}.waveform i{opacity:.55;background:#ceb1de;border-radius:3px;flex-shrink:1;width:3px;min-width:1px;max-height:100%;display:block}.waveform i:nth-child(3n){opacity:.7;background:#e3b0c3}.waveform i:nth-child(7n){opacity:.7;background:#fff}.art-wave>div:last-child{color:#c6bfcb;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:4px;font-size:7px;display:flex}.waveform.animated i{opacity:.85;animation:.9s ease-in-out infinite alternate pulse-wave}@keyframes pulse-wave{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.post-body{padding:14px 18px 12px}.post-body>p{color:#bbb5c5;font-size:11px;line-height:1.9}.post-tags{flex-wrap:wrap;align-items:center;gap:9px;margin-top:12px;display:flex}.post-tags button{color:#9e80b8;padding:0;font-size:8px}.post-tags .club-tag{color:#baa1cf;background:#9d6ece12;border:1px solid #aa7bca21;border-radius:5px;align-items:center;gap:4px;padding:3px 6px;display:flex}.post-actions{border-top:1px solid #24222e;align-items:center;gap:25px;margin:0 17px;padding:12px 0;display:flex}.post-actions button{color:#8e879a;align-items:center;gap:7px;padding:2px 0;font-size:10px;display:flex}.post-actions button:hover{color:#dac1f2}.post-actions .share-action{margin-left:auto}.post-actions .liked,.liked{color:#e487b4!important}.post-actions .saved{color:#c0a0ef}.feed-end{color:#696372;text-align:center;flex-direction:column;align-items:center;gap:10px;margin:33px 0;font-size:10px;display:flex}.feed-end svg{color:#9674b7}.feed-end button{color:#b195c6;align-items:center;gap:7px;display:flex}.search-result{color:#bca6d0;justify-content:space-between;align-items:center;padding:0 2px 15px;font-size:11px;display:flex}.daily-card{background:#12121b;border:1px solid #282530;border-radius:12px;padding:14px}.daily-card .section-label{letter-spacing:1px;margin-bottom:13px;font-size:8px}.daily-card .section-label>span{color:#a79aad;align-items:center;gap:6px;display:flex}.tiny-spark{color:#d69fc2;font-size:14px}.daily-art{border-radius:8px;height:209px;position:relative;overflow:hidden}.daily-art>img{object-position:50% 55%;width:100%;height:100%}.daily-overlay{background:linear-gradient(90deg,#100f22aa,#23182c1a),linear-gradient(#0000,#131123c9);position:absolute;inset:0}.daily-art>div{padding:22px 18px;position:absolute;inset:0}.daily-art>div>span{color:#c8b2d3;letter-spacing:2px;font-size:6px}.daily-art h3{letter-spacing:-.8px;margin-top:12px;font-size:27px;font-weight:650;line-height:1.4}.daily-art p{color:#b6a4bf;margin-top:10px;font-size:8px}.daily-art button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#d3b4df19;border:1px solid #eac7ed40;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:17px;right:16px}.daily-bottom{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.daily-bottom>span{color:#95869e;align-items:center;gap:6px;font-size:7px;display:flex}.daily-bottom .live-dot{width:4px;height:4px}.daily-bottom button{color:#95829f;padding:0;display:flex}.trending-section,.creators-section,.hashtag-section{padding:22px 4px 0}.section-title{justify-content:space-between;align-items:center;gap:6px;margin-bottom:17px;display:flex}.section-title h3{color:#d3cadc;white-space:nowrap;font-size:11px;font-weight:600}.section-title h3 span{color:#b186a8;margin-left:4px}.section-title>span{letter-spacing:1px;color:#74697e;font-size:7px}.section-title>svg{color:#9a7eb1}.trending-track{text-align:left;align-items:center;gap:9px;width:100%;padding:8px 0;display:flex}.track-number{color:#6f627a;font-size:9px;font-weight:500}.trending-cover{flex-shrink:0;width:36px;height:36px;position:relative}.trending-cover img{border-radius:6px;width:100%;height:100%}.trending-cover>span{opacity:0;background:#160d2866;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.trending-track:hover .trending-cover>span{opacity:1}.trending-track>div:nth-child(3){flex:1;min-width:0}.trending-track strong{white-space:nowrap;text-overflow:ellipsis;color:#c7bdcf;font-size:9px;font-weight:500;display:block;overflow:hidden}.trending-track small{color:#766b80;margin-top:3px;font-size:8px;display:block}.track-trend{color:#8b9e85;font-size:13px}.purple-text{color:#ba96e0}.creators-section{border-top:1px solid #23202b;margin-top:19px}.creator{align-items:center;gap:9px;margin:14px 0;display:flex}.creator>div{flex:1}.creator strong{color:#cdc2d6;font-size:10px;font-weight:500;display:block}.creator small{color:#796c83;margin-top:1px;font-size:8px;display:block}.creator>button{color:#b18dc9;background:#a06acc10;border:1px solid #9b6bc32e;border-radius:6px;place-items:center;width:26px;height:26px;display:grid}.creator>button.checked{color:#8eaa94;background:#6b987b0d;border-color:#6b987b30}.hashtag-section{border-top:1px solid #23202b;margin-top:20px}.hashtag-section .section-title{margin-bottom:9px}.hashtag-section>button{color:#ad90c2;justify-content:space-between;align-items:center;width:100%;padding:6px 0;font-size:10px;display:flex}.hashtag-section small{color:#72647e;align-items:center;gap:6px;font-size:7px;display:flex}.sound-note{color:#715d80;border-top:1px solid #23202b;justify-content:center;align-items:center;gap:12px;margin-top:24px;padding:16px;display:flex}.sound-note p{font-size:9px;font-style:italic;line-height:1.8}.player{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:40;background:#11111bf7;border-top:1px solid #37303e;position:fixed;bottom:0;left:0;right:0}.player-inner{grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:35px;max-width:1460px;height:88px;margin:auto;padding:0 35px;display:grid}.player-track{align-items:center;gap:12px;min-width:0;display:flex}.player-track>img{border-radius:7px;width:48px;height:48px;box-shadow:0 0 20px #0003}.player-track>div{min-width:0}.player-track strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;display:block;overflow:hidden}.player-track span{color:#8b7e99;margin-top:4px;font-size:8px;display:block}.player-track i{color:#a56baf;margin:0 5px;font-style:normal}.player-track>.icon-btn{margin-left:6px}.player-center{min-width:0}.playback-buttons{justify-content:center;align-items:center;gap:25px;margin:0 0 7px;display:flex}.playback-buttons>button{color:#9990a6;padding:0;display:flex}.playback-buttons .main-play{color:#291d38;background:#d5b9f1;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.main-play svg{margin-left:1px}.player-progress{align-items:center;gap:10px;display:flex}.player-progress>span{color:#85758f;font-variant-numeric:tabular-nums;min-width:27px;font-size:7px}.player-progress>span:last-child{text-align:right}.player-progress input{appearance:none;background:linear-gradient(to right,#bf94df var(--progress),#352b40 var(--progress));cursor:pointer;border-radius:10px;flex:1;width:100%;height:3px}.player-progress input::-webkit-slider-thumb{appearance:none;background:#d0a6ed;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #b98ad962}.player-extra{color:#9a86a9;justify-content:flex-end;align-items:center;gap:11px;display:flex}.player-extra button{padding:0;display:flex}.player-extra input{accent-color:#bd9cda;cursor:pointer;width:65px;height:3px}.player-extra>span:not(.player-status){background:#382c40;width:1px;height:17px;margin:0 6px}.player-status{letter-spacing:1.3px;white-space:nowrap;color:#7c6d8b;align-items:center;gap:5px;margin-left:12px;font-size:6px;display:flex}.player-status i{background:#a185bb}.mobile-nav{display:none}.page-heading{padding:16px 0 24px}.page-heading h1{letter-spacing:-1px;margin:9px 0;font-size:27px;line-height:1.4}.page-heading p{color:#97899f;font-size:11px}.community-clubs{grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:20px;display:grid}.community-clubs button{background:#15121f;border:1px solid #2d2437;border-radius:10px;flex-direction:column;align-items:center;padding:17px 5px;display:flex}.community-clubs button.selected{background:#2c203d;border-color:#9f72c0}.community-clubs button>span{margin-bottom:8px;font-size:23px}.community-clubs strong{font-size:9px;font-weight:500}.community-clubs small{color:#94809f;margin-top:5px;font-size:7px}.composer{text-align:left;background:#15121e;border:1px solid #302738;border-radius:10px;align-items:center;gap:12px;width:100%;margin-bottom:22px;padding:17px;display:flex}.composer>span{color:#8d7c98;flex:1;font-size:10px}.composer>svg{color:#bc90d8}.club-detail{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.club-detail>span{color:#cdb3df;gap:7px;font-size:12px;display:flex}.community-caption{color:#b9a9c4;padding:0 18px 18px;font-size:11px}.compact-card .audio-art{height:125px}.compact-card .art-label,.compact-card .art-quality,.compact-card .art-wave{display:none}.compact-card .art-play{width:44px;height:44px;margin:0}.compact-card .record-orbit{width:67px;height:67px;top:50%}.compact-card .art-center{padding:0}.compact-card .post-body h3{font-size:13px;font-weight:500}.compact-card .post-tags{margin-top:7px}.empty-state{text-align:center;background:#15101c;border:1px dashed #3c2c46;border-radius:13px;flex-direction:column;align-items:center;padding:60px 25px;display:flex}.empty-state>span{color:#b08bc9;background:#b38bd012;border-radius:50%;place-items:center;width:70px;height:70px;margin-bottom:20px;display:grid}.empty-state h2{font-size:18px}.empty-state p{color:#9987a5;max-width:310px;margin:12px 0 25px;font-size:11px}.profile-card{background:#14111c;border:1px solid #302538;border-radius:14px;overflow:hidden}.profile-cover{color:#d0a4e31a;background:radial-gradient(at 80% 20%,#b54e802b,#0000),linear-gradient(110deg,#3b244c,#211a35);justify-content:flex-end;align-items:center;height:130px;padding-right:50px;display:flex}.profile-info{padding:0 23px 25px;position:relative}.profile-info>.avatar{border:5px solid #14111c;width:78px;height:78px;margin-top:-37px;position:relative}.edit-profile{position:absolute;top:55px;right:20px}.profile-info h1{margin-top:15px;font-size:22px}.profile-info>span{color:#9981aa;font-size:10px}.profile-info>p{color:#bca7c8;margin-top:10px;font-size:11px}.profile-stats{gap:22px;margin:17px 0;display:flex}.profile-stats span{color:#93809f;font-size:10px}.profile-stats b{color:#d9c4e7;margin-right:3px;font-size:13px}.profile-info .profile-badge{color:#cba7de;background:#9265b61a;border:1px solid #9265b630;border-radius:5px;padding:3px 8px;font-size:9px;display:inline-block}.profile-info form{align-items:flex-end;gap:10px;margin-top:15px;display:flex}.profile-info label{color:#b69ec4;flex:1;font-size:10px}.profile-info input{border:1px solid #53405e;border-radius:6px;width:100%;margin-top:5px;padding:8px;display:block}.profile-tabs{border-bottom:1px solid #302535;margin:20px 0;display:flex}.profile-tabs button{color:#9983a8;border-bottom:2px solid #0000;padding:12px 18px;font-size:11px}.profile-tabs button.selected{color:#cbaaeb;border-color:#ba87df}.notification-toolbar{color:#9d89ad;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:10px;display:flex}.notification-toolbar button{color:#baa0d5;align-items:center;gap:7px;font-size:9px;display:flex}.notification-list{border:1px solid #2f2539;border-radius:12px;overflow:hidden}.notification-list>button{text-align:left;border-bottom:1px solid #2f2539;align-items:flex-start;gap:14px;width:100%;padding:23px 20px;display:flex}.notification-list>button:last-child{border-bottom:0}.notification-list>button.unread{background:#30203a40}.notification-icon{border-radius:12px;flex-shrink:0;place-items:center;width:43px;height:43px;display:grid}.notification-list strong{font-size:11px;font-weight:500}.notification-list p{color:#a18bad;margin-top:5px;font-size:10px}.notification-list small{color:#756080;margin-top:9px;font-size:8px;display:block}.notification-list i{background:#c18ddd;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:7px;margin-left:auto}.local-disclaimer{text-align:center;color:#796481;margin:22px 20px;font-size:9px}dialog{color:var(--text);background:#14111e;border:1px solid #54405e;padding:0;box-shadow:0 30px 120px #0009}dialog::backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#080610b8}.studio-dialog{border-radius:20px;width:min(620px,100% - 30px);max-height:90dvh;overflow:auto}.studio-inner{padding:32px;position:relative}.modal-close{position:absolute;top:20px;right:20px}.studio-inner>h2{letter-spacing:-1px;margin:13px 0 7px;font-size:26px}.studio-inner>.muted{font-size:11px}.studio-modes{background:#0f0c16;border:1px solid #302435;border-radius:9px;gap:8px;margin:23px 0 18px;padding:5px;display:flex}.studio-modes>span{color:#74637d;white-space:nowrap;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 2px;font-size:9px;display:flex}.studio-modes>span.selected{color:#d4b4ed;background:#452b5c}.studio-modes small{border:1px solid #534058;border-radius:3px;padding:1px 3px;font-size:6px}.recording-stage{text-align:center;background:radial-gradient(#5d2c5e18,#0000),#0c0b12;border:1px solid #33243c;border-radius:12px;margin-top:22px;padding:25px 20px}.studio-wave{gap:4px;max-width:340px;height:60px;margin:0 auto 20px}.studio-wave i{background:linear-gradient(#e19ec1,#b16dd5);width:4px;transition:height 80ms}.recording-stage strong{font-variant-numeric:tabular-nums;letter-spacing:1px;font-size:18px;font-weight:500}.recording-stage strong>span{color:#74607f;font-size:11px}.recording-stage p{color:#8b7296;margin-top:6px;font-size:9px}.recording-stage.recording{border-color:#a36fa360}.record-controls{flex-direction:column;align-items:center;gap:9px;margin:22px 0;display:flex}.record-controls>span{color:#b49ac2;font-size:9px}.record-button{background:linear-gradient(130deg,#a564d5,#bf6c9e);border:4px solid #21132b;border-radius:50%;place-items:center;width:60px;height:60px;display:grid;box-shadow:0 0 0 1px #aa71ce66,0 0 30px #b266cb22}.record-button.on{background:#bd5679;animation:1.5s infinite record-pulse}@keyframes record-pulse{50%{box-shadow:0 0 0 6px #bd567920}}.upload-area{color:#a78bb7;text-align:left;border:1px dashed #583d64;border-radius:9px;justify-content:center;align-items:center;gap:11px;width:100%;padding:15px 8px;font-size:10px;display:flex}.upload-area b{color:#cba1e3;font-weight:500}.upload-area small{color:#6e587c;margin-top:4px;font-size:8px;display:block}.noise-option{color:#9d86ab;align-items:center;gap:8px;margin-top:17px;font-size:9px;display:flex}.noise-option input{accent-color:#ac79cd}.publish-fields{border-top:1px solid #302237;margin-top:20px;padding-top:17px}.publish-fields label{color:#b69fc2;margin-bottom:13px;font-size:10px;display:block}.publish-fields input,.publish-fields textarea{resize:vertical;border:1px solid #473250;border-radius:7px;width:100%;margin-top:6px;padding:10px 12px;font-size:11px;display:block}.publish-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.publish-footer>span{color:#8f789b;align-items:center;gap:5px;font-size:8px;display:flex}.publish-footer .primary{font-size:10px}.error-text{color:#eea1b7;background:#a6456617;border:1px solid #a6456630;border-radius:6px;margin-top:15px;padding:12px;font-size:11px}.studio-note{color:#766080;justify-content:center;align-items:center;gap:5px;margin-top:20px;font-size:8px;display:flex}.record-preview{width:100%;height:35px;margin-top:15px}.comment-dialog{border-width:0 0 0 1px;border-radius:16px 0 0 16px;width:min(430px,100%);max-width:100%;height:100dvh;max-height:100dvh;margin:0 0 0 auto}.comment-inner{flex-direction:column;height:100%;padding:25px 23px;display:flex}.comment-heading{justify-content:space-between;align-items:center;display:flex}.comment-heading h2{margin-top:8px;font-size:24px}.comment-heading h2>span{color:#a389b5;margin-left:6px;font-size:12px}.comment-heading .eyebrow{font-size:7px}.comment-post{background:#211729;border:1px solid #3c2948;border-radius:9px;align-items:center;gap:12px;margin:22px 0;padding:12px;display:flex}.comment-post img{border-radius:6px;width:42px;height:42px}.comment-post>div{flex:1;min-width:0}.comment-post strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;display:block;overflow:hidden}.comment-post span{color:#a285b4;font-size:9px}.comment-post>svg{color:#b28bcb}.comments-list{flex:1;min-height:0;padding:5px 0;overflow:auto}.comment{gap:10px;margin:0 0 24px;display:flex}.comment>div{min-width:0}.comment strong{font-size:10px;font-weight:500}.comment strong small{color:#7f678e;font-size:7px;font-weight:400}.comment p{color:#bdabc7;overflow-wrap:anywhere;margin-top:6px;font-size:11px;line-height:1.9}.comments-empty{color:#9573aa;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;display:flex}.comments-empty p{font-size:11px;line-height:1.9}.comment-form{background:#1a1222;border:1px solid #4c355a;border-radius:10px;align-items:center;gap:7px;padding:8px;display:flex}.comment-form input{width:100%;padding:4px;font-size:10px}.send-comment{color:#f1defb;background:#80549d;border-radius:7px;place-items:center;padding:8px;display:grid}.comment-note{color:#6b517a;text-align:center;margin-top:12px;font-size:8px}.voice-reply{color:#caa3e3;background:#9e6ac325;border:1px solid #9e6ac340;border-radius:7px;align-items:center;gap:8px;margin-top:6px;padding:8px;display:flex}.voice-reply>span{font-size:8px}.toast{z-index:100;color:#e1cdeb;background:#2c203a;border:1px solid #7e5c91;border-radius:10px;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 30px);padding:12px 15px;font-size:11px;display:flex;position:fixed;bottom:106px;left:50%;transform:translate(-50%);box-shadow:0 6px 40px #0007}.toast>svg{color:#b9a0d5;flex-shrink:0}.toast>button{color:#ab90ba;flex-shrink:0;padding:0;display:flex}@media (min-width:1500px){.app-grid{grid-template-columns:224px minmax(0,670px) 285px;gap:36px}.welcome-banner{min-height:285px}.audio-art{height:355px}}@media (max-width:1200px){.app-grid{grid-template-columns:190px minmax(0,1fr) 245px;gap:22px;padding-left:22px;padding-right:22px}.header-inner{gap:25px;padding:0 25px}.right-sidebar .section-title h3{font-size:10px}.section-title>span{font-size:6px}.invitation-card{padding:16px 13px}.invitation-card h3{font-size:12px}.welcome-banner{padding:25px}.welcome-banner h1{font-size:34px}.player-inner{gap:25px;padding:0 25px}.player-status{display:none}.follow-btn,.trending-track strong{font-size:8px}.daily-card{padding:12px}.daily-art>div{padding:20px 14px}}@media (max-width:1020px){.app-grid{grid-template-columns:190px minmax(0,650px);gap:27px;max-width:940px}.right-sidebar{display:none}.header-inner{gap:25px}.search{max-width:340px}.header-actions{gap:12px}.studio-trigger>svg:last-child{display:none}.player-inner{grid-template-columns:1fr 1.1fr 100px;gap:20px}.player-extra>span,.player-extra>button:last-of-type{display:none}.player-extra input{width:48px}.welcome-banner{min-height:270px}.audio-art{height:350px}}@media (max-width:740px){.header-inner{gap:15px;height:67px;padding:0 18px}.brand>span:last-child{font-size:21px}.brand-mark{border-radius:10px;width:34px;height:34px}.brand small{letter-spacing:1.8px;font-size:5px}.brand{gap:7px}.search{display:none}.header-actions{gap:9px}.studio-trigger{gap:6px;padding:7px 10px;font-size:10px}.header-actions>.profile-trigger{display:none}.notification-bell{padding:5px}.app-grid{max-width:610px;padding:18px 16px 195px;display:block}.left-sidebar{display:none}.welcome-banner{min-height:238px;padding:23px}.welcome-banner h1{font-size:32px}.welcome-banner .eyebrow{letter-spacing:1.2px;font-size:6px}.welcome-banner p{font-size:9px}.welcome-banner button{margin-top:15px;font-size:9px}.hero-visual{width:43%;right:-5px}.hero-mic{border-radius:26px;width:75px;height:84px}.hero-mic svg{width:45px}.ring-1{width:117px}.ring-2{width:170px}.ring-3{width:225px}.note-1{font-size:27px;top:32px;right:26px}.note-2{font-size:22px;bottom:47px;left:15px}.hero-badge{padding:4px 7px;font-size:6px;bottom:24px;right:14px}.feed-heading{margin-top:24px}.feed-heading h2{font-size:18px}.feed-heading .eyebrow{font-size:6px}.live-pill{padding:4px 6px;font-size:7px}.category-tabs{gap:7px;margin-bottom:17px}.category-tabs button{padding:7px 11px;font-size:9px}.post-author{gap:8px;padding:13px}.post-author .avatar{width:34px;height:34px}.post-author strong{font-size:10px}.post-author>div>span{font-size:7px}.post-author b{margin:0 2px}.follow-btn{gap:2px;padding:4px 6px;font-size:8px}.follow-btn svg{width:11px}.audio-art{height:320px;margin:0 10px}.art-center h2{font-size:21px}.post-body{padding:13px 14px}.post-body>p{font-size:10px}.post-tags{gap:8px}.post-tags button{font-size:7px}.post-actions{gap:23px;margin:0 14px;padding:12px 0}.post-actions button{gap:5px;font-size:9px}.post-actions svg{width:17px}.player{bottom:64px}.player-inner{gap:12px;height:66px;padding:0 17px;display:flex;position:relative}.player-track{flex:1;gap:9px;min-width:0}.player-track>img{width:39px;height:39px}.player-track strong{font-size:10px}.player-track>div{min-width:0}.player-track span{font-size:7px}.player-track>.icon-btn{display:none}.player-center{width:auto}.playback-buttons{gap:17px;margin:0}.playback-buttons>button:first-child{display:none}.playback-buttons .main-play{width:32px;height:32px}.player-progress{gap:0;position:absolute;bottom:0;left:0;right:0}.player-progress span{display:none}.player-progress input{height:2px;margin:0}.player-progress input::-webkit-slider-thumb{width:4px;height:4px}.player-extra{display:none}.mobile-nav{z-index:45;background:#100e17;border-top:1px solid #2e2535;justify-content:space-around;align-items:center;height:64px;padding:4px 8px 5px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav>button{color:#7f6d8e;flex-direction:column;align-items:center;gap:4px;min-width:54px;padding:4px 0;font-size:8px;display:flex}.mobile-nav>button.active{color:#d0acf2}.mobile-nav .mobile-create{color:#fff;background:linear-gradient(120deg,#a270d6,#c16aab);border:1px solid #e5aae240;border-radius:10px;justify-content:center;width:39px;min-width:39px;height:35px;box-shadow:0 0 15px #a351b726}.page-heading{padding:10px 0 22px}.page-heading h1{font-size:24px}.page-heading .eyebrow{font-size:7px}.community-clubs{gap:6px}.community-clubs button{padding:13px 2px}.community-clubs strong{font-size:8px}.community-clubs small{font-size:6px}.community-clubs button>span{font-size:21px}.composer{gap:8px;padding:12px}.composer>span{font-size:9px}.profile-info h1{font-size:20px}.profile-stats{gap:16px}.profile-stats span{font-size:9px}.profile-cover{height:115px}.profile-info{padding:0 18px 22px}.profile-info form{flex-direction:column;align-items:stretch}.notification-list>button{gap:10px;padding:18px 13px}.notification-list strong{font-size:10px}.notification-list p,.notification-toolbar{font-size:9px}.notification-toolbar button{font-size:8px}.notification-icon{width:36px;height:36px}.studio-dialog{max-height:93dvh}.studio-inner{padding:27px 20px}.studio-inner>h2{font-size:23px}.studio-inner .eyebrow{font-size:7px}.studio-modes{gap:4px}.studio-modes>span{gap:4px;font-size:8px}.studio-modes small{display:none}.studio-modes svg{width:13px}.publish-footer{align-items:flex-end}.publish-footer>span{max-width:130px;font-size:7px}.publish-footer .primary{padding:9px 11px;font-size:9px}.comment-dialog{border-width:1px 0 0;border-radius:18px 18px 0 0;width:100%;height:83dvh;max-height:90dvh;margin:auto 0 0}.comment-inner{padding:22px 18px}.comment-heading h2{font-size:22px}.toast{padding:10px 12px;font-size:10px;bottom:146px}.empty-state{padding:42px 20px}.empty-state h2{font-size:16px}.empty-state p{font-size:10px}}@media (max-width:380px){.header-inner{padding:0 12px}.brand>span:last-child{font-size:19px}.studio-trigger span{display:none}.app-grid{padding-left:11px;padding-right:11px}.welcome-banner{padding:20px}.welcome-banner h1{font-size:29px}.hero-visual{width:40%;right:-10px}.art-center h2{font-size:19px}.audio-art{height:300px}.post-author>div>span{font-size:6px}.follow-btn{font-size:7px}.post-actions{gap:18px}.community-clubs strong{font-size:7px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}