:root{--bg: #0a0a0a;--panel: #222222;--text: #efe5df;--text-dim: #bbb;--brand: #cc3600;--brand-dark: #a72c00;--line: #444}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;background:var(--bg);color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Open Sans Condensed,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:300}h1,h2,h3,h4,h5,h6{font-family:Open Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:700;margin:0 0 .5rem}button{appearance:none;border:none;border-radius:4px;background:var(--brand);color:#fff;padding:8px 12px;font-size:14px;cursor:pointer;transition:background-color .2s ease}button:hover{background:var(--brand-dark)}input[type=text]{padding:8px;font-size:16px;border-radius:4px;border:1px solid var(--panel);background:var(--panel);color:#fff}input[type=text]:focus{outline:1px solid var(--brand)}.app-header{position:fixed;top:0;left:0;right:0;height:60px;background:var(--panel);border-bottom:2px solid var(--brand);color:var(--text);display:flex;align-items:center;gap:16px;padding:0 20px;z-index:1000}.transport-controls{display:flex;align-items:center;gap:8px;flex:1}.icon-button{background:none;border:none;color:var(--text);font-size:20px;padding:0 10px;display:grid;place-items:center;cursor:pointer}.icon-button:hover{color:#fff;background:none}.play-button{font-size:24px;color:var(--brand)}.play-button:hover{color:#e63c00}.progress-bar-container{flex:3;display:flex;align-items:center;gap:10px;justify-content:center}.timestamp{font-size:12px;color:var(--text);width:40px}.timestamp:first-of-type{text-align:right}.timestamp:last-of-type{text-align:left}.volume-controls{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:10px}.scrubber{width:100%}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:#444;border-radius:5px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--brand);border:2px solid var(--text);cursor:pointer;margin-top:-5px}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--brand);border:2px solid var(--text);cursor:pointer}.volume-slider{width:100px}.App{height:100vh;width:100vw;overflow:hidden;background:var(--bg);display:flex;flex-direction:column}.slide-container{position:relative;display:flex;width:200vw;height:100vh;min-height:100vh;align-items:flex-start;overflow:hidden;touch-action:pan-y;overscroll-behavior-x:none}.browse-slide,.play-slide{height:100vh}.browse-slide{padding:0}.browse-slide{touch-action:pan-y;overscroll-behavior-x:none}.play-slide{overflow:hidden}.app-container{display:flex;height:100vh;overflow:hidden}.playlist-column{flex-basis:50%;flex-shrink:0;height:100vh;overflow-y:auto}.player-column{flex-basis:50%;flex-shrink:0;position:sticky;top:60px;height:calc(100vh - 60px);padding:20px;border-left:1px solid var(--panel);display:flex;flex-direction:column}.player-scroll-area{flex:1;overflow-y:auto}.player-column .player-link{color:var(--brand);text-decoration:underline}.playlist-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:60px;z-index:10;background:#0a0a0a;padding:10px 20px}.playlist-header .header-logo{height:40px;width:auto;margin:10px 0 20px}.subreddit-controls{position:sticky;top:150px;z-index:10;background:#0a0a0a;padding:10px;border-bottom:1px solid rgba(255,255,255,.1)}@media(max-width:767px){.subreddit-controls{top:70px;padding:8px 0}}.sub-add-form{display:flex;gap:0;padding:0 20px}.sub-add-form input[type=text]{flex:1;border-top-right-radius:0;border-bottom-right-radius:0}.sub-add-form button{border-top-left-radius:0;border-bottom-left-radius:0;flex-shrink:0}.sub-select{display:block;width:97.5%;margin:10px 20px 0;padding:10px;background:var(--panel);color:var(--text);border:1px solid var(--panel);border-radius:4px;font-family:Open Sans Condensed,sans-serif;font-size:16px}.sub-select:focus{outline:1px solid var(--brand)}.subreddit-list{margin:10px 20px 0;padding-bottom:10px}.sub-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;margin:0 6px 6px 0;background:var(--panel);color:var(--text);border-radius:15px;font-size:15px}.sub-tag button{margin-left:2px;background:none;color:var(--brand);font-weight:700;cursor:pointer;border:none}.sub-tag button:hover{color:#e63c00}.sub-tag.favorites-mode{background:#e63946;color:#fff;border:none;font-weight:600}.sub-tag.favorites-mode .fav-icon{font-size:.9rem}.post-list{padding:60px 20px 0}.post{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding:10px;border-radius:6px;transition:background-color .2s ease;cursor:pointer}.post:hover{background:#222}.post-playing{background:var(--brand)}.post-playing .post-title{color:#fff}.post-playing .post-meta{color:var(--text)}.post.post-playing,.post.post-playing:hover{background:var(--brand)!important}@media(hover:none){.post:hover{background:inherit!important}}@media(max-width:767px){.post{padding:5px}.post-list{padding:10px 5px 0}}.thumb-wrapper{width:96px;height:96px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#000}.track-thumbnail{width:100%;height:100%;object-fit:cover;display:block}.post-content{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:6px 4px}.post-title{font-family:Open Sans,sans-serif;font-weight:700;font-size:16px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 4px}.post-meta{font-size:.95rem;color:var(--text);display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-album{font-style:italic}.separator{color:#666}.loading-indicator{text-align:center;padding:20px;color:var(--text);font-style:italic}.master-player-container{background:var(--panel);padding:15px;border-radius:8px}.master-player-container h3{color:var(--text);margin:0 0 10px}.player-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:8px;overflow:hidden}.master-player-container iframe{border:none}.track-info{margin-top:20px;padding:15px;background:var(--panel);border-radius:8px}.track-info h3{color:var(--text);padding-bottom:10px;border-bottom:1px solid var(--line)}.key-bpm-info{color:var(--text);font-size:14px;padding-bottom:15px;border-bottom:1px solid var(--line);margin-bottom:15px}.key-bpm-info .info-row{margin-bottom:8px}.key-bpm-info .info-row strong{color:var(--brand);width:60px;display:inline-block}.external-link{display:block;padding:10px 12px;border-radius:4px;background:var(--brand);color:#fff;text-decoration:none;font-weight:700;transition:background-color .2s ease;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.external-link:hover{background:var(--brand-dark)}.fav-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;margin-left:.5em;transition:transform .15s ease;color:var(--text)}.fav-btn:hover{transform:scale(1.2)}.fav-btn.active{color:#e63946}.post-fav-btn{margin-left:auto;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;color:#d3d0cb}.post-fav-btn:hover{background:none;color:#fff}.post-fav-btn svg{transition:transform .25s ease,opacity .25s ease}.post-fav-btn.active svg{transform:scale(1.15)}@media(hover:none){.post-fav-btn:active svg{transform:scale(.9)}}.mobile-player-hidden{position:fixed!important;left:-9999px!important;top:0!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}@media(max-width:768px){.app-container{flex-direction:column;padding-top:0}.volume-controls{display:none}.playlist-column,.player-column{flex-basis:100%;border-left:none;height:calc(100vh - 60px)}.playlist-header{top:0;padding-top:10px;padding-bottom:10px;min-height:40px}.thumb-wrapper{width:48px;height:48px}.post-title{font-size:15px}}@media(min-width:768px){.playlist-column::-webkit-scrollbar{width:10px}.playlist-column::-webkit-scrollbar-track{background:#111}.playlist-column::-webkit-scrollbar-thumb{background:var(--panel);border-radius:10px}.playlist-column::-webkit-scrollbar-thumb:hover{background:var(--brand-dark)}}.mobile-playbar{position:fixed;left:0;right:0;bottom:calc(62px + env(safe-area-inset-bottom));z-index:9999;background:#222222fc;color:#fff;padding:10px 12px 14px;transform:translateY(100%);transition:transform .22s cubic-bezier(.2,.8,.2,1);-webkit-tap-highlight-color:transparent;padding-bottom:max(14px,env(safe-area-inset-bottom));display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;gap:12px}.mobile-playbar.show{transform:translateY(0)}.mobile-playbar.instant{transition:none!important}.mpb-thumb{width:44px;height:44px;border-radius:6px;object-fit:cover;display:block;grid-column:1;grid-row:1}.mpb-meta{grid-column:2;grid-row:1;min-width:0;display:flex;flex-direction:column}.mpb-title{font-size:14px;font-weight:600;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mpb-artist{margin-top:2px;font-size:12px;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mpb-right{grid-column:3;grid-row:1;display:flex;align-items:center;gap:5px}.mpb-right .icon-button.sm{padding:6px}.icon-button.sm{width:36px;height:36px;background:none!important;border-radius:0!important;color:#fff;display:grid;place-items:center;box-shadow:none!important}.icon-button.sm.play{width:42px;height:42px;background:none!important;border-radius:0!important;box-shadow:none!important}.icon-button.sm.heart svg{color:#cc3600}.icon-button.sm.heart.active svg{color:#cc3600!important}.mpb-rail{grid-column:1 / 4;grid-row:2;height:3px;width:100%;background:#ffffff26}.mpb-rail-fill{height:100%;background:#fff;transition:width .15s linear}@media(max-width:380px){.mpb-thumb{width:40px;height:40px}.mpb-title{font-size:13px}.mpb-artist{font-size:11px}.icon-button.sm{width:32px;height:32px}.icon-button.sm.play{width:38px;height:38px}}.user-auth{z-index:20;display:flex;align-items:center}.user-auth-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:5px;cursor:pointer;line-height:0;color:#fff}.user-auth-btn:hover{border-radius:50%}.user-icon{display:block;width:26px;height:26px;opacity:.9}.user-auth-btn:hover .user-icon{opacity:1}.user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;display:block;box-shadow:0 0 0 2px #ffffff1a}.user-menu{position:absolute;right:0;margin-top:8px;min-width:140px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;box-shadow:0 8px 24px #00000059;padding:6px}.user-menu-item{width:100%;text-align:left;padding:8px 10px;background:transparent;color:#eee;border:none;border-radius:6px;cursor:pointer;font-size:14px}.user-menu-item:hover{background:#ffffff14}@media(max-width:380px){.user-avatar{width:26px;height:26px}.user-icon{width:24px;height:24px}}@media(max-width:767px){.subreddit-controls.drawer{position:fixed;top:0;left:0;right:0;z-index:999;background:#0a0a0a;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);max-height:0;opacity:0;overflow:hidden;transform:translateY(-40px);transition:max-height .35s ease,opacity .25s ease,transform .35s cubic-bezier(.25,.8,.25,1)}.subreddit-controls.drawer.open{max-height:500px;opacity:1;transform:translateY(0)}.subreddit-controls.drawer.closed{max-height:0;opacity:0;transform:translateY(-40px)}.post-list{padding-top:10px!important}}@media(min-width:768px){.subreddit-controls{position:sticky;top:110px;z-index:1;margin-bottom:15px!important}.playlist-header .header-logo,.browse-header .header-logo{height:28px;margin:0}.playlist-header{position:sticky;top:60px;z-index:10;margin-left:10px}}@media(max-width:767px){.playlist-header{justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:1001;background:#0a0a0a;padding:10px 20px;height:60px}.playlist-column{padding-top:0}.playlist-header .header-logo{height:28px;margin:0}}.drawer-toggle{background:none;border:none;padding:6px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.drawer-toggle:hover{opacity:.85}.header-left{display:flex;align-items:center;gap:8px}.caret-toggle{background:none!important;border:none;padding:4px;display:flex;align-items:center;justify-content:center;color:#fff}.caret-toggle:hover,.caret-toggle:active,.caret-toggle:focus{background:none!important;box-shadow:none!important;color:#fff}.privacy-link{margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;opacity:.7;text-align:center}.privacy-link a{color:#fff;text-decoration:none}.privacy-link a:hover{opacity:1}@media(max-width:767px){.privacy-link{text-align:center;padding:12px 0;margin-top:10px;border-top:1px solid rgba(255,255,255,.1);opacity:.8}.drawer-privacy{display:block;text-align:center;padding-top:5px;border-top:1px solid var(--panel)}.drawer-privacy a{font-size:14px;color:var(--text-dim);text-decoration:none;opacity:.85}.drawer-privacy a:hover{opacity:1}}@media(min-width:768px){.drawer-privacy{display:none}}.browse-with-mymix{display:flex;flex-direction:row;align-items:flex-start;width:100%;position:relative;overflow:visible;min-height:0;padding-top:60px}.browse-content{flex:1 1 auto;width:100%;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;transition:width .35s ease,margin-left .35s ease,transform .35s ease}.browse-with-mymix.mymix-open .browse-content{margin-left:var(--mymix-width, 350px)}.browse-header{position:sticky;top:60px;z-index:5;background:#000;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1f1f1f}.browse-header-right{display:flex;align-items:center;gap:16px}.browse-logo{height:28px;width:auto}.browse-mymix-btn{background:#cc3600;color:#000;font-weight:600;padding:8px 16px;border-radius:24px;cursor:pointer;border:none;color:#fff}.browse-mymix-btn:hover{background:#cc3600222}.mobile-global-header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:10px 14px}.mgh-left{display:flex;align-items:center;gap:10px}.mobile-global-header .mgh-logo{height:28px;margin:0}@media(max-width:767px){.mobile-global-header .mgh-logo{height:28px}}@media(max-width:767px){button.mgh-toggle{background:none!important}.mgh-toggle svg{width:16px;margin-left:-10px!important;margin-top:7px!important}button.mgh-browse-btn{padding:6px 10px!important;margin-top:7px}.subreddit-controls.drawer{position:sticky!important;top:0;width:100%;left:0;right:0;max-width:100%}}.browse-scroll{flex:1;overflow-y:auto;padding:16px 0 24px;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-y}.browse-scroll::-webkit-scrollbar{display:none}.play-header{height:60px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--panel);background:var(--bg);position:sticky;top:0;z-index:50}.play-header .header-logo{height:28px}.category-row{margin-bottom:32px;padding:0 16px}.category-row-header{margin-bottom:12px}.category-title{font-size:1.5rem;font-weight:700;color:var(--text-primary, #fff);border-left:4px solid var(--accent);padding-left:10px}.category-scroll-outer{overflow:hidden;width:100%;position:relative;touch-action:pan-y}.category-scroll{display:flex;gap:16px;overflow:visible;padding-bottom:8px;scrollbar-width:none;width:max-content;cursor:grab}.category-scroll::-webkit-scrollbar{display:none}.category-scroll:active{cursor:grabbing}.subreddit-card{width:275px;flex-shrink:0;display:flex;flex-direction:column;cursor:pointer;-webkit-user-select:none;user-select:none;background:#111;border-radius:12px;padding:10px;position:relative;transition:transform .18s ease,box-shadow .18s ease}@media(hover:hover){.subreddit-card:hover{transform:translateY(-3px);box-shadow:0 6px 14px #00000026}}.subreddit-thumb{width:100%;padding-top:100%;background-size:cover;background-position:center;background-color:#111;border-radius:12px;position:relative;overflow:hidden}@media(hover:hover){.subreddit-card:hover .subreddit-thumb{filter:brightness(.85)}}.subreddit-name{color:#fff;line-height:1.3;padding:4px 2px;font-size:14px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.card-btn{width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;background:#202020;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s ease}.card-btn:hover{background:#303030}.subreddit-thumb .add-btn{position:absolute;top:6px;right:6px;z-index:4;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.25);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .15s ease;padding:0}@media(hover:hover){.subreddit-thumb .add-btn:hover{transform:scale(1.1)}}@media(max-width:768px){.subreddit-thumb .add-btn{opacity:1;width:38px;height:38px}.subreddit-card{width:150px}}@media(hover:hover)and (pointer:fine){.subreddit-card .add-btn{opacity:0;pointer-events:none}.subreddit-card:hover .add-btn{opacity:1;pointer-events:auto}.subreddit-card .add-btn:hover{background:#b53000}}@media(hover:none)and (pointer:coarse){.subreddit-card .add-btn{opacity:1!important;pointer-events:auto!important}}.sub-add-row{display:flex;align-items:center;gap:12px;width:100%}.sub-add-form{display:flex;flex:1 1 auto;gap:6px}.sub-add-form input{flex:1}.browse-back-btn{flex:0 0 auto;padding:8px 16px;background:#ffffff15;border:1px solid #ffffff22;border-radius:8px;color:#fff;white-space:nowrap;cursor:pointer;transition:background .15s}.browse-back-btn:hover{background:#ffffff30}.empty-playlist-card{max-width:420px;margin:80px auto;text-align:center;background:var(--panel, #1b1b1b);padding:40px 30px;border-radius:16px;box-shadow:0 4px 20px #00000040}.empty-logo{width:120px;opacity:.8;margin-bottom:20px}.empty-playlist-card h2{margin:0 0 10px;font-size:1.4rem;font-weight:700}.empty-playlist-card p{margin:0 0 20px;color:#aaa;font-size:1rem}.empty-browse-btn{padding:12px 20px;background:#cc3600;border:none;border-radius:8px;font-size:1rem;cursor:pointer;color:#fff;font-weight:600;transition:background .2s ease}.empty-browse-btn:hover{background:#e04300}.my-mix-sidebar{position:relative;flex-shrink:0;width:var(--mymix-width, 350px);max-width:425px;min-width:285px;height:calc(100vh - 60px);overflow-y:auto;background:#111;border-right:1px solid #222;z-index:3;padding:20px;transition:transform .35s ease}.my-mix-sidebar.open{transform:translate(0)}.my-mix-list{flex:1;overflow-y:auto;padding:12px 2px 20px;display:flex;flex-direction:column;gap:12px;min-height:0}.mini-sr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;padding-top:10px}.mini-sr-card{width:100%;aspect-ratio:1 / 1;border-radius:12px;position:relative;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:transform .12s ease}.mini-sr-card:hover{transform:translateY(-2px)}.mini-sr-thumb{width:150px;height:150px;border:2px solid var(--accent);border-radius:12px;background-size:cover;background-position:center;background-color:#222;position:relative}.mini-sr-initial{font-size:26px;font-weight:600;color:#bbb;position:absolute;top:28px;left:32px}.mini-sr-card .mini-sr-remove-btn{position:absolute;top:6px;right:6px;width:28px;height:28px;border:none;border-radius:50%;background:#000;display:flex;align-items:center;justify-content:center;opacity:1;cursor:pointer;transition:background .12s ease}.mini-sr-card .mini-sr-remove-btn:hover{background:#cc3600}.mini-sr-card .mini-sr-remove-btn svg{width:18px!important;height:18px!important;flex-shrink:0!important;display:block!important;color:#fff}.mini-sr-name{margin-top:6px;font-size:13px;font-weight:500;text-align:center;color:#f5f5f5}.my-mix-play-btn{width:100%;background:#cc3600;color:#fff;font-size:15px;font-weight:500;padding:12px 14px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s ease}.my-mix-play-btn:hover:not(:disabled){background:#e04000}.my-mix-play-btn:disabled{opacity:.5;cursor:default}.my-mix-play-icon{display:block}.my-mix-add-form{display:flex;width:100%;align-items:center;gap:8px;margin-bottom:15px}.my-mix-input{flex:1;width:100%;padding:10px 12px;border-radius:6px;border:1px solid #ccc;font-size:14px;margin-right:-10px}.my-mix-add-btn{flex-shrink:0;width:36px;height:36px;border:none;border-radius:0 6px 6px 0;background:#cc3600;display:flex;align-items:center;justify-content:center;cursor:pointer}.my-mix-add-btn svg{width:18px;height:18px;color:#fff}.ghost-card{border:3px dashed #777;background:transparent;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .15s ease,border-color .15s ease}.ghost-card:hover{opacity:1;border-color:#cc3600}.ghost-inner{display:flex;align-items:center;justify-content:center;height:60%;width:60%}.ghost-plus{font-size:40px;font-weight:700;color:#777;line-height:1}.ghost-card:hover .ghost-plus{color:#cc3600}.mymix-wrapper[style*="visibility: hidden"]{transform:none!important}.mymix-wrapper:not([style*="visibility: visible"]){width:0!important;max-width:0!important;min-width:0!important;opacity:0!important;pointer-events:none!important}.mobile-footer-nav{position:fixed;bottom:calc(0px + env(safe-area-inset-bottom));left:0;right:0;height:62px;background:var(--bg, #000);border-top:1px solid var(--panel, #222);display:flex;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom);z-index:120}.mobile-footer-nav button{flex:1;background:none;border:none;color:var(--text, #fff);display:flex;flex-direction:column;align-items:center;font-size:9px;opacity:.7}.mobile-footer-nav button.active{opacity:1;color:var(--accent, #cc3600)}.mobile-footer-nav span{margin-top:2px;font-size:10px}.mobile-footer-nav .active span{color:#fff}@media(min-width:768px){.mobile-footer-nav{display:none}}.flying-thumb{position:fixed!important;z-index:999999!important;transform:translateZ(0);pointer-events:none;width:150px;height:150px;border-radius:16px;backface-visibility:visible!important;will-change:transform,opacity;background-color:#ffffff26}.mix-badge-dot{position:absolute;right:50px;width:10px;height:10px;background:#cc3600;border-radius:50%;pointer-events:none;z-index:10;opacity:1;transform:scale(1);animation:mixBadgePop .25s ease-out}@keyframes mixBadgePop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}.browse-container{position:relative;width:100%;height:calc(100vh - 60px);display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.browse-scroll{flex:1;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch}@media(max-width:768px){.mymix-wrapper{position:fixed!important;top:0;left:0;width:100vw!important;min-width:100vw!important;max-width:100vw!important;height:100vh;z-index:9999;transition:transform .45s cubic-bezier(.25,.8,.25,1)}.mymix-wrapper.closed{pointer-events:none!important;transform:translate(-100vw)!important}.mymix-wrapper.open{pointer-events:auto!important;transform:translate(0)!important}}@media(max-width:768px){.my-mix-sidebar{width:100vw;max-width:100vw;height:calc(100vh - 54px)}.browse-with-mymix{padding-top:15px}.mini-sr-grid{grid-template-columns:repeat(3,1fr)}.mini-sr-card .mini-sr-remove-btn{top:3px;right:4px}.mini-sr-thumb{width:100px;height:100px}.category-title{font-size:1.25rem}.category-row{margin-bottom:15px}.category-scroll{gap:0px}.browse-container{padding-bottom:150px}.mymix-toggle-btn{display:none!important}}.browse-container.has-mobile-playbar{padding-bottom:225px}