:root{font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edeee9;background:#141613;font-synthesis:none;font-weight:400;font-size:14px;--bg:#141613;--surface:#1b1e1a;--surface-raised:#232720;--line:#30352c;--line-soft:#272c25;--muted:#8d9687;--text:#edeee9;--lime:#c2ee81;--lime-hover:#d3f5a4;--danger:#ffb1a6;--radius:12px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}body{min-width:320px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button,input,textarea,select{transition:background .15s,color .15s,border-color .15s,box-shadow .15s}button{border:0}input,textarea,select{color:var(--text);border:1px solid var(--line);border-radius:8px;background:#171a15}input::placeholder,textarea::placeholder{color:#77816f}input,select{height:46px;padding:0 13px;min-width:0}input:focus,textarea:focus,select:focus{outline:none;border-color:#91b65f;box-shadow:0 0 0 3px #c2ee810b}textarea{resize:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,DM Sans,system-ui,sans-serif}svg{flex-shrink:0}::selection{background:#c2ee8144}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#454d3e;border-radius:9px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.7}.lime-text{color:var(--lime)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 17px;border-radius:7px;font-weight:650;font-size:12px;white-space:nowrap}.button-lime{background:var(--lime);color:#1a2610}.button-lime:hover:not(:disabled){background:var(--lime-hover)}.button-secondary{background:#2b3026;border:1px solid #3c4434;color:#dee5d7}.button-secondary:hover:not(:disabled){background:#363e2e}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;background:transparent;border-radius:7px;color:var(--muted)}.icon-button:hover:not(:disabled),.icon-button.is-open{background:#c2ee8112;color:var(--lime)}.text-button{display:inline-flex;align-items:center;gap:7px;background:transparent;color:var(--muted);font-size:12px;padding:4px 0}.text-button:hover{color:var(--lime)}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,system-ui,sans-serif;font-size:26px;font-weight:800;letter-spacing:-1.1px;color:#f1f3eb}.brand-symbol{height:39px;width:39px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:var(--lime);color:#1b2912}.brand-dot{color:var(--lime)}.brand-small .brand-symbol{height:36px;width:36px;border-radius:10px}.brand-home{padding:0;background:transparent}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:2px;line-height:1.5}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);flex-shrink:0}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0;letter-spacing:-.2px;border:2px solid var(--surface)}.avatar-small{width:31px;height:31px;font-size:10px}.avatar.mint{background:#c6dcb6;color:#354b29}.avatar.lilac{background:#cac0df;color:#54436c}.avatar.peach{background:#edc3a6;color:#6e422c}.avatar.blue{background:#aecbdc;color:#31556a}.avatar.rose{background:#e1b4c2;color:#713c50}.avatar i{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;background:var(--lime);border:2px solid var(--surface);border-radius:50%}.landing{max-width:1440px;min-height:100vh;margin:0 auto;padding:34px 64px 24px;background:var(--bg)}.landing-header{display:flex;align-items:center;justify-content:space-between}.landing-note{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.landing-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.85fr);gap:80px;align-items:center;max-width:1120px;margin:64px auto 40px}.landing-story>.eyebrow{font-size:10px;letter-spacing:2.1px;color:#acb69f;margin-bottom:23px}.landing-story>.eyebrow>span{width:20px;height:1px;background:var(--lime)}.landing h1{font-size:clamp(46px,4.6vw,70px);line-height:1.08;letter-spacing:-3.6px;font-weight:650}.landing h1 em{font-style:normal;color:var(--lime)}.landing-description{max-width:410px;color:#a5ad9d;font-size:14px;line-height:1.9;margin-top:25px}.landing-benefits{display:flex;flex-wrap:wrap;gap:13px 21px;margin-top:25px;color:#d2d8c9;font-size:11px}.landing-benefits>span{display:flex;align-items:center;gap:7px}.landing-benefits svg{color:var(--lime);width:15px}.record-illustration{position:relative;margin:39px 0 0 16px;height:224px;width:350px}.record-sleeve{position:absolute;z-index:2;left:0;top:0;width:187px;height:187px;background:#bacc9d;transform:rotate(-9deg);color:#2d3b23;padding:17px;box-shadow:9px 12px 35px #0004;overflow:hidden}.sleeve-top{font-family:Manrope,sans-serif;font-size:23px;font-weight:800;line-height:.95;letter-spacing:-1px}.sleeve-bars{height:82px;display:flex;align-items:center;gap:6px;margin-top:6px}.sleeve-bars i{display:block;background:#405635;width:16px;height:60px;border-radius:18px}.sleeve-bars i:nth-child(1),.sleeve-bars i:nth-child(7){height:22px}.sleeve-bars i:nth-child(2),.sleeve-bars i:nth-child(6){height:44px}.sleeve-bars i:nth-child(4){height:78px}.sleeve-bottom{font-size:6px;font-weight:700;letter-spacing:.4px;position:absolute;bottom:12px}.vinyl{position:absolute;left:121px;top:-2px;width:192px;height:192px;border-radius:50%;border:1px solid #3a4034;background:repeating-radial-gradient(circle at center,#121611 0,#121611 2px,#23281f,#121611 4px);box-shadow:7px 10px 25px #0005;display:flex;align-items:center;justify-content:center}.vinyl-label{border:12px solid #a3af90;width:73px;height:73px;border-radius:50%;background:var(--lime);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;color:#304122;transform:rotate(13deg)}.vinyl-label span{font-size:5px;letter-spacing:1px}.record-caption{position:absolute;bottom:0;left:0;font-size:10px;color:#7c8673;letter-spacing:.5px}.welcome-panel{background:#20241d;border:1px solid #363d2f;border-radius:16px;padding:31px 30px 28px;box-shadow:0 24px 70px #0002;position:relative}.welcome-panel:before{content:"";position:absolute;left:30px;right:30px;top:-1px;height:1px;background:#b2d58466}.welcome-icon{width:45px;height:45px;border-radius:12px;background:#c2ee8114;color:var(--lime);display:flex;align-items:center;justify-content:center;margin-bottom:24px;border:1px solid #c2ee811b}.welcome-panel>.eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:9px}.welcome-panel h2{font-size:25px;font-weight:650;letter-spacing:-1px;line-height:1.3;overflow-wrap:anywhere}.welcome-description{color:#929d87;font-size:12px;line-height:1.9;margin-top:13px;max-width:310px}.segmented{display:flex;padding:4px;background:#161a13;border:1px solid var(--line);border-radius:8px;gap:3px;margin-top:23px;margin-bottom:23px}.segmented>button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-height:35px;padding:4px 8px;background:transparent;font-size:11px;color:#929d87;border-radius:5px}.segmented>button.selected{background:#343d2b;color:#ecf2e4;box-shadow:0 1px 4px #0003}.welcome-form{display:flex;flex-direction:column}.welcome-form>label,.field-label{font-size:11px;font-weight:500;color:#c5cdbb;margin-bottom:9px;display:block}.welcome-form>input{background:#181c15;font-size:12px;margin-bottom:20px;border-color:#39412f;height:44px}.welcome-form>input:focus{border-color:var(--lime)}.welcome-submit{height:45px;width:100%;margin-top:5px;font-size:12px;flex-direction:row-reverse;justify-content:space-between}.welcome-footnote{display:flex;align-items:flex-start;justify-content:center;gap:7px;font-size:10px;line-height:1.7;color:#87937a;margin-top:18px}.welcome-footnote svg{margin-top:1px}.recent-rooms{margin-top:26px;padding-top:19px;border-top:1px solid #343c2d}.recent-rooms h3{font-size:10px;color:#86927a;font-weight:500;margin-bottom:12px}.recent-rooms>button{display:flex;width:100%;align-items:center;gap:9px;background:transparent;padding:8px 0;font-size:12px;color:#dce2d4;text-align:left}.recent-rooms>button>span:nth-child(2){flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-rooms>button>svg{color:#6f7b64}.recent-room-icon{display:flex;align-items:center;justify-content:center;width:27px;height:27px;background:#31392a;border-radius:6px;color:#abbc98}.recent-rooms>button:hover{color:var(--lime)}.back-home{margin:22px auto 0;display:flex}.landing-footer{display:flex;justify-content:space-between;border-top:1px solid #292e24;padding-top:20px;color:#738067;font-size:10px;letter-spacing:.2px}.form-error{font-size:12px;line-height:1.7;color:var(--danger);margin:0 0 16px;padding:10px 12px;border-radius:6px;background:#ffb1a608;border:1px solid #ffb1a61f}.app-shell{display:flex;height:100dvh;min-height:520px;overflow:hidden}.side-rail{width:72px;flex-shrink:0;border-right:1px solid var(--line-soft);background:#11140f;display:flex;flex-direction:column;align-items:center;padding:24px 0 19px;gap:41px}.rail-logo,.rail-profile{background:transparent;padding:0}.side-rail nav{display:flex;flex-direction:column;gap:15px}.side-rail .icon-button{width:42px;height:42px;border-radius:10px;color:#79856d}.side-rail .icon-button:hover{color:var(--lime)}.side-rail .icon-button.rail-active{background:#c2ee8114;color:var(--lime)}.rail-bottom{display:flex;align-items:center;flex-direction:column;gap:11px;margin-top:auto}.rail-profile{margin-top:12px}.room-shell{flex:1;min-width:0;display:flex;flex-direction:column}.room-header{height:100px;flex-shrink:0;border-bottom:1px solid var(--line-soft);padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.room-title-block{min-width:0}.room-title-block>.eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:7px;color:#748169}.room-header h1{font-size:23px;letter-spacing:-.85px;font-weight:650;display:flex;align-items:center;gap:15px;line-height:1.2;overflow-wrap:anywhere}.connection-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #3e4b30;border-radius:5px;padding:4px 7px;font-family:DM Sans,sans-serif;font-size:9px;font-weight:500;letter-spacing:.1px;color:#afc791;white-space:nowrap}.connection-badge .status-dot{width:5px;height:5px}.connection-offline{color:#d9bc87;border-color:#5b4c31}.connection-offline .status-dot{background:#d9bc87}.header-right{display:flex;align-items:center;gap:24px;flex-shrink:0}.participants-button{display:flex;align-items:center;gap:9px;background:transparent;padding:0;color:#a5af9b;font-size:10px;white-space:nowrap}.avatar-stack{display:flex;padding-left:4px}.avatar-stack>.avatar{margin-left:-5px;border-color:var(--bg)}.invite-button{min-height:36px;font-size:11px;padding:0 13px}.connection-banner{display:flex;align-items:center;gap:9px;padding:9px 32px;font-size:11px;color:#dec49a;background:#322b1c;border-bottom:1px solid #4a3d26;flex-shrink:0}.connection-banner>span{flex:1}.connection-banner button{font-size:10px;background:transparent;border-bottom:1px solid #bca574;padding:2px;color:#e6c68c}.room-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 9px minmax(280px,var(--chat-width));overflow:hidden}.listening-panel{overflow-y:auto;padding:26px 28px 0 32px;min-width:0;display:flex;flex-direction:column}.now-playing-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.now-playing-heading>span:first-child{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.5px;font-weight:600;color:#aebea0}.equalizer{height:12px;display:flex;align-items:center;gap:2px}.equalizer i{width:2px;height:8px;background:var(--lime);border-radius:1px}.equalizer i:nth-child(2){height:12px}.equalizer i:nth-child(4){height:5px}.equalizer-playing i{animation:equalize .9s ease-in-out infinite alternate}.equalizer-playing i:nth-child(2){animation-delay:.3s}.equalizer-playing i:nth-child(3){animation-delay:.6s}@keyframes equalize{to{height:3px}}.room-private{display:flex;align-items:center;gap:5px;font-size:9px;color:#77846b}.playing-details{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:20px 0 28px}.playing-details>div{min-width:0}.playing-details h2{font-size:18px;letter-spacing:-.55px;line-height:1.5;font-weight:650;overflow-wrap:anywhere}.playing-details p{font-size:10px;color:#828f77;line-height:1.8;margin-top:5px}.playing-details p strong{font-weight:500;color:#b1bda6}.detail-dot{margin:0 7px;color:#5d6b51}.vote-button{display:flex;align-items:center;gap:6px;background:#262c20;color:#a7b59a;border:1px solid #36402d;border-radius:6px;font-size:10px;padding:7px 9px;flex-shrink:0}.vote-button small{font-size:9px;color:#7e8c71;border-left:1px solid #424e37;padding-left:7px;margin-left:2px}.vote-button:hover:not(:disabled),.vote-button.voted{border-color:#799651;color:var(--lime);background:#c2ee8112}.vote-button.voted small{color:#b0cb91}.chat-divider{cursor:col-resize;touch-action:none;display:flex;align-items:center;justify-content:center;position:relative;background:var(--bg);z-index:3;border-left:1px solid var(--line-soft)}.chat-divider span{display:block;height:38px;width:3px;border-radius:2px;background:#424a3b;transition:background .15s,height .15s}.chat-divider:hover span,.chat-divider:focus-visible span{background:var(--lime);height:55px}.resizing-chat{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.resizing-chat iframe{pointer-events:none}.listening-footer{display:flex;align-items:center;gap:9px;margin-top:auto;padding:24px 0 20px;opacity:.7}.listening-footer .brand-small .brand-symbol{width:auto;height:auto;background:transparent;color:#78866b}.listening-footer .brand-small svg{width:16px;height:16px}.listening-footer>span{color:#78866b;font-size:9px}.listening-footer>.text-button{margin-left:auto;font-size:9px}.mobile-tabs{display:none}.youtube-shell{border:1px solid #333b2d;border-radius:11px;overflow:hidden;background:#10130e;flex-shrink:0}.player-stage{width:100%;aspect-ratio:16/9;min-height:200px;position:relative;background:#0e120c}.player-stage iframe{display:block;width:100%;height:100%;min-height:200px;border:0}.player-stage>div:has(iframe){width:100%;height:100%}.player-empty{min-height:200px;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding:25px;gap:12px;background:radial-gradient(ellipse at 50% 40%,#24301b 0,transparent 67%)}.player-empty svg{color:#b9d69b;width:42px;height:42px;opacity:.9}.player-empty h3{font-size:17px;font-weight:500;color:#c2d3b2;letter-spacing:-.4px}.player-empty p{max-width:290px;font-size:11px;color:#7d8b70;line-height:1.8}.player-controls{padding:13px 16px;background:#1b2117;border-top:1px solid #2c3624;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.player-actions{display:flex;align-items:center;gap:8px}.player-icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:29px;width:29px;height:29px;border:0;background:transparent;border-radius:6px;color:#cad5bf;padding:4px}.player-icon-button:hover:not(:disabled){color:var(--lime);background:#c2ee8114}.player-icon-button:first-child{background:var(--lime);color:#27391a}.player-progress{flex:1;min-width:60px;accent-color:var(--lime);height:4px;border:0;padding:0}.player-time{font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#a0ae93}.player-volume{display:flex;align-items:center;gap:6px;color:#8c9b7e}.player-volume input{width:55px;accent-color:#9ab77e;height:4px;padding:0;border:0}.player-status{font-size:9px;color:#8f9e81;display:flex;align-items:center;gap:6px;line-height:1.6}.player-status svg{width:12px}.player-activation,.player-warning{padding:12px 16px;background:#2c3524;color:#c8dab5;font-size:11px;line-height:1.8;display:flex;align-items:center;gap:10px;border-top:1px solid #3d4c31}.player-activation button,.player-warning button{padding:7px 10px;background:#c2ee81;color:#1b2911;font-size:11px;border-radius:5px;white-space:nowrap}.player-warning{background:#332c1d;color:#d3c398;border-color:#4b4029}.player-warning a{color:#e0d0aa;text-decoration:underline;text-underline-offset:3px}.player-warning p,.player-activation p{flex:1}.queue-panel{border:1px solid var(--line);border-radius:10px;background:#1a1e17;flex-shrink:0;overflow:visible}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;padding:0 18px}.panel-heading>div{display:flex;align-items:center;gap:8px;min-width:0}.panel-heading>div>svg{color:#a3b194}.panel-heading h2{font-size:13px;font-weight:600;letter-spacing:-.2px;white-space:nowrap}.subtle-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:19px;padding:0 5px;border-radius:5px;background:#2d3526;color:#9ead8e;font-size:9px;font-weight:500}.queue-tools{gap:3px!important}.queue-tools .icon-button{width:25px;height:25px}.queue-tools .rotate{transform:rotate(-90deg)}.fair-label{display:inline-flex;align-items:center;gap:4px;font-size:8px;color:#a4bc8d;margin-right:5px;white-space:nowrap}.add-track-form{display:flex;align-items:center;gap:9px;margin:0 17px 15px;padding:4px 4px 4px 10px;background:#131810;border:1px solid #35402b;border-radius:7px}.add-track-form>svg{color:#6f815e;width:15px}.add-track-form input{border:0;background:transparent;height:31px;font-size:10px;padding:0;flex:1;min-width:0;box-shadow:none}.add-track-form .button{min-height:30px;border-radius:4px;padding:0 10px;font-size:10px;gap:4px}.queue-list{padding:0 17px}.empty-queue{display:flex;align-items:center;gap:13px;min-height:100px;padding:9px 0 24px}.empty-queue>span{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#252e1e;color:#6d805b;flex-shrink:0}.empty-queue strong{font-size:11px;font-weight:500;color:#a8b69b}.empty-queue p{font-size:10px;line-height:1.7;color:#687a5b;margin-top:4px}.queue-track{display:flex;align-items:center;gap:10px;position:relative;padding:10px 0;border-top:1px solid #2b3325;min-width:0}.track-number{font-size:9px;color:#627352;font-variant-numeric:tabular-nums;min-width:14px}.track-thumbnail{display:block;position:relative;width:58px;height:38px;flex-shrink:0;padding:0;background:#2c3525;border-radius:5px;overflow:hidden}.track-thumbnail:disabled{opacity:1}.track-thumbnail img{width:100%;height:100%;object-fit:cover}.track-thumbnail>span{display:none;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;background:#0008;color:var(--lime)}.track-thumbnail:hover:not(:disabled)>span{display:flex}.track-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}.track-info>strong{font-size:11px;line-height:1.35;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d0dbc5}.track-info>span{display:flex;align-items:center;font-size:8px;color:#7e906d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-info i{width:2px;height:2px;border-radius:50%;background:#536745;margin:0 5px;flex-shrink:0}.track-actions{display:flex;gap:1px;opacity:0;transition:opacity .15s}.queue-track:hover .track-actions,.queue-track:focus-within .track-actions{opacity:1}.track-actions .icon-button{width:22px;height:26px}.track-menu-mobile{display:none}.queue-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 17px;border-top:1px solid #2b3325;font-size:8px;color:#6c805a}.queue-footer>span:first-child{display:flex;align-items:center;gap:5px}.queue-collapsed .panel-heading{min-height:52px}.chat-panel{background:#1b2017;min-height:0;min-width:0;display:flex;flex-direction:column;position:relative}.chat-heading{height:72px;flex-shrink:0;border-bottom:1px solid #303a28;align-items:flex-start;padding:21px 24px 17px;flex-direction:column;justify-content:center;gap:6px}.chat-heading>div>svg{width:16px;color:#a9b99a}.chat-heading h2{font-size:13px}.chat-heading .subtle-badge{height:17px;min-width:18px;font-size:8px;margin-left:2px}.chat-heading-note{font-size:9px;color:#788c68;letter-spacing:.1px;margin-left:25px}.chat-messages{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;padding:0 23px 0 20px;scroll-behavior:smooth}.chat-welcome{display:flex;flex-direction:column;align-items:center;text-align:center;padding:31px 0 25px}.chat-welcome-icon{height:43px;width:43px;background:#c2ee8112;border:1px solid #4a5b38;color:#bbd7a1;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:13px;transform:rotate(-5deg)}.chat-welcome h3{font-size:14px;letter-spacing:-.3px;font-weight:600;color:#c5d3b9}.chat-welcome p{font-size:10px;line-height:1.8;color:#7f936d;margin-top:7px}.chat-date{font-size:8px;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:10px;width:100%;color:#617650;margin-top:25px;white-space:nowrap}.chat-date:before,.chat-date:after{content:"";height:1px;flex:1;background:#303c27}.message{display:flex;gap:10px;position:relative;padding:0 0 18px;min-width:0}.message-grouped{margin-top:-11px}.message-avatar{width:31px;flex-shrink:0}.message-body{flex:1;min-width:0}.message-meta{display:flex;align-items:center;gap:6px;margin-top:1px;margin-bottom:5px}.message-meta strong{font-size:10px;font-weight:600;color:#d5dfcb;white-space:nowrap;max-width:65%;overflow:hidden;text-overflow:ellipsis}.message-meta time{font-size:8px;color:#617a4f;margin-left:4px;font-variant-numeric:tabular-nums}.you-label{font-size:7px;color:#839b6f;background:#2f3c25;padding:1px 4px;border-radius:3px}.message-text{font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;color:#bfcdb1;padding-right:20px}.message-gif{display:block;max-width:min(100%,280px);max-height:220px;object-fit:contain;object-position:left center;border-radius:8px;margin-top:7px;background:#141c0d;min-height:40px}.gif-unavailable{font-size:10px;color:#859a72;min-width:130px;padding:12px}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.message-reactions:empty{display:none}.reaction{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:#28351f;border:1px solid #3b4b30;border-radius:5px;min-width:36px;height:24px;padding:0 6px;font-size:13px}.reaction>span{font-size:9px;color:#96ae81}.reaction:hover,.reaction-active{background:#c2ee811a;border-color:#79995c}.reaction-active>span{color:var(--lime)}.message-react-action{position:absolute;right:-6px;top:-3px;z-index:2}.message-react-action>.icon-button{opacity:0;width:25px;height:25px;background:#1b2017}.message:hover .message-react-action>.icon-button,.message:focus-within .message-react-action>.icon-button,.message-react-action>.icon-button.is-open{opacity:1}.reaction-picker{position:absolute;right:0;top:28px;display:flex;align-items:center;gap:2px;border:1px solid #546743;padding:5px;border-radius:8px;box-shadow:0 8px 20px #0005;background:#2b3821;width:max-content;z-index:6}.reaction-picker>button{background:transparent;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:17px;border-radius:5px}.reaction-picker>button:hover{background:#c2ee8126}.reaction-picker>button:last-child{width:20px;color:#9bae89}.chat-bottom-space{height:5px}.unread-button{position:absolute;bottom:160px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;font-size:10px;color:#253516;background:var(--lime);border-radius:20px;padding:8px 13px;box-shadow:0 5px 20px #0003;z-index:5;white-space:nowrap}.composer{border-top:1px solid #303c27;margin:0 20px 0 21px;padding:15px 0 11px;flex-shrink:0;position:relative}.composer textarea{width:100%;display:block;padding:13px 14px 5px;min-height:47px;max-height:128px;line-height:1.7;background:#12190e;border-color:#3c4a30;border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;font-size:11px;color:#d5e3c8;box-shadow:none}.composer textarea::placeholder{color:#6d845b}.composer-tools{display:flex;align-items:center;justify-content:space-between;background:#12190e;border:1px solid #3c4a30;border-top:0;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:4px 9px 9px}.composer:focus-within textarea,.composer:focus-within .composer-tools{border-color:#6d8b50}.composer-tools-left{display:flex;align-items:center;gap:7px}.composer-tools-left>.emoji-anchor>.icon-button{color:#91aa7c;width:27px;height:27px}.gif-button{background:transparent;font-size:9px;font-weight:700;letter-spacing:.5px;color:#92a97c;border:1px solid #6c8258;padding:2px 3px;line-height:1;border-radius:3px;height:16px}.gif-button:hover:not(:disabled){color:var(--lime);border-color:var(--lime)}.composer-hint{font-size:8px;color:#536b41;margin-left:4px}.send-button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--lime);border-radius:7px;color:#253916}.send-button:disabled{opacity:.38}.composer-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:10px;color:#5f7850;font-size:8px;line-height:1.4}.emoji-anchor{position:relative;display:flex}.emoji-picker{position:absolute;bottom:38px;left:-5px;background:#26331d;border:1px solid #536842;border-radius:10px;padding:10px;width:254px;box-shadow:0 12px 35px #0006;z-index:12}.emoji-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9bb485;margin-bottom:8px;padding-left:5px}.emoji-heading .icon-button{width:23px;height:23px}.emoji-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.emoji-grid button{font-size:24px;display:flex;align-items:center;justify-content:center;height:37px;background:transparent;border-radius:6px}.emoji-grid button:hover{background:#c2ee8120}.draft-gif{display:flex;align-items:center;position:relative;gap:11px;margin-bottom:10px;padding:8px;border:1px solid #3c4a30;border-radius:7px;background:#12190e}.draft-gif img{height:63px;max-width:105px;object-fit:contain;border-radius:4px}.draft-gif .icon-button{position:absolute;right:3px;top:3px;width:22px;height:22px}.draft-gif>span{font-size:10px;color:#8ea47c;padding-right:15px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#060a04b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.dialog{width:min(100%,480px);max-height:calc(100dvh - 48px);overflow-y:auto;padding:26px;background:#20271b;border:1px solid #46553a;border-radius:15px;box-shadow:0 30px 90px #0006}.dialog-wide{width:min(100%,620px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:25px}.dialog-heading h2{font-size:20px;font-weight:600;letter-spacing:-.6px;line-height:1.4}.dialog-heading p{font-size:11px;color:#92a47f;line-height:1.8;margin-top:7px}.dialog-heading>.icon-button{margin-right:-8px;margin-top:-5px}.dialog .segmented{margin-top:0}.dialog .welcome-form>input{margin-bottom:12px}.dialog .welcome-form>.muted{margin:0 0 15px}.dialog-note{display:flex;gap:8px;align-items:flex-start;color:#8b9f78;font-size:11px;line-height:1.8;margin-top:18px}.dialog-note svg{margin-top:2px;color:#a3be8a}.copy-field{display:flex;gap:8px}.copy-field input{font-size:11px;flex:1;height:40px;background:#151e0f;border-color:#405334}.copy-field .button{font-size:11px;padding:0 12px}.member-list{display:flex;flex-direction:column;gap:18px}.member-list>div{display:flex;align-items:center;gap:12px}.member-list>div>span:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1}.member-list strong{font-weight:500;font-size:12px}.member-list small{color:#8fa57a;font-size:10px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #39482f}.setting-row:first-of-type{padding-top:0}.setting-row strong{font-weight:500;font-size:12px}.setting-row p{color:#8da276;font-size:10px;line-height:1.8;margin-top:7px}.setting-row select{height:37px;font-size:10px;max-width:140px;flex-shrink:0;border-color:#425735}.switch-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:37px;height:22px;padding:0;flex-shrink:0;border-radius:15px;border:1px solid #667b51;background:#26351b;position:relative;cursor:pointer}.switch-input:before{content:"";display:block;position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#879c73;transition:transform .15s}.switch-input:checked{background:var(--lime);border-color:var(--lime)}.switch-input:checked:before{background:#354b23;transform:translate(14px)}.upload-zone{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;width:100%;border:1px dashed #617b4b;min-height:170px;border-radius:10px;background:#c2ee8106;color:#accd8e;padding:20px}.upload-zone:hover:not(:disabled){background:#c2ee8110;border-color:var(--lime)}.upload-zone strong{font-size:13px;font-weight:500}.upload-zone span{font-size:10px;color:#829c6b}.upload-zone+.muted{margin-top:12px}.dialog>.form-error{margin-top:15px}.history-list{max-height:50dvh;overflow-y:auto}.history-track{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #35462a}.history-track>img{width:62px;height:40px;object-fit:cover;border-radius:5px}.history-track>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}.history-track strong{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-track span{font-size:9px;color:#8fa77a}.history-track .icon-button{width:26px}.empty-dialog{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:25px 0;color:#a8c48e}.empty-dialog p{font-size:12px}.empty-dialog span{font-size:10px;color:#7d9967}.export-history{margin-top:20px}.about-content{font-size:12px;line-height:1.9;color:#adbea0}.about-content>p{margin-bottom:16px}.about-links{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:16px}.about-links>a{display:flex;align-items:center;gap:5px;color:#c5e4a5;font-size:11px}.about-links>a:hover{text-decoration:underline}.about-content+.button{margin-top:10px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:11px;max-width:min(600px,calc(100% - 32px));padding:12px 13px 12px 17px;background:#37442c;border:1px solid #6a8056;border-radius:10px;box-shadow:0 10px 35px #0005;color:#e1ebd9;font-size:12px;line-height:1.7}.toast>span{flex:1}.toast>svg{color:#c5dcae}.toast-error{background:#3b3024;border-color:#755d43;color:#f1d7b6}.toast-error>svg{color:#e1b484}.toast>.icon-button{width:23px;height:23px}@media(min-width:1550px){.room-header{height:108px}.listening-panel{padding:31px 38px 0}.chat-heading{height:79px}.playing-details h2{font-size:21px}.panel-heading h2,.chat-heading h2{font-size:14px}.track-info>strong{font-size:12px}.track-info>span{font-size:10px}.message-text{font-size:13px}.message-meta strong{font-size:12px}.message-meta time{font-size:9px}.composer textarea,.add-track-form input{font-size:12px}.chat-welcome p{font-size:11px}.chat-messages{padding:0 30px}.composer{margin-left:28px;margin-right:28px}}@media(max-width:1150px){.room-header{padding:0 23px}.header-right{gap:14px}.participants-button>span:last-child{display:none}.listening-panel{padding:22px 20px 0}.room-header h1{font-size:20px}.connection-badge{font-size:8px;padding:3px 5px;gap:4px}.room-header h1{gap:9px}.chat-heading{padding-left:19px}.chat-messages{padding-left:15px;padding-right:17px}.composer{margin-left:15px;margin-right:15px}.track-actions{display:none}.track-menu-mobile{display:block;position:relative}.track-menu-mobile>.icon-button{width:23px}.track-dropdown{position:absolute;right:0;top:30px;width:150px;background:#2d3923;border:1px solid #536b3c;padding:5px;border-radius:7px;z-index:9;box-shadow:0 8px 20px #0005}.track-dropdown>button{display:block;text-align:left;background:transparent;padding:8px;width:100%;font-size:10px;color:#c9dab9;border-radius:3px}.track-dropdown>button:hover{background:#c2ee8112}.fair-label{font-size:0;gap:0}.fair-label svg{width:14px}.composer-hint{display:none}.player-controls{gap:7px;padding:10px}.player-volume input{width:37px}.player-time{font-size:9px}.landing{padding:30px 36px 22px}.landing-grid{gap:45px;margin-top:55px}.landing h1{font-size:55px}.landing-benefits{gap:12px}.landing-benefits>span{font-size:10px}.welcome-panel{padding:27px 24px}.welcome-panel h2{font-size:22px}.landing-note{font-size:10px}.playing-details{align-items:flex-start}.playing-details h2{font-size:16px}.vote-button{padding:6px;gap:4px;font-size:9px}.vote-button>span{display:none}.vote-button small{font-size:8px;padding-left:5px}.add-track-form{gap:6px;margin-left:12px;margin-right:12px;padding-left:8px}.add-track-form input{font-size:9px}.add-track-form .button{padding:0 7px;font-size:9px}.add-track-form .button>span{display:none}.queue-list,.panel-heading{padding:0 12px}.track-thumbnail{width:46px;height:32px}.queue-track{gap:7px}.track-info>strong{font-size:10px}.queue-footer{padding:11px 12px;font-size:7px}.queue-footer>span:first-child{gap:4px}}@media(max-width:850px){.landing-grid{grid-template-columns:1fr 1fr;gap:28px}.landing h1{font-size:46px;letter-spacing:-2.5px}.landing-story>.eyebrow{font-size:8px;letter-spacing:1.5px}.landing-description{font-size:12px}.landing-benefits{flex-direction:column;gap:10px}.record-illustration{transform:scale(.8);transform-origin:top left;margin-top:32px;height:180px;width:270px}.welcome-panel{padding:25px 20px}.welcome-panel h2{font-size:21px}.welcome-description{font-size:11px}.welcome-footnote{font-size:9px}.landing-grid{margin-top:45px}.side-rail{width:58px;padding-top:21px;gap:33px}.side-rail .brand-symbol{width:32px;height:32px}.side-rail .icon-button{width:36px;height:36px}.room-header{height:84px;padding:0 18px}.room-header h1{font-size:18px}.connection-badge{display:none}.room-title-block>.eyebrow{font-size:8px}.header-right{gap:10px}.participants-button .avatar:nth-child(n+3){display:none}.invite-button{font-size:10px;min-height:34px;padding:0 10px}.listening-panel{padding:18px 14px 0}.now-playing-heading>span:first-child{font-size:8px}.room-private,.chat-heading-note{font-size:8px}.chat-heading{padding:17px 14px;height:66px}.chat-heading h2{font-size:12px}.chat-messages{padding:0 12px}.chat-welcome{padding-top:25px}.chat-welcome p{font-size:9px}.chat-welcome h3{font-size:13px}.composer{margin:0 11px;padding-top:12px}.composer textarea{font-size:10px;padding:11px 10px 4px}.message{gap:7px}.message-avatar{width:27px}.message-avatar .avatar{width:27px;height:27px;font-size:9px}.message-text{font-size:11px}.message-meta strong{font-size:9px}.message-meta time{font-size:7px}.message-meta{gap:4px}.player-volume input{display:none}.player-status{font-size:8px}.queue-footer>span:last-child{display:none}.playing-details{margin:16px 0 22px}.playing-details h2{font-size:14px}.playing-details p{font-size:9px}}@media(max-width:700px){.app-shell{min-height:420px}.side-rail{display:none}.room-header{height:81px;padding:0 17px;gap:8px}.room-header h1{font-size:18px;max-width:calc(100vw - 180px)}.room-title-block>.eyebrow{font-size:7px;letter-spacing:1.5px}.invite-button{width:33px;height:33px;padding:0}.invite-button>span{display:none}.participants-button .avatar{width:28px;height:28px;font-size:9px}.participants-button .avatar:nth-child(n+4){display:none}.participants-button .avatar:nth-child(3){display:flex}.header-right{gap:12px}.mobile-tabs{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 16px;border-bottom:1px solid var(--line-soft);background:#171c13;flex-shrink:0}.mobile-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-height:36px;background:transparent;color:#82966f;border-radius:6px;font-size:11px}.mobile-tabs button[aria-selected=true]{background:#2b3820;color:#c9e6ac}.mobile-tabs button>span{font-size:8px;background:#344828;padding:2px 5px;border-radius:4px}.room-grid{display:flex;flex:1;min-height:0}.room-grid>.listening-panel,.room-grid>.chat-panel{width:100%}.room-grid.mobile-listen>.chat-panel,.room-grid.mobile-chat>.listening-panel{display:none}.chat-divider{display:none}.listening-panel{padding:20px 17px 0}.now-playing-heading{margin-bottom:13px}.now-playing-heading>span:first-child{font-size:9px}.room-private{font-size:9px}.youtube-shell{border-radius:9px}.player-stage{aspect-ratio:16/9}.player-controls{padding:12px;gap:9px}.player-volume input{display:block;width:40px}.player-time{font-size:10px}.player-icon-button{width:30px;height:30px}.player-activation,.player-warning{padding:11px 13px;font-size:10px;flex-wrap:wrap}.playing-details{margin:18px 0 24px;gap:12px}.playing-details h2{font-size:17px}.playing-details p{font-size:10px}.vote-button{padding:7px 8px;font-size:10px}.vote-button>span{display:inline}.vote-button small{font-size:9px}.panel-heading{padding:0 15px;min-height:56px}.panel-heading h2{font-size:13px}.fair-label{font-size:8px;gap:4px}.add-track-form{margin:0 14px 13px;padding:4px 4px 4px 10px;gap:9px}.add-track-form input{font-size:10px}.add-track-form .button{padding:0 10px;font-size:10px}.add-track-form .button>span{display:inline}.queue-list{padding:0 14px}.track-thumbnail{width:57px;height:36px}.track-info>strong{font-size:11px}.track-info>span{font-size:9px}.queue-track{gap:9px;padding:12px 0}.queue-footer{padding:13px 14px;font-size:9px}.queue-footer>span:last-child{display:inline;font-size:8px}.empty-queue strong{font-size:12px}.empty-queue p{font-size:10px}.chat-heading{display:none}.chat-messages{padding:0 19px}.chat-welcome{padding-top:28px}.chat-welcome p{font-size:10px}.chat-welcome h3{font-size:14px}.chat-date{font-size:8px;margin-top:23px}.message-avatar{width:31px}.message-avatar .avatar{width:31px;height:31px;font-size:10px}.message{gap:10px;padding-bottom:20px}.message-grouped{margin-top:-13px}.message-meta strong{font-size:11px}.message-meta time{font-size:8px}.message-meta{gap:6px}.message-text{font-size:12px}.message-react-action>.icon-button{opacity:1}.composer{margin:0 16px;padding:12px 0 max(10px,env(safe-area-inset-bottom))}.composer textarea{padding:13px 12px 5px;font-size:12px;min-height:46px}.composer-tools{padding:5px 9px 9px}.composer-bottom{font-size:8px}.composer-hint{display:inline;font-size:8px}.send-button{width:33px;height:33px}.connection-banner{padding:9px 17px;font-size:10px;line-height:1.6}.listening-footer{padding:25px 0 20px}.listening-footer>span,.listening-footer>.text-button{font-size:10px}.dialog{padding:23px 20px}.dialog-backdrop{padding:16px}.dialog-heading h2{font-size:19px}.dialog-heading p{font-size:11px}.setting-row{gap:12px}.setting-row select{max-width:135px}.toast{bottom:18px;font-size:11px}.landing{padding:24px 23px 22px}.landing-header .brand{font-size:24px}.landing-note{font-size:0;gap:0}.landing-note .status-dot{width:7px;height:7px}.landing-grid{display:flex;flex-direction:column;gap:32px;margin:41px auto 34px;max-width:460px}.landing-story{width:100%}.landing h1{font-size:52px;letter-spacing:-2.9px}.landing h1 br:nth-child(2){display:none}.landing h1 em:before{content:" "}.landing-story>.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:20px}.landing-description{font-size:13px;line-height:1.9;margin-top:21px;max-width:340px}.landing-benefits{flex-direction:row;gap:12px 17px;margin-top:20px}.landing-benefits>span{font-size:10px}.record-illustration{display:none}.welcome-panel{width:100%;padding:25px 25px 24px}.welcome-icon{width:40px;height:40px;margin-bottom:18px}.welcome-panel h2{font-size:24px}.welcome-description{font-size:12px}.welcome-panel>.eyebrow{font-size:9px}.welcome-form>input{font-size:13px;height:46px}.welcome-form>label{font-size:12px}.welcome-submit{height:46px;font-size:12px}.welcome-footnote{font-size:10px}.landing-footer{font-size:9px;gap:15px;line-height:1.7}.landing-footer>span:last-child{max-width:160px;text-align:right}.recent-rooms h3{font-size:11px}}@media(max-width:380px){.room-header h1{font-size:16px}.participants-button .avatar:nth-child(n+3){display:none}.room-header h1{max-width:calc(100vw - 145px)}.player-volume input{display:none}.player-controls{gap:7px}.player-stage,.player-stage iframe,.player-empty{min-height:200px}.vote-button>span{display:none}.playing-details h2{font-size:15px}.fair-label{font-size:0;gap:0}.queue-footer>span:last-child{display:none}.composer-hint{display:none}.copy-field{flex-direction:column}.copy-field input{flex:auto;width:100%}.landing h1{font-size:45px}.welcome-panel{padding:23px 20px}.welcome-panel h2{font-size:21px}.setting-row{flex-wrap:wrap}.setting-row>div{flex:1;min-width:160px}}.player-controls{display:block;padding:12px 15px}.player-progress{display:flex;width:100%;align-items:center;gap:9px;height:auto;min-height:15px;margin-bottom:8px}.player-progress input{flex:1;min-width:0;accent-color:var(--lime);height:4px;padding:0;border:0}.player-actions{width:100%;gap:9px}.player-actions>.player-status{margin-right:auto;margin-left:4px}.player-icon-button:first-child{background:transparent;color:#cad5bf}.player-icon-button.primary-play{background:var(--lime);color:#27391a}.player-empty h2{font-size:18px;font-weight:500;letter-spacing:-.5px;color:#c2d3b2}.player-empty>.eyebrow{font-size:8px;letter-spacing:1.8px;color:#758967}.player-empty .empty-record{width:75px;height:75px;border:1px solid #4c6039;box-shadow:0 0 0 8px #27351c,0 0 0 9px #3d502d,0 0 0 17px #192411;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:12px 0 17px}.player-empty .empty-record svg{width:34px;height:34px}.player-activation>span,.player-warning>span{flex:1}.player-warning{flex-wrap:wrap}.player-warning>a{display:inline-flex;align-items:center;gap:5px;font-size:10px}.player-volume .player-icon-button{width:24px;min-width:24px}@media(max-width:850px){.player-controls{padding:10px}.player-actions{gap:5px}.player-actions>.player-status{font-size:8px;gap:4px;margin-left:0}.player-volume .player-icon-button{width:22px;min-width:22px}.player-empty h2{font-size:15px}.player-empty{gap:10px;padding:18px}.player-empty .empty-record{width:56px;height:56px;margin:6px 0 13px;box-shadow:0 0 0 6px #27351c,0 0 0 7px #3d502d,0 0 0 13px #192411}.player-empty .empty-record svg{width:27px;height:27px}}@media(max-width:700px){.room-grid.mobile-chat{flex-direction:column}.room-grid.mobile-chat>.listening-panel{display:flex;flex:none;overflow:visible;padding:10px 16px 0}.room-grid.mobile-chat>.listening-panel>.now-playing-heading,.room-grid.mobile-chat>.listening-panel>.playing-details,.room-grid.mobile-chat>.listening-panel>.queue-panel,.room-grid.mobile-chat>.listening-panel>.listening-footer{display:none}.room-grid.mobile-chat .player-stage{height:200px;min-height:200px;aspect-ratio:auto}.room-grid.mobile-chat .player-stage iframe{height:200px;min-height:200px}.room-grid.mobile-chat .player-progress{display:none}.room-grid.mobile-chat .player-controls{padding:7px 10px}.room-grid.mobile-chat .player-warning,.room-grid.mobile-chat .player-activation{padding:6px 9px;font-size:9px;gap:6px}.room-grid.mobile-chat .player-warning button,.room-grid.mobile-chat .player-activation button{padding:5px 7px;font-size:9px}.room-grid.mobile-chat>.chat-panel{flex:1}.room-grid.mobile-chat .chat-welcome{padding:17px 0}.room-grid.mobile-chat .chat-welcome-icon{display:none}.room-grid.mobile-chat .chat-date{margin-top:15px}.room-grid.mobile-chat .player-empty .empty-record{margin:0 0 7px}.room-grid.mobile-chat .player-empty{gap:7px}.player-actions>.player-status{font-size:9px}.player-empty h2{font-size:16px}}.mobile-menu-button{display:none}.mobile-room-menu{display:flex;flex-direction:column;gap:4px}.mobile-room-menu>button{display:flex;align-items:center;gap:13px;min-height:53px;padding:10px 9px;background:transparent;border-radius:7px;text-align:left;font-size:13px;color:#d6e3ca}.mobile-room-menu>button:hover{background:#c2ee8110}.mobile-room-menu>button>svg:first-child{color:#9eb985}.mobile-room-menu>button>span:first-of-type{flex:1}.mobile-room-menu>button>svg:last-child{color:#6c8557}.mobile-room-menu>button:last-child{border-top:1px solid #39482f;border-radius:0;margin-top:7px;padding-top:15px}@media(max-width:700px){.app-shell{height:var(--app-height,100dvh);min-height:0}.room-shell{min-height:0}.room-title-block{flex:1}.room-header{gap:9px}.room-header h1{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:17px}.header-right{gap:7px}.invite-button{width:44px;height:44px;min-height:44px}.mobile-menu-button{display:inline-flex;width:44px;height:44px;background:#252f1e;border:1px solid #3c4d2e;color:#b5cda0}.participants-button{min-width:44px;min-height:44px;justify-content:center}.mobile-tabs{padding:5px 12px}.mobile-tabs>button{min-height:44px}.mobile-tabs>button:last-child{font-size:11px}.room-grid.mobile-chat>.listening-panel{padding-top:8px}.room-grid.mobile-chat .player-controls{padding:4px 9px}.room-grid.mobile-chat .player-actions>.player-icon-button{min-width:44px;width:44px;height:44px}.room-grid.mobile-chat .player-actions{gap:2px}.player-actions>.player-icon-button,.player-volume .player-icon-button{min-width:44px;width:44px;height:44px}.player-volume input{width:45px;height:24px}.player-controls{padding:9px}.player-actions{gap:3px}.player-actions>.player-status{font-size:8px;margin-left:1px;gap:3px}.player-progress{min-height:28px;margin-bottom:4px}.player-progress input{height:24px}.player-activation button,.player-warning button{min-height:44px;padding:8px 12px}.room-grid.mobile-chat .player-warning button,.room-grid.mobile-chat .player-activation button{min-height:44px;padding:7px 10px}.vote-button{min-height:44px;padding:9px 11px}.queue-tools .icon-button{width:44px;height:44px}.fair-label{font-size:8px;gap:4px;margin-right:0}.panel-heading{padding:0 12px}.queue-tools{gap:0!important}.track-thumbnail{width:58px;height:44px}.track-menu-mobile>.icon-button{width:44px;height:44px}.track-dropdown{width:175px}.track-dropdown>button{min-height:44px;font-size:12px;padding:10px}.track-info>span{font-size:10px}.add-track-form{margin-left:12px;margin-right:12px;padding-left:9px;gap:7px}.add-track-form input{font-size:16px;height:44px}.add-track-form .button{min-height:44px;min-width:44px;padding:0 10px}.add-track-form .button>span{display:none}.queue-footer{font-size:8px}.composer textarea{font-size:16px;min-height:49px;line-height:1.55;padding:11px 12px 4px}.composer-tools{padding:3px 6px 6px}.composer-tools-left{gap:5px}.composer-tools-left>.emoji-anchor>.icon-button{width:44px;height:44px}.gif-button{position:relative;border:0;height:44px;width:44px;padding:0;font-size:10px;letter-spacing:.5px;line-height:1.2}.gif-button:before{content:"";position:absolute;width:28px;height:20px;left:8px;top:12px;border:1px solid #839e69;border-radius:4px}.gif-button:hover:before{border-color:var(--lime)}.send-button{width:44px;height:44px}.composer-hint{display:none}.draft-gif .icon-button{width:44px;height:44px}.draft-gif>span{padding-right:34px}.message-react-action>.icon-button{width:44px;height:44px}.message-react-action{right:-5px;top:-8px}.message-text{padding-right:32px}.reaction{min-width:44px;height:38px;font-size:16px;padding:0 9px}.reaction>span{font-size:11px}.reaction-picker{right:0;top:44px;gap:0;padding:4px;max-width:calc(100vw - 36px)}.reaction-picker>button{width:38px;height:44px;font-size:20px}.reaction-picker>button:last-child{width:32px}.emoji-picker{bottom:51px;left:0;width:254px;max-height:min(280px,calc(var(--app-height,100dvh) - 150px));overflow-y:auto;overscroll-behavior:contain;padding:8px}.emoji-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.emoji-grid button{height:44px;min-width:44px;font-size:25px}.emoji-heading .icon-button{width:44px;height:44px}.emoji-heading{margin-bottom:3px}.dialog-heading>.icon-button{width:44px;height:44px;flex-shrink:0;margin-right:-7px;margin-top:-7px}.dialog{max-height:calc(var(--app-height,100dvh) - 24px);padding:22px 19px}.dialog-backdrop{padding:12px}.dialog .button{min-height:44px}.dialog .segmented>button{min-height:44px}.dialog input:not([type=checkbox]),.dialog select,.welcome-form>input{font-size:16px;min-height:46px}.setting-row select{width:100%;max-width:none}.setting-row{flex-wrap:wrap;gap:13px}.setting-row>div{flex:1;min-width:190px}.setting-row input.switch-input{width:44px;height:26px}.setting-row input.switch-input:before{width:18px;height:18px}.setting-row input.switch-input:checked:before{transform:translate(18px)}.history-track .icon-button{width:44px;height:44px}.history-track{gap:6px}.history-track>img{width:49px;height:38px}.history-track strong{font-size:11px}.copy-field{flex-wrap:wrap}.copy-field input{min-width:150px;flex:1}.copy-field .button{flex-shrink:0}.landing .segmented>button{min-height:44px}.landing .welcome-submit{min-height:48px}.welcome-form>input{height:48px}.landing .text-button{min-height:44px}.recent-rooms>button{min-height:48px}.toast>.icon-button{width:44px;height:44px}.toast{padding:8px 9px 8px 14px;max-width:calc(100% - 24px)}.app-shell.keyboard-open{display:block;overflow:auto;overscroll-behavior:contain}.keyboard-open .room-shell{height:max(var(--app-height,100dvh),360px);min-height:360px}.keyboard-open .room-header,.keyboard-open .mobile-tabs{display:none}.keyboard-open .room-grid{overflow:visible}.keyboard-open .room-grid.mobile-chat>.listening-panel{padding:0;overflow:visible}.keyboard-open .room-grid.mobile-chat .youtube-shell{border-radius:0;border-left:0;border-right:0}.keyboard-open .room-grid.mobile-chat .player-controls{display:none}.keyboard-open .room-grid.mobile-chat>.chat-panel{min-height:130px}.keyboard-open .composer{padding-top:5px;padding-bottom:5px;margin:0 10px}.keyboard-open .composer-bottom{display:none}.keyboard-open .composer textarea{min-height:42px;padding-top:7px}.keyboard-open .composer-tools{padding-bottom:4px}.keyboard-open .chat-welcome{padding-top:10px}.keyboard-open .chat-welcome p,.keyboard-open .chat-welcome-icon,.keyboard-open .chat-date{display:none}.keyboard-open .message{padding-bottom:12px}.keyboard-open .message-grouped{margin-top:-5px}.keyboard-open .chat-messages{min-height:18px}.keyboard-open .room-grid.mobile-chat .player-stage,.keyboard-open .room-grid.mobile-chat .player-stage iframe{height:200px;min-height:200px}}@media(max-width:390px){.participants-button .avatar:nth-child(n+2){display:none}.room-header{padding-left:14px;padding-right:12px}.room-header h1{font-size:16px}.player-volume input,.player-status .status-dot{display:none}.fair-label{font-size:0;gap:0}.fair-label>svg{width:14px}.track-info>strong{font-size:11px}.track-info>span{font-size:9px}.message-gif{max-width:100%}.history-track>.icon-button{width:40px;min-width:40px}.mobile-tabs>button:last-child{font-size:10px}.queue-footer>span:last-child{display:none}}@media(max-width:700px)and (max-height:600px){.app-shell:not(.keyboard-open){display:block;overflow-y:auto;overscroll-behavior:contain}.app-shell:not(.keyboard-open) .room-shell{height:max(var(--app-height,100dvh),600px);min-height:600px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.emoji-picker{width:min(350px,calc(100vw - 56px));height:min(420px,calc(var(--app-height,100dvh) - 130px));max-height:none;padding:12px;overflow:hidden;display:flex}.emoji-catalog{display:flex;flex-direction:column;gap:10px;width:100%;min-width:0;min-height:0;flex:1}.emoji-catalog .emoji-heading{flex-shrink:0;min-height:32px;margin:0;gap:8px}.emoji-catalog .emoji-heading strong{font-size:12px;font-weight:600;color:#dce8d0}.emoji-catalog .emoji-heading .icon-button{width:32px;height:32px;margin-left:auto}.emoji-search{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 11px;border:1px solid #4b5f3b;background:#182012;border-radius:7px;flex-shrink:0;color:#96ac82}.emoji-search:focus-within{border-color:var(--lime);box-shadow:0 0 0 2px #c2ee8114}.emoji-search input{height:40px;width:100%;border:0;background:transparent;padding:0;font-size:13px;outline:none;box-shadow:none}.emoji-categories{display:flex;gap:6px;flex-shrink:0;overflow-x:auto;max-width:100%;padding:1px 0 5px;overscroll-behavior-x:contain}.emoji-categories>button{flex:none;min-height:32px;padding:0 10px;background:#192214;border:1px solid #3c4e2d;border-radius:6px;color:#a8bd95;font-size:10px;white-space:nowrap}.emoji-categories>button[aria-pressed=true]{background:#c2ee811c;border-color:#96b96c;color:var(--lime)}.emoji-categories>button:hover{background:#c2ee8125;color:#e2f0d5}.emoji-results{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 2px 5px}.emoji-results>section+section{margin-top:14px}.emoji-results h3{font-size:10px;font-weight:600;color:#99ae86;letter-spacing:.5px;margin:4px 0 8px}.emoji-catalog .emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:4px}.emoji-catalog .emoji-grid>button{display:flex;align-items:center;justify-content:center;height:42px;min-width:0;border-radius:7px;background:transparent;font-size:25px;line-height:1}.emoji-catalog .emoji-grid>button:hover{background:#c2ee811c;box-shadow:inset 0 0 0 1px #c2ee8130}.emoji-catalog-embedded{height:min(430px,calc(var(--app-height,100dvh) - 180px));min-height:130px;flex:none}.picker-empty{font-size:12px;line-height:1.7;color:#a5b497;text-align:center;padding:24px 12px}.gif-tabs{margin-top:18px;margin-bottom:20px}.gif-tabs>button{min-width:0;white-space:nowrap}.giphy-browser{min-width:0}.giphy-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:#b4c5a3;font-size:12px;font-weight:500}.giphy-attribution{display:inline-flex;align-items:center;flex-shrink:0;line-height:0;border-radius:3px}.giphy-attribution img{display:block;width:128px;max-width:100%;height:auto}.giphy-attribution-small img{width:98px}.giphy-search{display:flex;align-items:stretch;gap:8px;margin-bottom:10px}.giphy-search input{flex:1;min-width:0;font-size:13px;height:44px;border-color:#455637}.giphy-search>.button{width:44px;min-width:44px;min-height:44px;padding:0}.giphy-suggestions{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.giphy-suggestions>button{min-height:32px;padding:0 11px;font-size:11px;background:#2c3822;border:1px solid #465c34;border-radius:6px;color:#b6cfa0}.giphy-suggestions>button:hover:not(:disabled){background:#394a2b;color:#e1f1d1}.giphy-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:min(390px,45dvh);overflow-y:auto;overscroll-behavior:contain;padding:2px}.giphy-result{display:flex;flex-direction:column;min-width:0;min-height:96px;overflow:hidden;padding:0;border-radius:8px;border:1px solid #3f5230;background:#141b10;text-align:left}.giphy-result:hover:not(:disabled),.giphy-result:focus-visible{border-color:var(--lime);box-shadow:0 0 0 2px #c2ee8133}.giphy-result>img{display:block;width:100%;height:108px;object-fit:contain;background:#11180e;color:#a9bb99;font-size:11px}.giphy-result>span{display:block;width:100%;padding:6px 7px;color:#9aaf88;font-size:9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.giphy-status{display:flex;justify-content:center;align-items:center;gap:10px;min-height:66px;font-size:12px;color:#acc398}.giphy-unavailable{display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 14px;gap:13px;border:1px dashed #4c603b;border-radius:10px;background:#192214;color:#a9c092}.giphy-unavailable>svg{color:#b2cf94}.giphy-unavailable h3{font-size:15px;font-weight:600;line-height:1.5;color:#d5e5c5}.giphy-unavailable p{max-width:340px;font-size:12px;line-height:1.8;color:#9eaf90}.giphy-load-more{display:flex;width:100%;margin-top:13px}.giphy-privacy{margin-top:14px;font-size:10px;line-height:1.7;color:#8d9c80}.giphy-browser .form-error{margin-bottom:12px}.giphy-browser .form-error .text-button{color:#f0d7be;min-height:34px;margin-top:5px}.giphy-message{max-width:100%;margin-top:5px}.giphy-message-credit{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:7px 0 5px;color:#8e9e7f;font-size:10px}.giphy-message-credit>span{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.giphy-message-placeholder{display:flex;align-items:flex-start;flex-direction:column;gap:8px;max-width:270px;min-height:80px;padding:12px 14px;background:#182013;border:1px solid #3c4f2d;border-radius:8px;font-size:11px;color:#a6ba94;line-height:1.6}.giphy-message-placeholder>a{display:inline-flex;align-items:center;gap:5px;color:#c7e1b0}.giphy-message-placeholder>button{min-height:34px;padding:0 10px;border-radius:5px;background:#35472a;font-size:11px;color:#d9e9cc}.draft-gif>span{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0}.room-effects-stage{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:12px;min-height:56px;padding:5px 10px;margin-top:10px;border:1px solid #39492c;border-radius:9px;background:linear-gradient(110deg,#1b2515,#232d1c)}.room-effects-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;contain:paint}.room-particle{position:absolute;left:var(--particle-x);top:-24px;width:24px;height:24px;font-size:21px;line-height:24px;text-align:center;opacity:0;animation:room-reaction-fall 2.8s ease-out var(--particle-delay) both}.room-particle.particle-confetti{width:6px;height:11px;margin-left:9px;background:var(--particle-color);border-radius:2px}@keyframes room-reaction-fall{0%{opacity:0;transform:translateY(-12px) rotate(0)}15%{opacity:.9}80%{opacity:.75}to{opacity:0;transform:translateY(100px) rotate(var(--particle-turn))}}.room-effects-caption{position:relative;z-index:1;display:flex;align-items:center;gap:7px;min-width:0;font-size:11px;line-height:1.5;color:#a5b995;pointer-events:none}.room-effects-caption>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-effects-caption strong{font-weight:600;color:#d7e8c9}.room-effects-open{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-height:40px;padding:0 10px;background:#304125;border:1px solid #4c6539;border-radius:7px;font-size:11px;color:#c6dfae}.room-effects-open:hover{background:#3d502f;border-color:#718d56}.room-effects-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.room-effects-options>button{display:flex;align-items:flex-start;flex-direction:column;gap:8px;padding:17px 15px;text-align:left;background:#192314;border:1px solid #405633;border-radius:10px;min-height:130px}.room-effects-options>button:hover:not(:disabled){background:#2a3a20;border-color:#95b974}.effect-choice-emoji{font-size:28px;line-height:1.2}.room-effects-options strong{font-size:13px;font-weight:600;color:#d7e7c8}.room-effects-options small{font-size:10px;line-height:1.6;color:#94aa81}.effects-local-setting{padding-top:16px!important}.member-list>div>span:nth-child(2){min-width:0}.member-list strong{overflow-wrap:anywhere}.member-role-button{flex-shrink:0;min-height:38px;padding:0 11px;background:#2e4022;border:1px solid #50693b;border-radius:6px;font-size:10px;line-height:1.4;color:#c9dfb7}.member-role-button:hover:not(:disabled){background:#3b522c;border-color:#87a866}@media(max-width:700px){.emoji-picker{left:0;bottom:51px;padding:9px;width:min(350px,calc(100vw - 56px));height:min(430px,calc(var(--app-height,100dvh) - 130px));max-height:none;overflow:hidden}.emoji-catalog{gap:8px}.emoji-catalog .emoji-heading{min-height:36px}.emoji-catalog .emoji-heading .icon-button{width:44px;height:44px;margin-top:-4px;margin-bottom:-4px}.emoji-search{min-height:44px;padding:0 9px}.emoji-search input{font-size:16px;height:42px}.emoji-categories{padding-bottom:3px;gap:5px}.emoji-categories>button{min-height:44px;padding:0 11px;font-size:11px}.emoji-catalog .emoji-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:3px}.emoji-catalog .emoji-grid>button{height:44px;min-width:44px}.emoji-results h3{font-size:11px}.emoji-catalog-embedded{height:min(430px,calc(var(--app-height,100dvh) - 160px))}.composer-tools-left>.icon-button{width:44px;height:44px}.gif-tabs{gap:2px;padding:3px;margin-top:16px;margin-bottom:16px}.gif-tabs>button{padding:4px 5px;min-height:44px;font-size:11px;gap:5px}.giphy-heading{gap:8px;font-size:11px}.giphy-attribution img{width:119px}.giphy-attribution-small img{width:94px}.giphy-search input{font-size:16px;height:46px}.giphy-search>.button{min-height:46px}.giphy-suggestions{gap:6px}.giphy-suggestions>button{min-height:44px;padding:0 11px;font-size:12px}.giphy-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:min(360px,42dvh)}.giphy-result>img{height:112px}.giphy-result>span{font-size:10px;padding:7px}.giphy-unavailable{padding:19px 11px}.giphy-unavailable h3{font-size:14px}.giphy-unavailable p{font-size:12px}.giphy-privacy{font-size:11px}.giphy-message-placeholder>button,.giphy-message-placeholder>a{min-height:44px}.giphy-message-placeholder>a{display:inline-flex;align-items:center}.room-effects-stage{gap:8px;margin-top:8px;padding:4px 8px;min-height:54px}.room-effects-caption{font-size:11px}.room-effects-open{width:44px;min-width:44px;min-height:44px;padding:0}.room-effects-open>span{display:none}.room-effects-options{gap:9px}.room-effects-options>button{padding:15px 12px;min-height:134px}.room-effects-options small{font-size:11px}.member-list>div{gap:9px}.member-role-button{min-height:44px;max-width:110px;padding:5px 10px;font-size:11px}.member-list strong{font-size:12px}.keyboard-open .room-effects-stage{display:none}}@media(max-width:700px)and (max-height:450px){.emoji-picker{height:max(180px,calc(var(--app-height,100dvh) - 105px))}.emoji-picker .emoji-categories{display:none}}@media(prefers-reduced-motion:reduce){.room-effects-particles{display:none}.room-particle{animation:none!important}}