@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/outfit-latin-ext-400-normal-5tcqmc2S.woff2)format("woff2"),url(/assets/outfit-latin-ext-400-normal-DHm7mdGe.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/outfit-latin-400-normal-BGsTXAXT.woff2)format("woff2"),url(/assets/outfit-latin-400-normal-DMwTpYkH.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/outfit-latin-ext-500-normal-zeox_O30.woff2)format("woff2"),url(/assets/outfit-latin-ext-500-normal-DrCvqoFD.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/outfit-latin-500-normal-DKnIMDSk.woff2)format("woff2"),url(/assets/outfit-latin-500-normal-ClnHRwRh.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/outfit-latin-ext-600-normal-B85nYjL1.woff2)format("woff2"),url(/assets/outfit-latin-ext-600-normal-CWJcPgd7.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/outfit-latin-600-normal-B7SfZ07L.woff2)format("woff2"),url(/assets/outfit-latin-600-normal-BEfTtDA7.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/outfit-latin-ext-700-normal-CI4iH74K.woff2)format("woff2"),url(/assets/outfit-latin-ext-700-normal-fjS8-Gm7.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/outfit-latin-700-normal-Cu9v6i1X.woff2)format("woff2"),url(/assets/outfit-latin-700-normal-D4itBLBr.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/outfit-latin-ext-800-normal-DRv2ic_2.woff2)format("woff2"),url(/assets/outfit-latin-ext-800-normal-DyhPHUt-.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/outfit-latin-800-normal-CQna6-G7.woff2)format("woff2"),url(/assets/outfit-latin-800-normal-BRHLSPcU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-ext-400-normal-BtiwyxMk.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-400-normal-BjWJ59Pq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-ext-500-normal-BJfUCQsA.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-500-normal-DR84L5F-.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-ext-600-normal-4vooXBpG.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-600-normal-DRtaDpgU.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2)format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-ext-700-normal-CJIcxD6K.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-700-normal-BLI3TTWz.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2)format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#f3f2f7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#101014;--surface:#18181e;--border:#2a2a33;--muted:#96959f;--lime:#b9f66b;--heading:"Outfit", sans-serif;background:#101014;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{min-width:320px;margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}button,a,input,select{transition:background .18s,border-color .18s,color .18s,transform .18s,opacity .18s,box-shadow .18s}button:disabled,.disabled{cursor:not-allowed;opacity:.45}a.disabled{pointer-events:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:4px}input,select{color:#f3f2f7;background:#16161c;border:1px solid #383840;border-radius:10px;outline:none;width:100%;padding:13px 15px}input:focus,select:focus{border-color:var(--lime);box-shadow:0 0 0 3px #b9f66b10}input::placeholder{color:#777580}label{font-size:13px;font-weight:500;display:block}label>input,label>.input-icon{margin-top:9px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading)}h1{letter-spacing:-1.1px;font-size:36px;font-weight:600;line-height:1.2}h2{letter-spacing:-.4px;font-size:21px;font-weight:500}h3{font-size:16px;font-weight:500}p{color:var(--muted);font-size:13px;line-height:1.65}svg{vertical-align:middle;flex-shrink:0}::selection{color:#16161b;background:#b9f66b}.lime-text{color:var(--lime)!important}.danger-text{color:#e6a0a0!important}.center{text-align:center}.eyebrow{letter-spacing:1.6px;color:var(--muted);font-size:10px;font-weight:700}.button{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:45px;padding:12px 20px;font-size:12px;font-weight:700;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(0)scale(.98)}.button.primary{background:var(--lime);color:#1c2414;box-shadow:0 4px 20px #b9f66b06}.button.primary:hover:not(:disabled){background:#c9ff87;box-shadow:0 5px 22px #b9f66b20}.button.secondary{background:#222229;border-color:#35353e}.button.secondary:hover:not(:disabled){background:#2c2c35}.button.light{color:#23202c;background:#f5f2ec}.button.full{width:100%}.text-button{color:#b7b5c1;justify-content:center;align-items:center;gap:7px;padding:5px 0;font-size:11px;font-weight:500;display:inline-flex}.text-button:hover{color:var(--lime)}.icon-button{color:#b0aebb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.icon-button:hover{color:#fff;background:#ffffff0c}.fine-print{color:#85838f;font-size:11px;line-height:1.7}.status-pill{border:1px solid var(--border);color:#afadb7;white-space:nowrap;border-radius:20px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;display:inline-flex}.live-dot{background:var(--lime);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 9px #b9f66b25}.brand{font-family:var(--heading);letter-spacing:-1.8px;align-items:center;gap:8px;font-size:32px;font-weight:700;line-height:1;display:inline-flex}.brand-dot{color:var(--lime);margin-left:-8px}.brand-mark{font-family:var(--heading);text-align:center;color:#16191a;background:var(--lime);letter-spacing:-2px;border-radius:11px;width:34px;height:36px;margin-right:2px;padding-right:3px;font-size:32px;font-weight:800;line-height:35px;display:inline-block;position:relative;transform:rotate(-7deg)}.brand-mark>span{background:var(--lime);border-radius:50%;width:5px;height:5px;position:absolute;bottom:8px;right:9px}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:25;background:#131317;border-right:1px solid #25252d;flex-direction:column;width:218px;padding:34px 20px 19px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{padding:0 10px}.workspace-label{letter-spacing:1.5px;color:#777580;align-items:center;gap:7px;margin:46px 11px 15px;font-size:8px;display:flex}.workspace-label .live-dot{width:4px;height:4px}.main-nav{flex-direction:column;gap:6px;display:flex}.main-nav a{color:#96939f;border-radius:9px;align-items:center;gap:12px;height:45px;padding:0 13px;font-size:12px;font-weight:500;display:flex;position:relative}.main-nav a:hover{color:#efedf5;background:#ffffff05}.main-nav a.active{color:var(--lime);background:#b9f66b10}.nav-indicator{border-radius:50%;width:5px;height:5px;margin-left:auto}.active .nav-indicator{background:var(--lime)}.sidebar-separator{background:var(--border);height:1px;margin:22px 11px}.upgrade-link{color:#aaa7b3;align-items:center;gap:12px;padding:0 13px;font-size:12px;display:flex}.upgrade-link>span{color:#c6b6f6;letter-spacing:.6px;background:#b49bf70c;border:1px solid #584473;border-radius:4px;margin-left:auto;padding:2px 5px;font-size:8px}.upgrade-link:hover{color:#c6b6f6}.sidebar-bottom{margin-top:auto;padding-top:48px}.sidebar-promo{background:radial-gradient(at 90% 0,#6141853a,#0000 75%),#1c1922;border:1px solid #3e344c;border-radius:12px;padding:18px 14px 15px;overflow:hidden}.promo-orb{color:#c6a6ff;margin-bottom:13px}.sidebar-promo h3{margin-bottom:7px;font-size:15px}.sidebar-promo p{color:#a19aa9;font-size:10px}.sidebar-promo a{color:#ccb6f4;justify-content:space-between;align-items:center;padding-top:15px;font-size:10px;display:flex}.help-button{color:#a8a5b1;align-items:center;gap:9px;margin:24px 5px;font-size:10px;display:flex}.sidebar-copyright{letter-spacing:1px;color:#676470;justify-content:center;align-items:center;gap:7px;font-size:6px;display:flex}.sidebar-copyright>span{font-size:14px}.main-shell{width:calc(100% - 218px);min-width:0;margin-left:218px}.topbar{border-bottom:1px solid #24242c;justify-content:space-between;align-items:center;gap:16px;height:78px;padding:0 36px;display:flex}.breadcrumb{align-items:center;gap:13px;font-size:11px;display:flex}.breadcrumb-home{color:#807d89}.breadcrumb-slash{color:#4d4b56}.breadcrumb strong{color:#d3d1dc;font-weight:500}.topbar-actions{align-items:center;gap:22px;display:flex}.join-link{color:#b7b4bf;align-items:center;gap:8px;font-size:10px;display:flex}.join-link:hover{color:var(--lime)}.topbar-divider{background:var(--border);width:1px;height:26px}.profile{text-align:left;align-items:center;gap:10px;display:flex}.profile-avatar{color:#d4befc;background:#3a304b;border-radius:11px;place-items:center;width:34px;height:34px;font-size:15px;font-weight:700;display:grid}.profile strong{text-overflow:ellipsis;max-width:105px;font-size:11px;font-weight:600;display:block;overflow:hidden}.profile small{color:#8a8793;margin-top:3px;font-size:8px;display:block}.login-profile{font-size:11px}.dashboard,.content-page{max-width:1700px;margin:0 auto;padding:32px 36px 0}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.page-heading .eyebrow{letter-spacing:1.7px;margin-bottom:10px;font-size:8px}.page-heading h1{font-size:32px}.page-heading p{margin-top:9px;font-size:11px}.wave{color:#c8b2f4;vertical-align:-2px;margin-left:8px;font-size:34px;animation:16s linear infinite lazy-turn;display:inline-block}.dashboard-grid{grid-template-columns:minmax(0,1fr) 294px;align-items:start;gap:25px;display:grid}.dashboard-main{min-width:0}.hero{isolation:isolate;background:radial-gradient(at 75% 65%,#714d8c50,#0000 65%),linear-gradient(110deg,#2f2442,#282034 55%,#342442);border:1px solid #443652;border-radius:15px;height:310px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;z-index:4;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-content{z-index:5;padding:27px;position:relative}.hero-badge{letter-spacing:1.1px;color:#e0d1ef;background:#ffffff09;border:1px solid #ffffff19;border-radius:20px;align-items:center;gap:6px;padding:6px 9px;font-size:7px;display:inline-flex}.hero-badge>span{background:#d4b7f7;border-radius:50%;width:4px;height:4px}.hero h2{letter-spacing:-1.4px;margin:17px 0 12px;font-size:clamp(30px,2.7vw,46px);font-weight:500;line-height:1.08}.hero h2>span{color:#c1a6ec}.hero p{color:#b7a7c5;font-size:10px;line-height:1.7}.hero .button{gap:12px;min-height:37px;margin-top:18px;padding:10px 14px;font-size:10px}.hero-social{color:#bbaecc;align-items:center;gap:10px;margin-top:18px;font-size:7px;line-height:1.7;display:flex}.hero-social strong{color:#dfd3ea;font-weight:500}.avatar-stack{display:flex}.avatar-stack>span{background:#b5a791;border:2px solid #302540;border-radius:50%;place-items:center;width:25px;height:25px;margin-left:-6px;font-size:15px;display:grid}.avatar-stack>span:first-child{background:#c5a0a2;margin-left:0}.avatar-stack>span:nth-child(2){background:#98a78b}.avatar-stack>span:nth-child(3){background:#c9b0d0}.hero-art{z-index:2;width:300px;height:300px;position:absolute;top:6px;right:-2px}.vinyl-sleeve{color:#273723;z-index:2;background:#c0ee8e;border-radius:3px;width:184px;height:216px;padding:14px;position:absolute;top:48px;left:20px;overflow:hidden;transform:rotate(-12deg);box-shadow:6px 14px 25px #0004}.vinyl-sleeve>span{font:700 28px/.93 var(--heading);letter-spacing:-1.6px;z-index:2;position:relative}.sleeve-circle{border:30px solid #80aa59;border-radius:50%;width:172px;height:172px;position:absolute;bottom:-60px;left:9px}.vinyl-sleeve>small{letter-spacing:1px;z-index:2;font-size:5px;position:absolute;bottom:10px;left:14px}.vinyl{z-index:3;background:repeating-radial-gradient(circle,#17151c 0 2px,#28232e 3px,#17151c 4px 7px);border:5px solid #17151c;border-radius:50%;width:227px;height:227px;animation:30s linear infinite record-spin;position:absolute;top:46px;right:-14px;box-shadow:4px 12px 20px #0005}.vinyl:before{content:"";background:conic-gradient(from 45deg,#fff0,#ffffff12,#fff0 25% 40%,#ffffff10,#fff0 65%);border-radius:50%;position:absolute;inset:0}.vinyl-label{color:#2b2134;background:#aa8ada;border:3px solid #bf9aef;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:65px}.vinyl-label>span{font-family:var(--heading);letter-spacing:-1px;font-size:20px;font-weight:700}.vinyl-label>i{background:#211b29;border-radius:50%;width:8px;height:8px;margin:4px}.vinyl-label>small{letter-spacing:.5px;font-size:4px}.hero-star{color:#cfb5ed;position:absolute}.star-one{font-size:45px;top:9px;right:26px}.star-two{font-size:38px;top:23px;left:1px}.music-sticker{color:#483522;z-index:5;background:#fac18e;border-radius:4px;align-items:center;gap:7px;padding:10px 13px;display:flex;position:absolute;bottom:16px;right:13px;transform:rotate(-10deg);box-shadow:0 4px 8px #0003}.music-sticker>span{letter-spacing:.8px;font-size:7px;font-weight:800}.floating-note{color:#bca6de;animation:5s ease-in-out infinite float;position:absolute;bottom:6px;left:3px;transform:rotate(-20deg)}.mix-section,.playlist-section{margin-top:29px}.section-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-heading>div{align-items:center;gap:9px;display:flex}.section-heading h2{font-size:19px}.section-number{color:#87818f;width:23px;height:23px;font-size:9px;font-family:var(--heading);background:#222127;border:1px solid #35313c;border-radius:5px;place-items:center;display:grid}.count-badge{color:#9995a6;background:#242229;border-radius:5px;padding:4px 7px;font-size:8px;font-weight:400}.section-description{margin:7px 0 16px;font-size:10px}.mode-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.mode-card{text-align:left;background:#19171e;border:1px solid #34313e;border-radius:11px;min-width:0;padding:14px 12px 10px;transition:all .22s;position:relative}.mode-card:hover{background:#242029;transform:translateY(-4px)}.mode-card.selected{background:color-mix(in srgb, var(--mode-color) 6%, #18171e);border-color:color-mix(in srgb, var(--mode-color) 48%, #26222e)}.purple{--mode-color:#b29af7}.pink{--mode-color:#efa3c2}.orange{--mode-color:#f5b77b}.blue{--mode-color:#87b5f3}.mode-top{justify-content:space-between;align-items:flex-start;margin-bottom:21px;display:flex}.mode-icon{background:color-mix(in srgb, var(--mode-color) 14%, transparent);border:1px solid color-mix(in srgb, var(--mode-color) 16%, transparent);width:40px;height:40px;color:var(--mode-color);border-radius:11px;place-items:center;display:grid}.mode-check{color:#69616f;border:1px solid #57515e;border-radius:50%;place-items:center;width:16px;height:16px;display:grid}.selected .mode-check{background:var(--mode-color);color:#282230;border-color:var(--mode-color)}.mode-card h3{white-space:nowrap;letter-spacing:-.2px;font-size:13px}.mode-card p{color:#98909f;min-height:29px;margin-top:6px;font-size:9px;line-height:1.6}.mode-label{color:var(--mode-color);letter-spacing:.7px;white-space:nowrap;border-top:1px solid #ffffff0b;justify-content:space-between;align-items:center;margin-top:17px;padding-top:10px;font-size:5.5px;display:flex}.playlist-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.playlist-card{min-width:0;position:relative}.playlist-select{border:2px solid #0000;border-radius:9px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.playlist-select:hover{transform:translateY(-3px)}.playlist-card.active .playlist-select{border-color:var(--lime)}.playlist-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;opacity:0;background:#18171dba;border-radius:50%;place-items:center;width:32px;height:32px;transition:all .2s;display:grid;position:absolute;bottom:9px;right:9px;transform:translateY(5px)}.playlist-card.active .playlist-overlay{background:var(--lime);color:#263019;opacity:1;transform:none}.playlist-select:hover .playlist-overlay{opacity:1;transform:none}.playlist-card h3{margin:10px 0 5px;font-size:12px}.playlist-card>p{color:#85818e;font-size:8px}.playlist-card>p>span{margin:0 4px}.favorite-button{color:#ffffffc0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0004;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:absolute;top:8px;right:8px}.favorite-button:hover,.favorite-button.is-favorite{color:#ffafd2;background:#1d0f2680}.album-art{aspect-ratio:1;text-align:left;background:var(--art-bg);width:100%;color:var(--art-ink);isolation:isolate;position:relative;overflow:hidden}.album-art:after{content:"";opacity:.14;mix-blend-mode:multiply;z-index:5;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='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.art-0{--art-bg:#8c91dd;--art-ink:#252c63;--art-accent:#d7fa9a}.art-1{--art-bg:#df663c;--art-ink:#471c1a;--art-accent:#f3bfa5}.art-2{--art-bg:#bdcda6;--art-ink:#394d3e;--art-accent:#eec}.art-3{--art-bg:#6f89b3;--art-ink:#f4e9d1;--art-accent:#263f62}.art-4{--art-bg:#753d78;--art-ink:#fbd6b2;--art-accent:#d483a4}.art-5{--art-bg:#25859b;--art-ink:#102c4e;--art-accent:#a9e1d2}.art-6{--art-bg:#e7bd87;--art-ink:#6f352e;--art-accent:#ec8752}.art-7{--art-bg:#b8476c;--art-ink:#ffdfa6;--art-accent:#eb933b}.art-small{letter-spacing:.8px;z-index:3;font-size:clamp(4px,.4vw,7px);font-weight:700;position:absolute;top:9%;left:9%}.art-title{z-index:3;font:700 clamp(21px, 2.1vw, 40px)/.88 var(--heading);letter-spacing:-1px;white-space:pre-line;max-width:86%;position:absolute;top:25%;left:9%}.art-footer{letter-spacing:1px;z-index:3;font-size:clamp(4px,.34vw,6px);font-weight:700;position:absolute;bottom:9%;left:9%}.art-orbit{border:12px solid var(--art-accent);border-radius:50%;width:75%;height:75%;position:absolute;bottom:-17%;right:-20%}.orbit-two{border-width:7px;width:52%;height:52%;bottom:-5%;right:-8%}.orbit-three{background:var(--art-accent);border:0;width:27%;height:27%;bottom:8%;right:4%}.art-1 .art-orbit,.art-5 .art-orbit{border-radius:0;transform:rotate(36deg)}.art-2 .art-orbit{border-width:14px;border-radius:50%;width:90%;height:58%;bottom:-10%;right:-10%;transform:rotate(-25deg)}.art-2 .orbit-two{bottom:2%;right:-27%}.art-2 .orbit-three{bottom:-25%}.art-3 .art-orbit{border-width:18px;border-radius:8px;width:70%;height:110%;bottom:-43%;transform:rotate(-30deg)}.art-3 .orbit-two{bottom:-54%;right:26%}.art-3 .orbit-three{bottom:-65%;right:72%}.demo-note{border-top:1px solid #25242c;align-items:center;gap:12px;margin-top:24px;padding-top:18px;display:flex}.demo-note>span{color:#b6a2d6;border:1px solid #34303e;border-radius:8px;flex-shrink:0;place-items:center;width:33px;height:33px;display:grid}.demo-note strong{font-size:10px;font-weight:500}.demo-note p{margin-top:3px;font-size:8px}.demo-note>a{color:#85808f;margin-left:auto}.party-panel{background:linear-gradient(155deg,#1e1e25,#19191f 40%);border:1px solid #303039;border-radius:13px;padding:22px 20px 15px;position:sticky;top:24px}.panel-heading{align-items:center;gap:10px;display:flex}.panel-icon{color:#c3b8d2;background:#292631;border:1px solid #3b3945;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.panel-heading h2{font-size:16px}.panel-heading p{margin-top:3px;font-size:9px}.panel-divider{background:#313039;height:1px;margin:22px 0}.setting-label{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.setting-label label{color:#c8c4d0;align-items:center;gap:7px;font-size:10px;display:flex}.setting-label label svg{color:#98919f}.setting-label>span{color:#9b91a7;font-size:9px}.segmented{background:#111116;border:1px solid #313039;border-radius:8px;gap:3px;padding:4px;display:flex}.segmented button{color:#98919f;border-radius:5px;flex:1;padding:7px;font-size:11px;position:relative}.segmented button>svg{color:#b49dde;position:absolute;top:3px;right:5px}.segmented button.active{color:var(--lime);background:#2b3524;box-shadow:0 0 0 1px #63764b}.duration-label{margin-top:23px}.duration-options{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.duration-options button{color:#a6a0b0;border:1px solid #37333f;border-radius:7px;padding:10px 6px;font-size:10px}.duration-options button.active{color:#eec58f;background:#333026;border-color:#887351}.setting-help{color:#797380;margin-top:9px;font-size:8px}.screen-setting{align-items:center;gap:9px;display:flex}.screen-icon{color:#aba2b8}.screen-setting strong{font-size:11px;font-weight:500}.screen-setting p{margin-top:3px;font-size:8px}.toggle{background:#48434f;border-radius:20px;flex-shrink:0;align-items:center;width:31px;height:18px;margin-left:auto;padding:3px;display:flex}.toggle>span{background:#e6e0ed;border-radius:50%;width:12px;height:12px;transition:transform .2s}.toggle.on{background:var(--lime)}.toggle.on>span{background:#29351e;transform:translate(13px)}.screen-tip{color:#bfa5e9;background:#26212f;border:1px solid #362d42;border-radius:7px;align-items:flex-start;gap:7px;margin-top:12px;padding:10px;display:flex}.screen-tip p{color:#a698b8;font-size:8px;line-height:1.7}.party-summary h3{color:#7f788a;letter-spacing:1.5px;margin-bottom:15px;font-family:DM Sans,sans-serif;font-size:8px}.party-summary>div{justify-content:space-between;align-items:center;gap:5px;margin:13px 0;font-size:10px;display:flex}.party-summary>div>span{color:#948b9f;align-items:center;gap:7px;display:flex}.party-summary strong{color:#cac2d5;font-size:9px;font-weight:500}.create-party{width:100%;min-height:47px;margin-top:10px}.create-party>svg:last-child{margin-left:auto}.create-hint{color:#87808f;justify-content:center;align-items:center;gap:5px;margin:10px 0 20px;font-size:8px;display:flex}.plus-teaser{border-top:1px solid #302a36;align-items:center;gap:9px;padding-top:16px;display:flex}.plus-symbol{color:#b798e7;font-size:28px}.plus-teaser strong{font-size:10px;font-weight:500}.plus-teaser p{margin-top:3px;font-size:8px}.plus-teaser>a{color:#ad92d5;margin-left:auto}.page-footer{color:#6e6878;justify-content:space-between;gap:15px;max-width:1700px;margin:0 auto;padding:28px 36px 22px;font-size:8px;display:flex}.page-footer>span:last-child{letter-spacing:1px;align-items:center;gap:6px;font-size:6px;display:flex}.page-footer .live-dot{width:4px;height:4px}.mobile-only,.sidebar-scrim{display:none}.modal{color:#f4f1fa;background:#1b191f;border:1px solid #46404f;border-radius:20px;width:490px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);padding:0;animation:.2s ease-out modal-in;box-shadow:0 30px 140px #000b}.modal::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06060bbb}.modal-content{padding:36px;position:relative}.modal-close{position:absolute;top:12px;right:12px}.modal h1{margin-top:12px;font-size:30px}.auth-heading{margin:31px 0 23px}.auth-heading p{margin-top:12px;font-size:12px}.auth-form{flex-direction:column;gap:17px;display:flex}.input-icon{position:relative}.input-icon>svg{color:#8b8398;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.input-icon>input{padding-left:41px}.spotify-button{color:#092c14;background:#1ed760;width:100%}.spotify-button+.fine-print{margin-top:10px;font-size:10px}.divider{color:#817a8c;align-items:center;gap:12px;margin:24px 0;font-size:10px;display:flex}.divider:before,.divider:after{content:"";background:#38313f;flex:1;height:1px}.code-input{font:600 33px var(--heading);letter-spacing:12px;text-align:center;padding-left:25px}.form-error{color:#ffafa7;background:#c7474720;border:1px solid #df777738;border-radius:8px;padding:11px 13px;font-size:12px}.local-demo{margin-top:18px;font-size:11px}.auth-footer{justify-content:center;align-items:center;gap:6px;margin-top:22px;font-size:9px;display:flex}.auth-form+.text-button{margin-top:14px}.help-steps{flex-direction:column;gap:24px;margin:30px 0;display:flex}.help-steps section{align-items:flex-start;gap:15px;display:flex}.help-steps section>svg{color:var(--lime);margin-top:3px}.help-steps p{margin-top:5px;font-size:12px}.notice{background:#282431;border:1px solid #443a52;border-radius:11px;padding:16px}.notice strong{color:#cdbbe6;font-size:12px;font-weight:600}.notice p{color:#afa0c0;margin-top:5px;font-size:11px}.notice+.button{margin-top:20px}.toast{z-index:100;color:#ece6f5;background:#302838;border:1px solid #62506c;border-radius:12px;align-items:center;gap:12px;width:max-content;max-width:min(580px,100vw - 32px);padding:12px 13px 12px 17px;font-size:12px;animation:.25s ease-out toast-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0007}.toast.success>svg{color:var(--lime)}.content-page{min-height:calc(100vh - 160px)}.content-page .page-heading{margin-bottom:33px}.library-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.filter-tabs{background:#19171e;border:1px solid #2f2a37;border-radius:10px;gap:6px;padding:4px;display:flex}.filter-tabs button{white-space:nowrap;color:#948c9f;border-radius:6px;align-items:center;gap:7px;padding:10px 14px;font-size:11px;display:inline-flex}.filter-tabs button.active{color:#f5f1fc;background:#34303c}.filter-tabs button>svg{width:16px;height:16px}.search-input{width:250px}.search-input input{font-size:11px}.library-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.library-card{background:#19171e;border:1px solid #302a39;border-radius:13px;padding:12px}.cover-button{border-radius:7px;width:100%;margin-bottom:17px;padding:0;position:relative;overflow:hidden}.cover-button .album-art{transition:transform .4s}.cover-button:hover .album-art{transform:scale(1.05)}.cover-play{background:var(--lime);color:#243219;opacity:0;border-radius:50%;place-items:center;width:44px;height:44px;transition:all .2s;display:grid;position:absolute;bottom:12px;right:12px;transform:translateY(8px)}.cover-button:hover .cover-play,.cover-button:focus-visible .cover-play{opacity:1;transform:none}.library-card>.eyebrow{font-size:7px}.library-card h2{margin-top:8px;font-size:20px}.library-card p{min-height:32px;margin-top:6px;font-size:10px}.library-meta{border-top:1px solid #332c3b;justify-content:space-between;align-items:center;gap:5px;margin-top:13px;padding-top:12px;display:flex}.library-meta>span{color:#9990a6;font-size:8px}.library-meta .text-button{color:var(--lime);font-size:10px}.library-notice{margin-top:26px}.empty-state{text-align:center;background:radial-gradient(at 50% 25%,#a57ef30a,#0000 60%);border:1px dashed #3a3343;border-radius:15px;flex-direction:column;align-items:center;padding:70px 25px;display:flex}.empty-icon{color:#c5a6f2;background:#30283c;border:1px solid #473756;border-radius:20px;place-items:center;width:65px;height:65px;margin-bottom:25px;display:grid}.empty-state h2{font-size:25px}.empty-state p{max-width:430px;margin-top:12px}.empty-state .button{width:fit-content;margin:20px auto 0;display:flex}.spotify-section{background:#171c19;border:1px solid #2c3b30;border-radius:15px;padding:36px}.spotify-intro{max-width:630px}.spotify-intro>svg{color:#1ed760;width:40px;height:40px;margin-bottom:20px}.spotify-intro h2{font-size:28px}.spotify-intro p{margin:15px 0 22px}.spotify-intro .button{width:fit-content}.spotify-playlist-grid{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;display:grid}.spotify-playlist{border:1px solid #354139;border-radius:9px;align-items:center;gap:12px;padding:12px;display:flex}.spotify-playlist img{object-fit:cover;border-radius:5px;width:48px;height:48px}.spotify-playlist>span{flex:1;font-size:13px}.spotify-playlist small{color:#8dab96;margin-top:5px;font-size:10px;display:block}.tracklist-heading{align-items:center;gap:18px;margin:8px 0 24px;display:flex}.tracklist-heading .album-art{border-radius:8px;flex-shrink:0;width:92px}.tracklist-heading .art-title{font-size:21px}.tracklist-heading .art-small,.tracklist-heading .art-footer{font-size:3px}.tracklist-heading h1{font-size:25px}.tracklist-heading p{margin-top:6px;font-size:11px}.track-list{flex-direction:column;display:flex}.track-row{border-top:1px solid #37303e;align-items:center;gap:10px;padding:13px 0;display:flex}.track-row>div{flex:1;min-width:0}.track-row strong{font-size:12px;display:block}.track-row small{color:#a497b4;margin-top:4px;font-size:9px;display:block}.track-row p{margin-top:5px;font-size:9px}.track-row>span{color:#c4acd9;text-align:center;font-size:13px}.track-row>span small{font-size:7px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px;display:grid}.stats-grid>div{background:#1c1922;border:1px solid #37303f;border-radius:12px;grid-template-columns:1fr auto;gap:13px;padding:22px;display:grid}.stats-grid svg{color:#b9a0da;grid-area:1/2/3;align-self:center}.stats-grid span{color:#9b90a8;font-size:11px}.stats-grid strong{font:500 33px var(--heading)}.history-table{background:#1c1921;border:1px solid #38303f;border-radius:12px;overflow:hidden}.history-table-header,.history-row{grid-template-columns:2fr 1fr .7fr 1.3fr;align-items:center;gap:14px;padding:20px 24px;display:grid}.history-table-header{letter-spacing:1px;color:#a599b4;background:#24202b;font-size:8px}.history-row{border-top:1px solid #342c3b;font-size:11px}.history-row>div{align-items:center;gap:12px;display:flex}.history-row>div>svg{color:#ad92cf}.history-row strong{font-weight:500}.history-row small{color:#a292b0;margin-top:5px;font-size:9px;display:block}.winner-cell{color:#d9e6a9}.history-table+.fine-print,.empty-state+.fine-print{margin-top:16px}.loading-text{text-align:center;padding:50px}.pricing-heading{text-align:center;margin:18px 0 35px}.pricing-heading .hero-badge{color:#bca4df;padding:8px 12px;font-size:9px}.pricing-heading h1{margin:22px 0 14px;font-size:48px}.billing-notice{color:#b6a6c8;background:#292332;border:1px solid #42364f;border-radius:10px;align-items:center;gap:12px;margin-bottom:32px;padding:14px 18px;font-size:11px;display:flex}.billing-notice strong{color:#d0bde6}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:19px;display:grid}.price-card{background:#1a171f;border:1px solid #3a3143;border-radius:15px;padding:25px;position:relative}.price-card.featured{background:radial-gradient(at 90% 0,#b9f66b0f,#0000 55%),#1b1e18;border-color:#76974e}.popular-tag{background:var(--lime);color:#2a381a;text-align:center;letter-spacing:1px;border-radius:8px 8px 0 0;padding:6px 0;font-size:8px;font-weight:700;position:absolute;top:-17px;left:-1px;right:-1px}.price-icon{color:#c3a7e5;margin-bottom:20px}.featured .price-icon{color:var(--lime)}.price-card h2{font-size:25px}.price-card>p{min-height:33px;margin-top:8px;font-size:10px}.price{font:500 51px var(--heading);letter-spacing:-2px;margin-top:20px}.price>span{margin-left:3px;font-size:26px}.price-suffix{color:#aa9ab9;font-size:10px}.price-card ul{border-top:1px solid #3b3144;margin:20px 0 0;padding:20px 0;list-style:none}.price-card li{color:#bfb2cc;align-items:center;gap:8px;padding:9px 0;font-size:11px;display:flex}.price-card li svg{color:#ad91c9}.featured li svg{color:var(--lime)}.pricing-footnote{justify-content:center;align-items:center;gap:9px;margin:24px 0;font-size:10px;display:flex}.pricing-faq{max-width:750px;margin:45px auto 20px}.pricing-faq h2{text-align:center;margin-bottom:20px;font-size:27px}.pricing-faq details{border-bottom:1px solid #362d3e;padding:18px 0}.pricing-faq summary{cursor:pointer;font-size:13px;font-weight:500}.pricing-faq p{margin-top:14px;font-size:12px}.join-page{background:radial-gradient(at 50% 30%,#35204550,#0000 60%),#101014;min-height:100dvh}.join-page>header{justify-content:space-between;align-items:center;height:95px;padding:0 45px;display:flex}.join-main{text-align:center;max-width:510px;margin:30px auto 0;padding:0 20px 35px;position:relative}.join-main>.eyebrow{color:#b49bc8;font-size:9px}.join-main h1{margin:14px -25px 10px;font-size:40px}.join-main h1>span{color:var(--lime)}.join-main>p{font-size:12px}.join-decoration{pointer-events:none;position:absolute;inset:0}.join-decoration>span{color:#c3a0f0;font-size:60px;animation:20s linear infinite lazy-turn;position:absolute;top:65px;left:-90px}.join-decoration>i{color:#b9f66b;font-size:60px;position:absolute;top:330px;right:-65px;transform:rotate(15deg)}.join-decoration>b{color:#f4c492;font-size:36px;position:absolute;top:20px;right:-30px}.join-card{text-align:left;background:#1d1822;border:1px solid #44334f;border-radius:20px;margin-top:27px;padding:26px;box-shadow:0 15px 80px #0003}.join-card .filter-tabs{margin-bottom:23px}.join-card .filter-tabs button{flex:1;justify-content:center}.join-card form{flex-direction:column;gap:19px;display:flex}.join-card .code-input{letter-spacing:13px;border-color:#4f3e5c;min-height:70px;font-size:37px}.join-card .fine-print{text-align:center;margin-top:18px;font-size:9px}.avatar-picker{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:-6px;display:grid}.avatar-picker button{aspect-ratio:1;background:#28212e;border:1px solid #3f3349;border-radius:10px;place-items:center;font-size:26px;display:grid}.avatar-picker button.selected{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime);background:#344125}.avatar-picker button:hover{transform:translateY(-3px)rotate(-5deg)}.network-hint{color:#82718f;margin-top:22px;font-size:10px!important}.room-page{background:radial-gradient(at 50% 12%,#50306525,#0000 65%),#101014;min-height:100dvh}.room-header{border-bottom:1px solid #33293c;justify-content:space-between;align-items:center;gap:15px;min-height:84px;padding:20px 35px;display:flex}.room-header .brand{font-size:28px}.room-header-center{align-items:center;gap:18px;display:flex}.role-badge{color:#baa0d5;letter-spacing:1px;background:#2c2237;border:1px solid #4a365d;border-radius:6px;align-items:center;gap:7px;padding:6px 9px;font-size:8px;display:flex}.room-code-small{color:#9b88aa;letter-spacing:1px;font-size:9px}.room-code-small strong{color:#e9dff0;letter-spacing:3px;font-size:15px;font-family:var(--heading);margin-left:6px}.room-header-actions{align-items:center;gap:17px;display:flex}.connection{color:#abc18b;align-items:center;gap:6px;font-size:9px;display:flex}.connection.offline{color:#e3a687}.sound-button{color:#d6bde9;background:#372642;border:1px solid #534164;border-radius:7px;align-items:center;gap:7px;padding:9px 12px;font-size:10px;display:flex}.sound-button.enabled{color:var(--lime);background:#2b3324;border-color:#586b40}.room-main{max-width:1150px;margin:0 auto;padding:38px 36px 45px}.room-error,.room-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:70vh;padding:30px;display:flex}.room-error>svg,.room-loading>svg{color:#b49bd7}.room-error p{max-width:460px}.room-loading h2{font-size:22px}.connection-banner{color:#ffdab3;text-align:center;background:#593b24;padding:10px;font-size:12px}.lobby-heading{text-align:center;margin:7px 0 35px}.lobby-heading .eyebrow{color:#af93c9;font-size:9px}.lobby-heading h1{margin:12px 0;font-size:43px}.lobby-heading p{font-size:12px}.lobby-grid{grid-template-columns:390px 1fr;gap:22px;display:grid}.invite-card{background:#231c2b;border:1px solid #51405d;border-radius:16px;padding:26px}.invite-card>.eyebrow{font-size:9px}.big-party-code{font-family:var(--heading);letter-spacing:5px;white-space:nowrap;margin:6px 0 21px;font-size:62px;font-weight:600}.big-party-code>span{color:var(--lime)}.qr-area{align-items:center;gap:23px;display:flex}.qr-area img{border:6px solid #fff;border-radius:12px;width:165px;height:165px}.qr-arrow{color:#c9a5e7;font-size:35px;line-height:1;display:block}.qr-area h3{margin:8px 0;font-size:24px;line-height:1.15}.qr-area p{font-size:8px}.share-url{background:#151119;border:1px solid #44324f;border-radius:8px;align-items:center;margin-top:23px;padding-right:4px;display:flex}.share-url input{color:#bba6cc;background:0 0;border:0;padding:12px;font-size:9px}.network-select{color:#a892bb;margin-top:12px;font-size:9px}.network-select select{margin-top:6px;padding:9px;font-size:10px}.lobby-instructions{color:#9c8aa9;align-items:center;gap:6px;margin-top:16px;font-size:8px;display:flex}.lobby-players{background:#1c1722;border:1px solid #3a2e45;border-radius:16px;flex-direction:column;padding:25px;display:flex}.lobby-players .section-heading h2{align-items:center;gap:10px;display:flex}.lobby-players .count-badge{color:#c2a8d7;background:#34263f}.player-tiles{grid-template-columns:repeat(3,1fr);gap:12px;max-height:360px;padding:24px 0;display:grid;overflow-y:auto}.player-tile{text-align:center;background:#2a1e32;border:1px solid #473252;border-radius:11px;padding:17px 7px;animation:.3s ease-out player-in;position:relative}.player-tile-avatar{margin-bottom:7px;font-size:31px;display:block}.player-tile strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.player-tile small{color:#acb893;margin-top:5px;font-size:8px;display:block}.player-tile.disconnected{opacity:.45}.remove-player{color:#987baa;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:4px;right:4px}.remove-player:hover{color:#ffc3db;background:#b57b9440}.waiting-empty{text-align:center;flex:1;padding:55px 10px 45px}.waiting-characters{justify-content:center;margin-bottom:20px;display:flex}.waiting-characters>span{background:#3c2b48;border:3px solid #1c1722;border-radius:50%;place-items:center;width:55px;height:55px;margin-left:-8px;font-size:31px;display:grid}.waiting-characters>span:nth-child(2){margin-top:-8px}.waiting-empty h3{margin-bottom:9px;font-size:19px}.waiting-empty p{font-size:11px}.lobby-bottom{border-top:1px solid #3b2c46;margin-top:auto;padding-top:18px}.lobby-bottom>div{color:#ae97be;justify-content:center;gap:16px;margin-bottom:17px;font-size:10px;display:flex}.lobby-bottom>div>span{align-items:center;gap:5px;display:inline-flex}.lobby-bottom .button{min-height:48px}.screen-waiting{text-align:center;color:#ceb3e4;padding:10px;font-size:12px}.lobby-footer{justify-content:space-between;align-items:center;gap:15px;margin-top:23px;display:flex}.lobby>.fine-print{margin-top:24px}.player-lobby{text-align:center;max-width:500px;margin:20px auto 0}.your-avatar{background:#473256;border:1px solid #765388;border-radius:34px;place-items:center;width:115px;height:115px;margin:30px auto;font-size:64px;animation:5s ease-in-out infinite float;display:grid;position:relative}.your-avatar>span{background:var(--lime);color:#25381a;border:4px solid #101014;border-radius:50%;place-items:center;width:35px;height:35px;display:grid;position:absolute;bottom:-6px;right:-6px}.player-lobby .eyebrow{color:var(--lime);font-size:9px}.player-lobby h1{margin:16px 0;font-size:34px}.player-lobby>p{font-size:13px}.waiting-pulse{justify-content:center;gap:8px;margin:26px 0;display:flex}.waiting-pulse span{background:#b9a0d2;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite pulse}.waiting-pulse span:nth-child(2){animation-delay:.2s}.waiting-pulse span:nth-child(3){animation-delay:.4s}.player-lobby-peers{color:#ac97bb;justify-content:center;align-items:center;gap:7px;font-size:12px;display:flex}.lobby-avatars{flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0 30px;display:flex}.lobby-avatars>span{background:#2d2136;border:1px solid #483152;border-radius:12px;padding:7px;font-size:25px}.player-lobby .notice{text-align:left}.round-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.round-top .eyebrow{color:#9a81ad;font-size:10px}.round-top .eyebrow strong{color:#e7d8f1;margin-left:6px;font-size:18px}.game-type{color:var(--mode-color);background:color-mix(in srgb, var(--mode-color) 10%, transparent);border:1px solid color-mix(in srgb, var(--mode-color) 25%, transparent);border-radius:20px;align-items:center;gap:8px;padding:7px 14px;font-size:11px;display:flex}.answered-count{color:#ad98bb;align-items:center;gap:7px;font-size:12px;display:flex}.round-progress{background:#3b2849;border-radius:10px;height:4px;overflow:hidden}.round-progress>span{background:var(--lime);border-radius:10px;height:100%;transition:width .3s linear;display:block}.question-stage{text-align:center;padding:35px 40px 28px;position:relative}.question-stage h1{max-width:750px;margin:12px auto 20px;font-size:34px}.question-subtitle{color:#ac93bf;font-size:11px}.sound-visualizer{justify-content:center;align-items:center;gap:5px;max-width:440px;height:140px;margin:0 auto 15px;display:flex;position:relative}.sound-visualizer>span{width:6px;height:var(--bar-height);background:#9e71c450;border-radius:6px}.sound-visualizer.playing>span{animation:1s ease-in-out infinite alternate equalizer;animation-delay:var(--delay)}.visualizer-disc{color:#d4b3ef;background:#2a1b36;border:1px solid #765094;border-radius:50%;place-items:center;width:99px;height:99px;display:grid;position:absolute;box-shadow:0 0 40px #a56bd520}.question-album{border-radius:10px;width:175px;margin:0 auto 20px;transition:filter .8s linear;transform:rotate(-3deg);box-shadow:10px 13px 30px #0004}.question-album .art-title{font-size:30px;line-height:1}.lyric-decoration{color:#d5a674;height:100px;font-family:Georgia,serif;font-size:150px;line-height:1.2}.countdown{font:600 28px var(--heading);background:#2b2034;border:1px solid #695278;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:66px;height:66px;margin:16px auto 0;display:flex}.countdown>span{color:#ad97bd;letter-spacing:1px;font-size:7px}.countdown.urgent{color:#ffb3a8;border-color:#e09182;animation:.8s infinite clock-pulse}.reveal-label{color:var(--lime);background:#27351e;border:1px solid #4b6336;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-size:12px;display:inline-flex}.answer-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.answer-option{text-align:left;border:1px solid var(--answer-border);background:var(--answer-bg);min-height:77px;color:var(--answer-color);border-radius:12px;align-items:center;gap:15px;padding:19px 22px;transition:all .2s;display:flex}.answer-0{--answer-bg:#402542;--answer-border:#87558b;--answer-color:#f1c3f3}.answer-1{--answer-bg:#223851;--answer-border:#436e98;--answer-color:#bbdafa}.answer-2{--answer-bg:#493325;--answer-border:#8c6241;--answer-color:#f4d09f}.answer-3{--answer-bg:#233c39;--answer-border:#427e70;--answer-color:#b5e6d6}.answer-option>strong{font:500 21px var(--heading);flex:1}.answer-shape{text-align:center;flex-shrink:0;width:28px;font-size:22px}.interactive .answer-option:hover:not(:disabled){filter:brightness(1.2);transform:translateY(-3px)}.answer-option:disabled{opacity:.55}.answer-option.chosen{opacity:1;border-width:2px;box-shadow:0 0 0 2px #ffffff1a}.answer-option.correct{border-color:var(--lime);color:#d4ffad;opacity:1;background:#344b20;box-shadow:0 0 0 1px #b9f66b40}.answer-option.wrong{opacity:.8;background:#542d32;border-color:#d58086}.answer-option.dimmed{opacity:.4}.player-feedback{text-align:center;color:#bfabd0;flex-direction:column;align-items:center;gap:8px;margin-top:25px;font-size:12px;display:flex}.player-feedback>strong{color:#e4cdee;font-size:17px;font-family:var(--heading)}.player-feedback>svg{color:var(--lime)}.round-leaderboard{max-width:660px;margin:30px auto 0}.round-leaderboard h3{color:#bd9ed3;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;display:flex}.round-leaderboard>div{border-bottom:1px solid #3d2d49;align-items:center;gap:13px;padding:12px;font-size:12px;display:flex}.round-leaderboard>div>span:first-child{color:#a58bb7;width:20px}.leader-avatar{font-size:23px}.round-leaderboard strong{flex:1;font-weight:500}.score-delta{color:var(--lime);font-size:10px}.round-leaderboard b{text-align:right;min-width:60px}.round-leaderboard small{color:#a18eaf;font-size:9px;font-weight:400}.you{background:#b9f66b09;border-radius:7px}.host-controls{border-top:1px solid #34253e;justify-content:space-between;align-items:center;gap:16px;margin-top:27px;padding-top:22px;display:flex}.results{text-align:center;position:relative}.results>.eyebrow{color:#c4a0df;font-size:9px}.results>h1{margin:17px 0 12px;font-size:42px}.results>p{font-size:13px}.podium{justify-content:center;align-items:flex-end;gap:14px;max-width:660px;margin:65px auto 0;display:flex}.podium-player{flex:1;max-width:200px;position:relative}.podium-avatar{margin-bottom:12px;font-size:52px;display:block}.podium-player>strong{font:500 20px var(--heading);overflow-wrap:anywhere;display:block}.podium-player>span:not(.podium-avatar){color:#c0a1d5;margin:7px 0 18px;font-size:11px;display:block}.podium-block{height:105px;font:600 38px var(--heading);color:#c9a5df;background:linear-gradient(#62427555,#38234500);border:1px solid #6f4f83;border-bottom:0;border-radius:12px 12px 0 0;padding:23px}.place-1 .podium-block{height:155px;color:var(--lime);background:linear-gradient(#66833d55,#3b4a2200);border-color:#769950}.place-3 .podium-block{height:75px;padding:15px}.place-1>.podium-avatar{font-size:67px}.podium-crown{color:var(--lime);position:absolute;top:-37px;left:calc(50% - 17px);transform:rotate(-10deg)}.final-ranking{text-align:left;background:#211827;border:1px solid #4a3358;border-radius:14px;max-width:750px;margin:0 auto;padding:23px;position:relative}.final-ranking h2{justify-content:space-between;align-items:center;margin-bottom:16px;font-size:18px;display:flex}.final-ranking h2>span{color:#a991ba;font:400 10px DM Sans,sans-serif}.final-ranking>div{border-top:1px solid #3e2b4b;align-items:center;gap:15px;padding:13px 10px;display:flex}.final-rank{color:#a88ebc;width:20px;font-size:12px}.final-ranking strong{flex:1;font-size:13px;font-weight:500}.final-ranking small{color:var(--lime);margin-left:7px;font-size:7px}.final-ranking b{font:500 19px var(--heading)}.final-ranking b>span{color:#a98dbc;font-size:10px;font-weight:400}.results-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:26px;display:flex}.confetti{pointer-events:none;height:600px;position:absolute;inset:-40px 0 0;overflow:hidden}.confetti>i{opacity:0;width:6px;height:13px;animation:4s ease-out forwards confetti-fall;position:absolute;top:-20px}.role-screen .room-main{max-width:1450px}.role-screen .question-stage h1{font-size:43px}.role-screen .answer-option{min-height:90px}.role-screen .answer-option>strong{font-size:27px}.role-screen .lobby-grid{grid-template-columns:420px 1fr}.role-screen .big-party-code{font-size:70px}.role-screen .player-tiles{grid-template-columns:repeat(4,1fr)}.role-screen .player-tile strong{font-size:14px}.page-enter{animation:.45s ease-out both page-in}.spin{animation:1s linear infinite record-spin}@keyframes record-spin{to{transform:rotate(360deg)}}@keyframes lazy-turn{to{transform:rotate(180deg)}}@keyframes float{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-9px)rotate(1deg)}}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in{0%{opacity:0;transform:translateY(15px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-in{0%{opacity:0;bottom:12px}to{opacity:1;bottom:24px}}@keyframes player-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}@keyframes equalizer{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes clock-pulse{50%{box-shadow:0 0 0 5px #df97801a}}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-20px)rotate(0)}10%{opacity:1}85%{opacity:.7}to{opacity:0;transform:translateY(580px)rotate(580deg)}}@media (width>=1550px){.dashboard-grid{grid-template-columns:minmax(0,1fr) 325px;gap:30px}.party-panel{padding:25px}.hero{height:335px}.hero-content{padding:30px}.hero-art{top:13px;right:15px;transform:scale(1.08)}.hero h2{font-size:46px}.hero p{font-size:12px}.mode-card{padding:17px}.mode-card h3{font-size:16px}.mode-card p{font-size:10px}.mode-label{font-size:7px}.playlist-card h3{font-size:14px}.playlist-card>p{font-size:10px}}@media (width<=1250px){.sidebar{width:190px;padding-left:13px;padding-right:13px}.main-shell{width:calc(100% - 190px);margin-left:190px}.topbar{padding:0 25px}.dashboard,.content-page{padding:28px 25px 0}.dashboard-grid{grid-template-columns:minmax(0,1fr) 265px;gap:20px}.party-panel{padding:20px 16px 15px}.hero-art{transform-origin:100%;right:-63px;transform:scale(.86)}.hero-content{padding:25px 21px}.hero h2{font-size:33px}.mode-grid{grid-template-columns:repeat(2,1fr)}.mode-card{padding:14px}.mode-top{margin-bottom:12px}.mode-card h3{font-size:15px}.mode-card p{min-height:auto;font-size:10px}.mode-label{margin-top:12px;font-size:7px}.playlist-grid{gap:10px}.playlist-card h3{font-size:11px}.playlist-card>p{font-size:7px}.library-grid{gap:12px}.library-card h2{font-size:17px}.library-card{padding:10px}.library-meta{flex-wrap:wrap}.page-heading .status-pill{display:none}.price-card{padding:22px 17px}.price-card li{font-size:10px}}@media (width<=1050px){.sidebar{width:175px}.main-shell{width:calc(100% - 175px);margin-left:175px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 250px;gap:17px}.dashboard,.content-page{padding-left:22px;padding-right:22px}.page-heading h1{font-size:28px}.hero{height:320px}.hero-art{opacity:.42;right:-93px}.hero-content{z-index:5;padding:25px 18px}.hero h2{font-size:33px}.hero h2>span{color:#d6bbfb}.hero p{color:#d0bedf}.hero-badge{font-size:6px}.section-heading h2{font-size:17px}.section-heading .count-badge{display:none}.section-heading .text-button{font-size:9px}.playlist-grid{grid-template-columns:repeat(2,1fr);gap:17px 12px}.art-title{font-size:30px}.topbar-actions{gap:15px}.topbar .join-link{font-size:9px}.breadcrumb-home,.breadcrumb-slash{display:none}.workspace-label{letter-spacing:1px;font-size:7px}.main-nav a,.upgrade-link{gap:9px;font-size:11px}.upgrade-link>span{font-size:6px}.sidebar-promo{padding:15px 11px}.sidebar-promo h3{font-size:14px}.sidebar-promo a,.help-button{font-size:9px}.sidebar-copyright{font-size:5px}.library-grid{grid-template-columns:repeat(2,1fr);gap:20px}.library-card h2{font-size:22px}.library-card .art-title{font-size:40px}.library-card .art-small{font-size:7px}.library-toolbar{flex-wrap:wrap}.search-input{width:100%}.pricing-grid{gap:10px}.price-card h2{font-size:21px}.price-card .button{padding:11px 9px;font-size:10px}.price-card li{align-items:flex-start;font-size:9px}.price{font-size:44px}.lobby-grid,.role-screen .lobby-grid{grid-template-columns:350px 1fr;gap:18px}.invite-card{padding:22px}.big-party-code,.role-screen .big-party-code{font-size:56px}.qr-area{gap:16px}.qr-area img{width:150px;height:150px}.player-tiles,.role-screen .player-tiles{grid-template-columns:repeat(2,1fr)}}@media (width<=850px){.sidebar{width:200px;transition:transform .25s;transform:translate(-100%)}.sidebar.open{transform:none}.sidebar-brand{justify-content:space-between;align-items:center;display:flex}.sidebar-scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:24;background:#0009;display:block;position:fixed;inset:0}.mobile-only{display:inline-flex}.main-shell{width:100%;margin-left:0}.dashboard-grid{grid-template-columns:minmax(0,1fr) 265px}.hero-art{opacity:.6;right:-72px}.topbar{height:68px;padding:0 20px}.topbar-actions{gap:11px}.topbar-divider{display:none}.sidebar .workspace-label{font-size:8px}.sidebar .main-nav a{font-size:12px}.sidebar-promo{padding:18px 14px}.library-toolbar{flex-wrap:nowrap}.search-input{width:240px}.lobby-grid,.role-screen .lobby-grid{grid-template-columns:1fr 1fr}.qr-area{gap:12px}.qr-area img{width:130px;height:130px}.qr-area h3{font-size:21px}.big-party-code,.role-screen .big-party-code{font-size:49px}.room-header{padding:18px 22px}.room-header-center{gap:10px}.connection>span{display:none}.room-header-actions{gap:8px}.room-main{padding:28px 24px}.lobby-players{padding:20px 15px}.lobby-bottom>div{gap:10px;font-size:9px}}@media (width<=650px){.topbar{padding:0 16px}.topbar .join-link{border:1px solid #3f3448;border-radius:9px;justify-content:center;gap:0;width:35px;height:35px;font-size:0}.topbar .join-link svg:last-child{display:none}.profile-avatar{width:30px;height:30px}.profile{gap:7px}.login-profile{font-size:10px}.profile strong{max-width:70px;font-size:10px}.profile small{font-size:7px}.profile .icon-button{width:24px}.breadcrumb{gap:7px;font-size:10px}.dashboard,.content-page{padding:25px 18px 0}.page-heading{margin-bottom:24px}.page-heading h1{font-size:29px}.page-heading p{max-width:320px;font-size:11px}.page-heading .eyebrow{font-size:7px}.wave{margin-left:4px;font-size:29px}.dashboard-grid{flex-direction:column;gap:28px;display:flex}.dashboard-main{width:100%}.hero{height:310px}.hero-content{padding:23px 20px}.hero-art{opacity:.7;right:-44px;transform:scale(.8)}.hero h2{font-size:35px;line-height:1.1}.hero p{font-size:11px}.hero h2>span{color:#d8bef7}.hero-badge{background:#35263ccc;font-size:6px}.hero .button{min-height:40px;font-size:10px}.hero-social{font-size:8px}.hero-content>p{text-shadow:0 1px 8px #000}.mode-grid{gap:12px}.mode-card{padding:15px}.mode-top{margin-bottom:15px}.mode-icon{width:44px;height:44px}.mode-card h3{font-size:16px}.mode-card p{font-size:10px}.mode-label{margin-top:17px;font-size:6.5px}.section-heading h2{font-size:20px}.section-heading .text-button{font-size:10px}.section-description{font-size:11px}.playlist-grid{gap:19px 15px}.playlist-card h3{font-size:14px}.playlist-card>p{font-size:9px}.art-title{font-size:34px}.art-small{font-size:5px}.art-footer{font-size:4px}.demo-note strong{font-size:11px}.demo-note p{font-size:9px}.party-panel{width:100%;padding:24px;position:static}.panel-heading h2{font-size:21px}.panel-heading p{font-size:11px}.panel-icon{width:42px;height:42px}.setting-label label,.screen-setting strong{font-size:12px}.setting-label>span{font-size:11px}.segmented button{padding:10px;font-size:14px}.duration-options button{padding:12px;font-size:13px}.setting-help,.screen-setting p,.screen-tip p{font-size:10px}.toggle{width:38px;height:23px;padding:4px}.toggle>span{width:15px;height:15px}.toggle.on>span{transform:translate(15px)}.screen-tip{padding:12px}.party-summary h3{font-size:9px}.party-summary>div,.party-summary strong{margin-top:17px;font-size:12px}.party-summary strong{margin-top:0}.create-party{min-height:51px;margin-top:17px;font-size:14px}.create-hint{font-size:10px}.plus-teaser strong{font-size:12px}.plus-teaser p{font-size:10px}.page-footer{padding:25px 18px;font-size:7px}.page-footer>span:last-child{font-size:5px}.modal-content{padding:30px 23px}.modal h1{font-size:29px}.library-toolbar{flex-direction:column;align-items:stretch;gap:13px}.filter-tabs{overscroll-behavior-inline:contain;justify-content:flex-start;max-width:100%;overflow-x:auto}.filter-tabs button{gap:6px;padding:10px 11px;font-size:10px}.search-input{width:100%}.library-grid{gap:13px}.library-card h2{font-size:18px}.library-card .art-title{font-size:29px}.library-card .art-small{font-size:4px}.library-card p{font-size:9px}.library-card>.eyebrow{letter-spacing:1px;font-size:6px}.cover-play{opacity:1;width:32px;height:32px;bottom:8px;right:8px;transform:none}.cover-play>svg{width:17px}.spotify-section{padding:25px}.spotify-intro h2{font-size:25px}.spotify-playlist-grid{grid-template-columns:1fr}.track-row p,.track-row small{font-size:8px}.content-page .page-heading{flex-direction:column;align-items:flex-start}.stats-grid{gap:9px}.stats-grid>div{grid-template-columns:1fr;gap:9px;padding:15px 12px}.stats-grid svg{grid-area:1/1;width:18px}.stats-grid span{min-height:22px;font-size:8px}.stats-grid strong{font-size:29px}.empty-state{padding:45px 22px}.empty-state h2{font-size:24px}.history-table-header,.history-row{grid-template-columns:1.6fr .7fr 1fr;gap:8px;padding:17px 12px}.history-table-header>span:nth-child(3),.history-row>span:nth-child(3){display:none}.history-table-header{font-size:6px}.history-row{font-size:9px}.history-row small{font-size:7px}.history-row>div{gap:7px}.history-row>div>svg{width:15px}.pricing-heading h1{font-size:36px}.pricing-heading p{font-size:12px}.pricing-heading .hero-badge{font-size:7px}.billing-notice{font-size:10px}.pricing-grid{grid-template-columns:1fr;gap:28px}.price-card{padding:27px}.price-card h2{font-size:28px}.price-card p{min-height:0;font-size:12px}.price-card li{font-size:12px}.price-card .button{font-size:13px}.price{font-size:53px}.price-suffix{font-size:12px}.price-card.featured{margin-top:10px}.pricing-footnote{align-items:flex-start;font-size:9px}.join-page>header{height:80px;padding:0 21px}.join-page>header .brand{font-size:29px}.join-main{margin-top:20px;padding-left:20px;padding-right:20px;overflow:hidden}.join-main h1{margin-left:0;margin-right:0;font-size:33px}.join-main>.eyebrow{font-size:8px}.join-card{padding:22px}.join-decoration{display:none}.join-card .code-input{letter-spacing:11px;font-size:35px}.avatar-picker{gap:7px}.avatar-picker button{border-radius:8px;font-size:24px}.room-header{flex-wrap:wrap;gap:8px;min-height:76px;padding:15px 16px}.room-header .brand{font-size:25px}.room-header .brand-mark{border-radius:8px;width:27px;height:29px;font-size:28px;line-height:28px}.room-header .brand-mark>span{width:4px;height:4px;bottom:5px;right:6px}.room-header-center{gap:7px;margin-left:auto}.role-badge{letter-spacing:.5px;padding:5px 6px;font-size:6px}.role-badge svg{width:12px}.room-code-small{font-size:0}.room-code-small strong{letter-spacing:2px;margin-left:0;font-size:13px}.room-header-actions{justify-content:flex-end;width:100%;margin-top:7px}.connection{margin-right:auto}.connection>span{font-size:8px;display:inline}.sound-button{padding:7px 9px;font-size:9px}.role-player .room-header-actions{width:auto;margin:0 0 0 5px}.role-player .connection>span{display:none}.role-player .room-header{flex-wrap:nowrap}.role-player .role-badge{white-space:nowrap;text-overflow:ellipsis;text-transform:none;max-width:135px;font-size:9px;overflow:hidden}.role-player .role-badge>span{font-size:18px}.role-player .room-code-small{display:none}.room-main{padding:25px 18px 35px}.lobby-heading h1{font-size:32px}.lobby-heading .eyebrow{font-size:7px}.lobby-heading p{font-size:11px}.lobby-grid,.role-screen .lobby-grid{grid-template-columns:1fr}.invite-card{padding:24px}.big-party-code,.role-screen .big-party-code{letter-spacing:5px;font-size:61px}.qr-area{gap:25px}.qr-area img{width:160px;height:160px}.qr-area h3{font-size:24px}.qr-area p{font-size:8px}.share-url input{font-size:9px}.lobby-players{min-height:300px;padding:23px}.lobby-players .section-heading h2{font-size:20px}.player-tiles,.role-screen .player-tiles{grid-template-columns:repeat(3,1fr);gap:8px}.player-tile strong{font-size:10px}.player-tile-avatar{font-size:28px}.lobby-footer{flex-direction:column-reverse;gap:20px}.lobby-footer .button{width:100%}.player-lobby{margin-top:15px}.player-lobby h1{font-size:32px}.player-lobby>p{font-size:12px}.round-top{gap:7px;margin-bottom:16px}.round-top .eyebrow{letter-spacing:.7px;font-size:8px}.round-top .eyebrow strong{margin-left:3px;font-size:15px}.game-type{gap:5px;padding:6px 9px;font-size:9px}.game-type svg{width:14px}.answered-count{gap:4px;font-size:10px}.answered-count svg{width:13px}.question-stage{padding:22px 0}.question-stage h1,.role-screen .question-stage h1{margin-top:10px;margin-bottom:15px;font-size:27px}.question-subtitle{padding:0 8px;font-size:10px}.sound-visualizer{gap:4px;height:105px;margin-bottom:15px}.sound-visualizer>span{width:5px}.visualizer-disc{width:80px;height:80px}.visualizer-disc>svg{width:29px}.question-album{width:145px}.question-album .art-title{font-size:26px}.countdown{width:55px;height:55px;margin-top:14px;font-size:24px}.reveal-label{padding:10px 12px;font-size:10px;line-height:1.6}.answer-grid{gap:10px}.answer-option,.role-screen .answer-option{gap:7px;min-height:86px;padding:13px 11px}.answer-option>strong,.role-screen .answer-option>strong{font-size:17px;line-height:1.2}.answer-shape{width:18px;font-size:16px}.answer-option>svg{width:17px}.player-feedback{font-size:11px}.player-feedback>strong{font-size:16px}.host-controls{flex-direction:column-reverse;gap:20px}.host-controls .button{width:100%}.host-controls .fine-print{text-align:center}.round-leaderboard>div{gap:8px;padding:12px 7px;font-size:11px}.results>h1{font-size:32px}.results>p{font-size:12px}.results>.eyebrow{font-size:8px}.podium{gap:8px}.podium-avatar{font-size:40px}.place-1 .podium-avatar{font-size:55px}.podium-player>strong{font-size:15px}.podium-player>span:not(.podium-avatar){font-size:10px}.podium-block{padding:20px 10px}.final-ranking{padding:19px 14px}.final-ranking h2{font-size:17px}.final-ranking h2>span{font-size:8px}.final-ranking>div{gap:10px;padding:13px 5px}.final-ranking strong{font-size:11px}.final-ranking b{font-size:17px}}@media (width<=370px){.dashboard,.content-page{padding-left:14px;padding-right:14px}.page-heading h1{font-size:25px}.wave{font-size:24px}.hero h2{font-size:31px}.hero-art{right:-65px}.mode-card{padding:13px 10px}.mode-card h3{font-size:14px}.mode-label{font-size:5.5px}.section-heading h2{font-size:17px}.section-heading .text-button{font-size:8px}.join-card{padding:19px}.join-main{padding-left:15px;padding-right:15px}.join-main h1{font-size:30px}.join-card .code-input{letter-spacing:9px;font-size:31px}.avatar-picker button{font-size:21px}.invite-card{padding:20px}.qr-area{gap:18px}.qr-area img{width:130px;height:130px}.big-party-code,.role-screen .big-party-code{font-size:52px}.qr-area h3{font-size:23px}.answer-option{gap:5px;padding:13px 9px}.answer-option>strong{font-size:15px}}.social-round{background:linear-gradient(145deg,#201a2b,#121218);border:1px solid #ffffff18;border-radius:28px;width:min(900px,100%);margin:10px auto 36px;padding:clamp(20px,4vw,42px);box-shadow:0 30px 80px #0007}.studio-gate{place-content:center;justify-items:start;gap:18px;max-width:760px;display:grid}.studio-gate h1{margin:0;font:700 clamp(38px,7vw,72px)/.98 Outfit,sans-serif}.studio-gate p{color:#a69eae;max-width:590px;font-size:18px}.social-heading{text-align:center;margin-bottom:28px}.social-heading h1{margin:8px 0;font:700 clamp(30px,5vw,52px)/1.02 Outfit,sans-serif}.social-heading p{color:#aaa3b3}.social-form{gap:16px;display:grid}.social-form label{color:#d9d2df;gap:7px;display:grid}.social-form select{color:#fff;background:#101014;border:1px solid #ffffff20;border-radius:12px;width:100%;padding:13px}.social-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.step-grid{grid-template-columns:repeat(8,minmax(32px,1fr));gap:8px;display:grid}.step-grid button{aspect-ratio:1;color:#857e8d;background:#0e0e13;border:1px solid #ffffff1f;border-radius:9px}.step-grid button.active{color:#17161b;background:#d6ff48;border-color:#d6ff48;box-shadow:0 0 18px #d6ff4855}.band-arranger{background:#08080c;border:1px solid #ffffff18;border-radius:16px;gap:7px;padding:12px;display:grid;overflow-x:auto}.band-transport{color:#d6ff48;border-bottom:1px solid #ffffff12;align-items:center;gap:14px;min-width:680px;padding:8px 10px 12px;display:flex}.band-transport span{color:#b7afbf;border:1px solid #ffffff19;border-radius:6px;padding:4px 8px;font-size:11px}.band-track{background:#ffffff05;border-radius:9px;grid-template-columns:125px minmax(540px,1fr);gap:8px;min-width:680px;padding:7px;display:grid}.band-track.active{background:#d6ff480c;box-shadow:inset 3px 0 #d6ff48}.band-track-label{align-content:center;gap:2px;padding-left:7px;display:grid}.band-track-label span{color:#948b9e;font-size:11px}.band-track-grid{grid-auto-columns:minmax(7px,1fr);grid-auto-flow:column;gap:2px;min-height:38px;display:grid}.band-track-grid i{background:#ffffff0d;border-radius:3px}.band-track-grid i.beat{border-left:1px solid #ffffff2b}.band-track-grid i.hit{background:linear-gradient(#d6ff48,#8fdc36);box-shadow:0 0 8px #d6ff4844}.spotify-track-search{grid-template-columns:1fr auto;gap:8px;margin:8px 0;display:grid}.spotify-track-search .button{min-height:42px}.spotify-search-results{gap:5px;max-height:190px;margin-bottom:8px;display:grid;overflow-y:auto}.spotify-search-results button{text-align:left;color:#f7f3fa;background:#0e0e13;border:1px solid #ffffff12;border-radius:8px;gap:2px;padding:9px 11px;display:grid}.spotify-search-results button.selected{color:#d6ff48;border-color:#d6ff48}.spotify-search-results span{color:#948b9e;font-size:11px}.social-listening{text-align:center;padding:45px 10px}.social-listening svg{color:#d6ff48}.social-results{gap:12px;display:grid}.social-results article{background:#ffffff08;border:1px solid #ffffff18;border-radius:14px;padding:14px 16px}.social-results article span{color:#b9b1c2;display:block}.social-results article p{color:#89818f;margin:5px 0 0}.beatbox-recorder .danger{color:#fff;background:#c63d68}@media (width<=600px){.social-round{border-radius:20px;padding:20px 14px}.step-grid{grid-template-columns:repeat(4,1fr)}.social-actions .button,.social-form>.button{width:100%}.role-host.support-screen .audio-destination,.role-host.support-screen .room-header-actions>.icon-button{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.landing{background:radial-gradient(at 80% 15%,#34214170,#0000 40%),#101014;overflow:hidden}.landing-nav{justify-content:space-between;align-items:center;gap:25px;max-width:1280px;margin:auto;padding:28px 35px;display:flex}.landing-nav nav{color:#bcb5c7;gap:30px;font-size:12px;display:flex}.landing-nav nav a:hover{color:var(--lime)}.landing-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:65px;max-width:1240px;margin:60px auto 75px;padding:0 35px;display:grid}.landing-hero h1{letter-spacing:-2.5px;margin:25px 0;font-size:clamp(45px,5vw,70px);line-height:1.04}.landing-hero h1>span{color:var(--lime)}.landing-hero p{max-width:450px;font-size:15px;line-height:1.8}.landing-actions{align-items:center;gap:25px;margin-top:28px;display:flex}.landing-actions .button{min-height:52px;font-size:13px}.landing-proof{color:#b4a8c0;gap:22px;margin-top:22px;font-size:10px;display:flex}.landing-proof span{align-items:center;gap:5px;display:flex}.landing-proof svg{color:var(--lime)}.landing-art{height:475px;position:relative}.landing-record{width:290px;position:absolute;top:0;left:0;transform:rotate(-10deg)}.landing-record .album-art{border-radius:8px;box-shadow:15px 20px 50px #0006}.landing-record .art-title{font-size:57px}.landing-record .vinyl{width:265px;height:265px;top:20px;right:-110px}.landing-record .vinyl-label{inset:80px}.landing-live-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#211c2be8;border:1px solid #725b8e;border-radius:17px;width:315px;padding:23px;animation:8s ease-in-out infinite float;position:absolute;bottom:0;right:0;transform:rotate(5deg);box-shadow:0 15px 50px #0006}.landing-live-card .eyebrow{color:#c3b2d5;font-size:8px}.landing-live-card .live-dot{margin-right:5px}.landing-live-card h3{margin:16px 0;font-size:20px}.landing-live-card>div{border-top:1px solid #4c3a5d;justify-content:space-between;align-items:center;padding:13px 0;font-size:12px;display:flex}.landing-live-card>div strong{color:var(--lime)}.landing-live-card>small{color:#a88dbb;font-size:8px}.landing-star{color:#dac0f2;font-size:80px;animation:20s linear infinite lazy-turn;position:absolute;top:-35px;right:0}.landing-marquee{white-space:nowrap;letter-spacing:2px;color:#bea7ce;background:#1b1721;border-block:1px solid #3a2e43;justify-content:center;align-items:center;gap:35px;padding:19px;font-size:10px;display:flex}.landing-marquee b{color:var(--lime);font-size:23px}.landing-section{max-width:1240px;margin:auto;padding:80px 35px 15px}.landing-section h2{margin:16px 0 30px;font-size:37px;line-height:1.15}.how-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.how-grid article{background:#1a171f;border:1px solid #3a3046;border-radius:15px;padding:28px;position:relative}.how-grid article>svg{color:#c1a4e5;margin:10px 0 22px}.step-index{color:#73647f;font-size:11px;position:absolute;top:22px;right:22px}.how-grid h3{margin-bottom:12px;font-size:22px}.how-grid p{font-size:12px}.landing-section-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.landing .mode-card{min-height:195px;padding:25px}.landing .mode-card h3{margin-top:28px;font-size:19px}.landing .mode-card p{font-size:11px}.landing .fine-print{margin-top:16px}.landing-tv{background:radial-gradient(at 95%,#704b8650,#0000 70%),#251d2e;border:1px solid #58426b;border-radius:20px;grid-template-columns:1.3fr 1fr;align-items:center;gap:70px;max-width:1170px;margin:70px auto 0;padding:50px;display:grid}.landing-tv h2{margin:18px 0;font-size:40px}.landing-tv p{color:#baa7c9;max-width:470px;font-size:13px}.landing-tv .button{margin-top:24px}.tv-illustration{text-align:center;background:#131018;border:8px solid #473652;border-radius:20px;padding:25px;transform:rotate(4deg);box-shadow:15px 25px 30px #0004}.tv-illustration>svg{color:#bfa0df;width:100%}.tv-illustration>span{color:var(--lime);letter-spacing:3px;font:500 21px var(--heading);margin:10px 0 20px;display:block}.tv-illustration>div{color:#c79fe9;font-size:29px}.landing-offers{text-align:center}.landing-offer-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.landing-offer-grid article{background:#1c1822;border:1px solid #453250;border-radius:15px;padding:30px}.landing-offer-grid article:last-child{background:#20261b;border-color:#6c9046}.landing-offer-grid svg{color:#bba1d8}.landing-offer-grid h3{margin:18px 0;font-size:25px}.landing-offer-grid strong{font:600 43px var(--heading);display:block}.landing-offer-grid p{margin:7px 0 17px;font-size:11px}.landing-offer-grid article>span{color:#b7a6c4;margin-bottom:15px;font-size:11px;display:block}.landing-final{text-align:center;padding:85px 20px}.landing-final>svg{color:var(--lime)}.landing-final h2{margin:20px 0 28px;font-size:39px}.landing-footer{border-top:1px solid #39303f;align-items:center;gap:30px;max-width:1240px;margin:auto;padding:30px 35px;display:flex}.landing-footer p{margin-right:auto;font-size:10px}.landing-footer>a:not(.brand){color:#aa95ba;font-size:11px}.transition-timer{text-align:center;color:#cbe1b0;background:#b9f66b0c;border-radius:10px;margin:15px 0;padding:13px}.transition-timer strong{color:var(--lime);font-size:21px}.audio-destination{color:#bda7cd;font-size:10px}.rematch-banner,.usage-strip,.spotify-device-picker{grid-column:1/-1}.rematch-banner .button,.spotify-device-picker .button{margin-top:12px}.usage-strip{color:#bca6ca;background:#211a27;border:1px solid #483450;border-radius:10px;width:100%;padding:12px 16px;font-size:11px}.usage-strip>a{color:var(--lime);margin-left:14px;display:inline-block}.room-shortcut{align-items:center;gap:7px;margin-left:14px;display:inline-flex}.room-shortcut a{color:var(--lime)}.room-shortcut .text-button{min-height:auto;padding:2px 4px;font-size:10px}.spotify-device-picker select{margin-top:12px}.spotify-import{flex-direction:column;gap:12px;margin:24px 0;display:flex}.spotify-playlist>span{overflow-wrap:anywhere;min-width:0}.spotify-playlist .button{padding:10px;font-size:10px}@media (width<=900px){.landing-nav nav{gap:15px;font-size:10px}.landing-hero{gap:25px;margin-top:35px}.landing-art{transform-origin:0;transform:scale(.8)}.landing-record{width:250px}.landing-live-card{right:-50px}.landing-proof{flex-wrap:wrap;gap:10px}.landing .mode-grid{grid-template-columns:repeat(2,1fr)}.how-grid{gap:14px}.how-grid article{padding:23px}.landing-tv{gap:25px;margin-inline:25px;padding:35px}.landing-actions{flex-direction:column;align-items:flex-start;gap:15px}}@media (width<=650px){.landing-nav{padding:24px 20px}.landing-nav nav{display:none}.landing-hero{grid-template-columns:1fr;gap:0;margin-bottom:25px;padding:0 23px}.landing-hero h1{letter-spacing:-1.9px;font-size:49px}.landing-hero p{font-size:13px}.landing-art{transform-origin:0 0;width:100%;height:375px;margin-top:50px;transform:scale(.78)}.landing-record{width:270px}.landing-live-card{bottom:-20px;right:-55px}.landing-star{font-size:60px;right:-45px}.landing-marquee{justify-content:flex-start;gap:20px;font-size:8px}.landing-section{padding:50px 23px 0}.landing-section h2{font-size:30px}.how-grid,.landing-offer-grid{grid-template-columns:1fr;gap:17px}.how-grid article{padding:28px}.landing-section-heading{display:block}.landing-section-heading .text-button{margin-bottom:15px}.landing .mode-card{min-height:185px;padding:17px 12px}.landing .mode-card h3{font-size:15px}.landing-tv{grid-template-columns:1fr;margin:45px 23px 0;padding:30px}.landing-tv h2{font-size:32px}.tv-illustration{max-width:290px;margin:20px auto 0}.landing-final h2{font-size:29px}.landing-footer{flex-wrap:wrap;gap:20px;padding:25px 23px}.landing-footer p{width:calc(100% - 160px)}.rematch-banner{width:100%}.spotify-playlist{flex-wrap:wrap}}