@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=block");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500&family=Playfair+Display:wght@600;700&display=swap");

:root{--rpfs-outline:#958ea0;--rpfs-background:#131313;--rpfs-surface:#131313;--rpfs-surface-container-lowest:#0e0e0e;--rpfs-surface-container:#201f1f;--rpfs-surface-container-high:#2a2a2a;--rpfs-surface-container-highest:#353534;--rpfs-on-surface:#e5e2e1;--rpfs-on-surface-variant:#cbc3d7;--rpfs-outline-variant:#494454;--rpfs-primary:#d0bcff;--rpfs-secondary:#4edea3;--rpfs-tertiary-container:#4d8eff}
html.dark,body.rpfs-app-body{background:var(--rpfs-background);color:var(--rpfs-on-surface)}
body.rpfs-app-body{display:flex;margin:0;font-family:Inter,Arial,sans-serif;min-height:100vh;overflow:hidden}
body.rpfs-app-body.admin-bar .fixed.top-0{top:32px}
.rpfs-app{display:flex;width:100vw;min-height:100vh;background:var(--rpfs-background);color:var(--rpfs-on-surface)}
.rpfs-app *{box-sizing:border-box}
.rpfs-app a{color:inherit;text-decoration:none}
.rpfs-app button,.rpfs-app input{font:inherit}
.rpfs-app #sidebar{overflow-x:hidden;overflow-y:auto;scrollbar-gutter:auto;background:var(--rpfs-surface);-ms-overflow-style:none;scrollbar-width:none}
.rpfs-app #sidebar::-webkit-scrollbar{display:none;width:0;height:0}
.rpfs-app #sidebar nav{flex:0 0 auto;overflow:visible}
.rpfs-app #sidebar .mt-auto{margin-top:0}
.rpfs-app .rpfs-sidebar-toggle{align-items:center;background:var(--rpfs-surface-container-high);border:1px solid rgba(255,255,255,.16);border-radius:6px;color:#fff;display:flex;height:36px;justify-content:center;width:36px;box-shadow:0 8px 22px rgba(0,0,0,.28)}
.rpfs-app .rpfs-sidebar-toggle:hover{background:var(--rpfs-surface-container-highest);color:#fff}
.rpfs-app .rpfs-sidebar-logo{background:transparent;object-fit:contain}
.rpfs-app .rpfs-topbar{height:60px;min-height:60px;max-height:60px;padding-top:0;padding-bottom:0}
.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}
.glass-card{background:rgba(19,19,19,.58);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 70px rgba(0,0,0,.4);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.spectrum-bar{background:rgba(255,255,255,.35);border-radius:9999px;box-shadow:0 0 10px rgba(208,188,255,.25);transition:height .2s ease,background .2s ease}
.spectrum-bar.active{box-shadow:0 0 14px rgba(208,188,255,.35)}

.rpfs-app .selection\:bg-primary\/30::selection{background:rgba(208,188,255,.3)}
.rpfs-app .hidden{display:none!important}.rpfs-app .flex{display:flex}.rpfs-app .grid{display:grid}.rpfs-app .block{display:block}
.rpfs-app .fixed{position:fixed}.rpfs-app .absolute{position:absolute}.rpfs-app .relative{position:relative}.rpfs-app .sticky{position:sticky}
.rpfs-app .inset-0{inset:0}.rpfs-app .inset-x-2{left:.5rem;right:.5rem}.rpfs-app .inset-y-0{top:0;bottom:0}.rpfs-app .left-0{left:0}.rpfs-app .right-0{right:0}.rpfs-app .top-0{top:0}.rpfs-app .bottom-0{bottom:0}.rpfs-app .bottom-1{bottom:.25rem}.rpfs-app .bottom-2{bottom:.5rem}.rpfs-app .bottom-4{bottom:1rem}.rpfs-app .top-1{top:.25rem}.rpfs-app .top-2{top:.5rem}.rpfs-app .top-4{top:1rem}.rpfs-app .right-1{right:.25rem}.rpfs-app .right-2{right:.5rem}.rpfs-app .right-4{right:1rem}.rpfs-app .left-4{left:1rem}.rpfs-app .left-1\/4{left:25%}.rpfs-app .right-1\/4{right:25%}.rpfs-app .-top-1{top:-.25rem}.rpfs-app .-left-\[3px\]{left:-3px}
.rpfs-app .z-20{z-index:20}.rpfs-app .z-40{z-index:40}.rpfs-app .z-50{z-index:50}
.rpfs-app .flex-col{flex-direction:column}.rpfs-app .flex-1{flex:1 1 0%}.rpfs-app .flex-shrink-0{flex-shrink:0}.rpfs-app .flex-wrap{flex-wrap:wrap}.rpfs-app .items-center{align-items:center}.rpfs-app .items-end{align-items:flex-end}.rpfs-app .justify-center{justify-content:center}.rpfs-app .justify-between{justify-content:space-between}
.rpfs-app .gap-1{gap:.25rem}.rpfs-app .gap-1\.5{gap:.375rem}.rpfs-app .gap-2{gap:.5rem}.rpfs-app .gap-3{gap:.75rem}.rpfs-app .gap-4{gap:1rem}.rpfs-app .gap-\[2px\]{gap:2px}
.rpfs-app .overflow-hidden{overflow:hidden}.rpfs-app .overflow-y-auto{overflow-y:auto}.rpfs-app .cursor-pointer{cursor:pointer}.rpfs-app .cursor-default{cursor:default}
.rpfs-app .w-full{width:100%}.rpfs-app .w-auto{width:auto}.rpfs-app .w-\[240px\]{width:240px}.rpfs-app .w-\[70px\]{width:70px}.rpfs-app .w-\[calc\(100\%-32px\)\]{width:calc(100% - 32px)}.rpfs-app .w-\[2px\]{width:2px}.rpfs-app .w-1\.5{width:.375rem}.rpfs-app .w-2{width:.5rem}.rpfs-app .w-6{width:1.5rem}.rpfs-app .w-7{width:1.75rem}.rpfs-app .w-8{width:2rem}.rpfs-app .w-10{width:2.5rem}.rpfs-app .w-16{width:4rem}.rpfs-app .w-80{width:20rem}
.rpfs-app .h-screen{height:100vh}.rpfs-app .h-\[calc\(100vh-64px\)\]{height:calc(100vh - 64px)}.rpfs-app .min-h-screen{min-height:100vh}.rpfs-app .h-\[1px\]{height:1px}.rpfs-app .h-1\.5{height:.375rem}.rpfs-app .h-2{height:.5rem}.rpfs-app .h-6{height:1.5rem}.rpfs-app .h-7{height:1.75rem}.rpfs-app .h-8{height:2rem}.rpfs-app .h-10{height:2.5rem}.rpfs-app .h-16{height:4rem}.rpfs-app .h-\[20\%\]{height:20%}.rpfs-app .h-\[30\%\]{height:30%}.rpfs-app .h-\[40\%\]{height:40%}.rpfs-app .h-\[45\%\]{height:45%}.rpfs-app .h-\[50\%\]{height:50%}.rpfs-app .h-\[55\%\]{height:55%}.rpfs-app .h-\[60\%\]{height:60%}.rpfs-app .h-\[65\%\]{height:65%}.rpfs-app .h-\[70\%\]{height:70%}.rpfs-app .h-\[75\%\]{height:75%}.rpfs-app .h-\[80\%\]{height:80%}.rpfs-app .h-\[90\%\]{height:90%}.rpfs-app .h-\[100\%\]{height:100%}
.rpfs-app .max-w-\[700px\]{max-width:700px}.rpfs-app .max-w-xl{max-width:36rem}.rpfs-app .min-w-\[20px\]{min-width:20px}
.rpfs-app .p-2{padding:.5rem}.rpfs-app .p-3{padding:.75rem}.rpfs-app .p-4{padding:1rem}.rpfs-app .p-container-padding{padding:24px}.rpfs-app .px-1{padding-left:.25rem;padding-right:.25rem}.rpfs-app .px-1\.5{padding-left:.375rem;padding-right:.375rem}.rpfs-app .px-2{padding-left:.5rem;padding-right:.5rem}.rpfs-app .px-3{padding-left:.75rem;padding-right:.75rem}.rpfs-app .px-4{padding-left:1rem;padding-right:1rem}.rpfs-app .px-container-padding{padding-left:24px;padding-right:24px}.rpfs-app .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.rpfs-app .py-1{padding-top:.25rem;padding-bottom:.25rem}.rpfs-app .py-2{padding-top:.5rem;padding-bottom:.5rem}.rpfs-app .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.rpfs-app .py-3{padding-top:.75rem;padding-bottom:.75rem}.rpfs-app .py-4{padding-top:1rem;padding-bottom:1rem}.rpfs-app .pl-4{padding-left:1rem}.rpfs-app .pr-32{padding-right:8rem}.rpfs-app .pt-0{padding-top:0}.rpfs-app .pb-6{padding-bottom:1.5rem}.rpfs-app .pb-16{padding-bottom:4rem}.rpfs-app .pb-safe{padding-bottom:env(safe-area-inset-bottom)}
.rpfs-app .m-0{margin:0}.rpfs-app .mt-1{margin-top:.25rem}.rpfs-app .mt-auto{margin-top:auto}.rpfs-app .mb-1{margin-bottom:.25rem}.rpfs-app .mb-4{margin-bottom:1rem}.rpfs-app .ml-0\.5{margin-left:.125rem}.rpfs-app .ml-2{margin-left:.5rem}.rpfs-app .mx-0\.5{margin-left:.125rem;margin-right:.125rem}
.rpfs-app .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.rpfs-app .rounded{border-radius:.25rem}.rpfs-app .rounded-lg{border-radius:.5rem}.rpfs-app .rounded-xl{border-radius:.75rem}.rpfs-app .rounded-2xl{border-radius:1rem}.rpfs-app .rounded-full{border-radius:9999px}
.rpfs-app .border{border-width:1px}.rpfs-app .border-r{border-right-width:1px}.rpfs-app .border-r-4{border-right-width:4px}.rpfs-app .border-t{border-top-width:1px}.rpfs-app .border-b{border-bottom-width:1px}.rpfs-app .border-b-2{border-bottom-width:2px}.rpfs-app .border-l-2{border-left-width:2px}.rpfs-app .border-transparent{border-color:transparent}.rpfs-app .border-primary{border-color:var(--rpfs-primary)}.rpfs-app .border-outline-variant{border-color:var(--rpfs-outline-variant)}.rpfs-app .border-outline-variant\/20{border-color:rgba(73,68,84,.2)}.rpfs-app .border-outline-variant\/30{border-color:rgba(73,68,84,.3)}.rpfs-app .border-outline-variant\/50{border-color:rgba(73,68,84,.5)}.rpfs-app .border-white\/5{border-color:rgba(255,255,255,.05)}.rpfs-app .border-white\/10{border-color:rgba(255,255,255,.1)}
.rpfs-app .bg-background{background:var(--rpfs-background)}.rpfs-app .bg-surface{background:var(--rpfs-surface)}.rpfs-app .bg-surface-container{background:var(--rpfs-surface-container)}.rpfs-app .bg-surface-container-high{background:var(--rpfs-surface-container-high)}.rpfs-app .bg-white{background:#fff}.rpfs-app .bg-primary\/10{background:rgba(208,188,255,.1)}.rpfs-app .bg-surface\/30{background:rgba(19,19,19,.3)}.rpfs-app .bg-surface\/40{background:rgba(19,19,19,.4)}.rpfs-app .bg-surface\/50{background:rgba(19,19,19,.5)}.rpfs-app .bg-surface\/60{background:rgba(19,19,19,.6)}.rpfs-app .bg-cover{background-size:cover}.rpfs-app .bg-center{background-position:center}
.rpfs-app .bg-\[\#e60000\]{background:#e60000}.rpfs-app .bg-\[\#ff4081\]{background:#ff4081}.rpfs-app .bg-\[\#ff4444\]{background:#ff4444}.rpfs-app .bg-\[\#9a55ff\]{background:#9a55ff}.rpfs-app .bg-\[\#b16fff\]{background:#b16fff}.rpfs-app .bg-\[\#d497ff\]{background:#d497ff}.rpfs-app .bg-\[\#e67a9e\]{background:#e67a9e}.rpfs-app .bg-\[\#eb6e78\]{background:#eb6e78}.rpfs-app .bg-\[\#f4a115\]{background:#f4a115}.rpfs-app .bg-\[\#ebd800\]{background:#ebd800}.rpfs-app .bg-\[\#afea39\]{background:#afea39}.rpfs-app .bg-\[\#4edea3\]{background:#4edea3}
.rpfs-app .bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.rpfs-app .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.rpfs-app .from-background\/90{--tw-gradient-from:rgba(19,19,19,.9);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(19,19,19,0))}.rpfs-app .from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}.rpfs-app .via-background\/40{--tw-gradient-stops:var(--tw-gradient-from),rgba(19,19,19,.4),var(--tw-gradient-to,rgba(19,19,19,0))}.rpfs-app .via-primary\/50{--tw-gradient-stops:var(--tw-gradient-from),rgba(208,188,255,.5),var(--tw-gradient-to,rgba(208,188,255,0))}.rpfs-app .to-transparent{--tw-gradient-to:transparent}
.rpfs-app .text-on-background{color:var(--rpfs-on-surface)}.rpfs-app .text-on-surface{color:var(--rpfs-on-surface)}.rpfs-app .text-on-surface-variant{color:var(--rpfs-on-surface-variant)}.rpfs-app .text-primary{color:var(--rpfs-primary)}.rpfs-app .text-secondary{color:var(--rpfs-secondary)}.rpfs-app .text-white{color:#fff}.rpfs-app .text-black{color:#000}.rpfs-app .text-surface-container-lowest{color:var(--rpfs-surface-container-lowest)}.rpfs-app .text-surface-variant{color:#353534}
.rpfs-app .font-body-md{font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.5;font-weight:400}.rpfs-app .font-body-lg{font-family:Inter,Arial,sans-serif}.rpfs-app .font-label-sm{font-family:"JetBrains Mono",monospace;font-weight:500;letter-spacing:.05em}.rpfs-app .font-headline-lg,.rpfs-app .font-headline-lg-mobile,.rpfs-app .font-display-lg{font-family:"Playfair Display",Georgia,serif}.rpfs-app .font-bold{font-weight:700}.rpfs-app .font-medium{font-weight:500}
.rpfs-app .text-\[9px\]{font-size:9px}.rpfs-app .text-\[10px\]{font-size:10px}.rpfs-app .text-\[14px\]{font-size:14px}.rpfs-app .text-\[16px\]{font-size:16px}.rpfs-app .text-\[20px\]{font-size:20px}.rpfs-app .text-\[24px\]{font-size:24px}.rpfs-app .text-xs{font-size:.75rem}.rpfs-app .text-sm{font-size:.875rem}.rpfs-app .text-lg{font-size:1.125rem}.rpfs-app .text-xl{font-size:1.25rem}.rpfs-app .text-3xl{font-size:1.875rem;line-height:2.25rem}.rpfs-app .text-headline-lg{font-size:32px;line-height:1.2}.rpfs-app .text-headline-lg-mobile{font-size:24px;line-height:1.2}.rpfs-app .text-label-sm{font-size:12px;line-height:1}.rpfs-app .text-display-lg{font-size:48px;line-height:1.1;letter-spacing:-.02em}.rpfs-app .text-center{text-align:center}.rpfs-app .uppercase{text-transform:uppercase}.rpfs-app .tracking-wider{letter-spacing:.05em}.rpfs-app .leading-relaxed{line-height:1.625}.rpfs-app .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rpfs-app .line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rpfs-app .object-cover{object-fit:cover}.rpfs-app .shadow-sm{box-shadow:0 1px 2px rgba(0,0,0,.05)}.rpfs-app .shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.rpfs-app .shadow-\[0_0_8px_rgba\(255\,255\,255\,0\.8\)\]{box-shadow:0 0 8px rgba(255,255,255,.8)}
.rpfs-app .transition-colors{transition-property:color,background-color,border-color;transition-duration:.2s}.rpfs-app .transition-all{transition:all .3s ease}.rpfs-app .transition-transform{transition:transform .2s}.rpfs-app .duration-200{transition-duration:.2s}.rpfs-app .duration-300{transition-duration:.3s}.rpfs-app .scale-95{transform:scale(.95)}.rpfs-app .backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.rpfs-app .backdrop-blur-xl{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.rpfs-app .animate-pulse{animation:rpfsPulse 1.8s cubic-bezier(.4,0,.6,1) infinite}@keyframes rpfsPulse{0%,100%{opacity:1}50%{opacity:.45}}
.rpfs-app input{outline:none}.rpfs-app .placeholder-on-surface-variant\/70::placeholder{color:rgba(203,195,215,.7)}.rpfs-app .focus\:border-primary:focus{border-color:var(--rpfs-primary)}.rpfs-app .focus\:ring-1:focus{box-shadow:0 0 0 1px var(--rpfs-primary)}.rpfs-app .focus\:ring-primary:focus{--tw-ring-color:var(--rpfs-primary)}
.rpfs-app .hover\:text-on-surface:hover,.rpfs-app .group:hover .group-hover\:text-on-surface{color:var(--rpfs-on-surface)}.rpfs-app .hover\:text-primary:hover{color:var(--rpfs-primary)}.rpfs-app .hover\:text-white:hover{color:#fff}.rpfs-app .hover\:text-black:hover{color:#000}.rpfs-app .hover\:bg-white:hover{background:#fff}.rpfs-app .hover\:bg-surface-container-high:hover{background:var(--rpfs-surface-container-high)}.rpfs-app .hover\:bg-surface-container-highest:hover{background:var(--rpfs-surface-container-highest)}.rpfs-app .hover\:bg-surface\/60:hover{background:rgba(19,19,19,.6)}.rpfs-app .hover\:bg-surface-variant\/50:hover{background:rgba(53,53,52,.5)}.rpfs-app .hover\:border-b-primary:hover{border-bottom-color:var(--rpfs-primary)}.rpfs-app .hover\:border-b-secondary:hover{border-bottom-color:var(--rpfs-secondary)}.rpfs-app .hover\:border-b-tertiary-container:hover{border-bottom-color:var(--rpfs-tertiary-container)}.rpfs-app .hover\:border-l-primary\/30:hover{border-left-color:rgba(208,188,255,.3)}.rpfs-app .hover\:border-l-secondary\/30:hover{border-left-color:rgba(78,222,163,.3)}.rpfs-app .hover\:border-l-tertiary-container\/30:hover{border-left-color:rgba(77,142,255,.3)}.rpfs-app .group:hover .group-hover\:scale-110{transform:scale(1.1)}.rpfs-app .active\:scale-90:active{transform:scale(.9)}

@media (min-width:768px){.rpfs-app .rpfs-topbar{height:70px;min-height:70px;max-height:70px}.rpfs-app .rpfs-player-panel{width:min(700px,calc(100vw - 324px));max-width:min(700px,calc(100vw - 324px));max-height:calc(100vh - 130px)}.rpfs-app.rpfs-sidebar-is-collapsed .rpfs-player-panel{width:min(700px,calc(100vw - 154px));max-width:min(700px,calc(100vw - 154px))}.rpfs-app .rpfs-player-panel .glass-card{overflow:hidden}.rpfs-app .md\:flex{display:flex!important}.rpfs-app .md\:hidden{display:none!important}.rpfs-app .md\:block{display:block!important}.rpfs-app .md\:w-full{width:100%}.rpfs-app .md\:w-\[calc\(100\%-240px\)\]{width:calc(100% - 240px)}.rpfs-app .md\:w-\[calc\(100\%-70px\)\]{width:calc(100% - 70px)}.rpfs-app .md\:w-\[4px\]{width:4px}.rpfs-app .md\:w-2{width:.5rem}.rpfs-app .md\:w-3{width:.75rem}.rpfs-app .md\:w-8{width:2rem}.rpfs-app .md\:w-10{width:2.5rem}.rpfs-app .md\:w-12{width:3rem}.rpfs-app .md\:h-screen{height:100vh}.rpfs-app .md\:h-2{height:.5rem}.rpfs-app .md\:h-3{height:.75rem}.rpfs-app .md\:h-8{height:2rem}.rpfs-app .md\:h-10{height:2.5rem}.rpfs-app .md\:h-12{height:3rem}.rpfs-app .md\:ml-\[240px\]{margin-left:240px}.rpfs-app .md\:ml-\[70px\]{margin-left:70px}.rpfs-app .md\:ml-1{margin-left:.25rem}.rpfs-app .md\:mx-1{margin-left:.25rem;margin-right:.25rem}.rpfs-app .md\:mt-2{margin-top:.5rem}.rpfs-app .md\:mb-2{margin-bottom:.5rem}.rpfs-app .md\:p-container-padding{padding:24px}.rpfs-app .md\:p-4{padding:1rem}.rpfs-app .md\:p-8{padding:2rem}.rpfs-app .md\:px-2{padding-left:.5rem;padding-right:.5rem}.rpfs-app .md\:px-3{padding-left:.75rem;padding-right:.75rem}.rpfs-app .md\:px-container-padding{padding-left:24px;padding-right:24px}.rpfs-app .md\:py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.rpfs-app .md\:pb-0{padding-bottom:0}.rpfs-app .md\:pb-8{padding-bottom:2rem}.rpfs-app .md\:gap-2{gap:.5rem}.rpfs-app .md\:gap-3{gap:.75rem}.rpfs-app .md\:gap-4{gap:1rem}.rpfs-app .md\:gap-6{gap:1.5rem}.rpfs-app .md\:gap-\[3px\]{gap:3px}.rpfs-app .md\:bottom-8{bottom:2rem}.rpfs-app .md\:bottom-\[30px\]{bottom:30px}.rpfs-app .md\:left-\[30px\]{left:30px}.rpfs-app .md\:right-auto{right:auto}.rpfs-app .md\:top-6{top:1.5rem}.rpfs-app .md\:right-6{right:1.5rem}.rpfs-app .md\:inset-x-container-padding{left:24px;right:24px}.rpfs-app .md\:-left-1{left:-.25rem}.rpfs-app .md\:rounded-3xl{border-radius:1.5rem}.rpfs-app .md\:rounded-\[24px\]{border-radius:24px}.rpfs-app .md\:border-b-4{border-bottom-width:4px}.rpfs-app .md\:border-l-4{border-left-width:4px}.rpfs-app .md\:text-\[16px\]{font-size:16px}.rpfs-app .md\:text-\[18px\]{font-size:18px}.rpfs-app .md\:text-\[20px\]{font-size:20px}.rpfs-app .md\:text-\[24px\]{font-size:24px}.rpfs-app .md\:text-xs{font-size:.75rem}.rpfs-app .md\:text-sm{font-size:.875rem}.rpfs-app .md\:text-xl{font-size:1.25rem}.rpfs-app .md\:text-label-sm{font-size:12px;line-height:1}.rpfs-app .md\:text-headline-lg{font-size:32px;line-height:1.2}.rpfs-app .md\:text-display-lg{font-size:48px;line-height:1.1;letter-spacing:-.02em}.rpfs-app .md\:font-headline-lg{font-family:"Playfair Display",Georgia,serif}.rpfs-app .md\:line-clamp-none{display:block;overflow:visible}.rpfs-app .md\:bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.rpfs-app .md\:from-background\/90{--tw-gradient-from:rgba(19,19,19,.9);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(19,19,19,0))}.rpfs-app .md\:via-background\/40{--tw-gradient-stops:var(--tw-gradient-from),rgba(19,19,19,.4),var(--tw-gradient-to,rgba(19,19,19,0))}}
@media (min-width:1024px){.rpfs-app .lg\:block{display:block}}
@media (min-width:768px) and (max-height:820px){.rpfs-app .rpfs-player-panel .glass-card{padding:24px!important;gap:16px!important;overflow:hidden!important}.rpfs-app .rpfs-player-panel h1{font-size:40px!important;line-height:1.05!important}.rpfs-app .rpfs-player-panel p{font-size:13px!important;line-height:1.45!important}.rpfs-app .rpfs-player-panel .bg-surface\/30{padding:12px!important;margin-top:0!important}.rpfs-app .rpfs-player-panel .grid{gap:12px!important}.rpfs-app .rpfs-player-panel .grid>div{padding:12px!important}.rpfs-app .rpfs-player-panel .h-8.md\:h-10{height:34px!important}.rpfs-app .rpfs-player-panel .w-10.md\:w-12{width:44px!important;height:44px!important}}
@media (min-width:768px) and (max-height:720px){.rpfs-app .rpfs-player-panel .glass-card{padding:18px!important;gap:12px!important}.rpfs-app .rpfs-player-panel h1{font-size:34px!important}.rpfs-app .rpfs-player-panel p{font-size:12px!important}.rpfs-app .rpfs-player-panel .grid>div{padding:10px!important}.rpfs-app .rpfs-player-panel .text-sm.md\:text-xl{font-size:17px!important}.rpfs-app .rpfs-player-panel .h-8.md\:h-10{height:30px!important}.rpfs-app .rpfs-player-panel .w-10.md\:w-12{width:40px!important;height:40px!important}.rpfs-app .rpfs-player-panel .md\:h-12{height:36px!important}}
@media (max-width:767px){body.rpfs-app-body.admin-bar .fixed.top-0{top:46px}.rpfs-app #main-content{margin-left:0;width:100%}}
.rpfs-app .rpfs-sidebar-logo{object-fit:contain!important}
.rpfs-app .h-full{height:100%}
.rpfs-app .rpfs-bg-video{background:#000;width:100%!important;height:100%!important;object-fit:cover!important}
.rpfs-app .rpfs-frequency-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.rpfs-app .rpfs-volume-wrap{min-width:148px}
.rpfs-app .rpfs-volume-range{appearance:none;width:92px;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--rpfs-primary) 0 75%,rgba(255,255,255,.22) 75% 100%);accent-color:var(--rpfs-primary)}
.rpfs-app .rpfs-volume-range::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(208,188,255,.18)}
.rpfs-app .rpfs-volume-range::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(208,188,255,.18)}
.rpfs-app .rpfs-spectrum .spectrum-bar{height:var(--rpfs-bar-height,18%);opacity:.65;transform:scaleY(.34);transform-origin:bottom}
.rpfs-app.rpfs-is-playing .rpfs-spectrum .spectrum-bar{animation:rpfsSpectrum 720ms ease-in-out infinite alternate;opacity:1}
.rpfs-app.rpfs-is-playing .rpfs-spectrum .spectrum-bar:nth-child(2n){animation-delay:120ms}
.rpfs-app.rpfs-is-playing .rpfs-spectrum .spectrum-bar:nth-child(3n){animation-delay:240ms}
.rpfs-app.rpfs-is-playing .rpfs-spectrum .spectrum-bar:nth-child(5n){animation-delay:360ms}
@keyframes rpfsSpectrum{0%{transform:scaleY(.28)}35%{transform:scaleY(.74)}70%{transform:scaleY(1.08)}100%{transform:scaleY(.42)}}
.rpfs-auth-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.72);padding:24px}
.rpfs-auth-modal.is-open{display:flex}
.rpfs-auth-panel{width:min(520px,100%);background:#101010;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.5)}
.rpfs-auth-panel h2{font-family:"Playfair Display",Georgia,serif;font-size:34px;line-height:1.1;margin:0 0 10px}
.rpfs-auth-panel p{color:var(--rpfs-on-surface-variant);margin:0 0 18px}
.rpfs-auth-panel label{display:block;font-weight:700;margin:12px 0 6px}
.rpfs-auth-panel input{width:100%;border:1px solid rgba(255,255,255,.18);background:#050505;color:#fff;border-radius:10px;padding:12px}
.rpfs-auth-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.rpfs-auth-actions a,.rpfs-auth-actions button,.rpfs-create-button{border:0;border-radius:10px;background:var(--rpfs-primary);color:#090909;cursor:pointer;font-weight:800;padding:12px 16px;text-align:center}
.rpfs-auth-actions .secondary{background:#fff;color:#111}
.rpfs-auth-error{color:#ff6c6c;font-weight:700;min-height:20px;margin-top:10px}
.rpfs-auth-ok{color:var(--rpfs-secondary);font-weight:700;min-height:20px;margin-top:10px}
.rpfs-create-screen{overflow-y:auto}
.rpfs-create-hero{max-width:960px;margin:0 auto 28px;padding:42px 0 10px}
.rpfs-create-hero h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(42px,6vw,78px);line-height:1;color:#fff;margin:12px 0}
.rpfs-create-hero p:last-child{max-width:740px;font-size:18px;line-height:1.6}
.rpfs-create-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:min(1280px,100%);margin:0 auto 48px}
.rpfs-create-card{display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-height:360px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.28)}
.rpfs-create-card h2{font-family:"Playfair Display",Georgia,serif;font-size:30px;line-height:1.1;margin:8px 0 12px;color:#fff}
.rpfs-create-card p{color:var(--rpfs-on-surface-variant);line-height:1.55}
.rpfs-create-cost{color:var(--rpfs-secondary)!important;text-transform:uppercase;font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:700;letter-spacing:.08em}
.rpfs-create-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
.rpfs-create-card dt{font-size:10px;text-transform:uppercase;color:var(--rpfs-on-surface-variant);letter-spacing:.08em}
.rpfs-create-card dd{margin:4px 0 0;font-weight:800;color:#fff}
.rpfs-create-card .rpfs-create-button{width:100%;font-size:15px}
@media (min-width:1024px) and (max-width:1220px){.rpfs-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.rpfs-app .rpfs-frequency-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rpfs-app .rpfs-volume-wrap{min-width:0}.rpfs-app .rpfs-volume-range{width:70px}.rpfs-app .rpfs-volume-label{display:none}.rpfs-create-grid{grid-template-columns:1fr}.rpfs-create-hero{padding-top:24px}.rpfs-create-card{min-height:auto}}

.rpfs-app #sidebar{max-width:240px;overflow-x:hidden!important;overflow-y:auto!important}
.rpfs-app.rpfs-sidebar-is-collapsed #sidebar{max-width:70px}
.rpfs-app #sidebar *{max-width:100%}
.rpfs-app .rpfs-route-content{position:relative;z-index:30;flex:1 1 auto;min-height:0;overflow:hidden}
.rpfs-app .rpfs-create-screen,.rpfs-app .rpfs-page-screen{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none}
.rpfs-app .rpfs-create-screen::-webkit-scrollbar,.rpfs-app .rpfs-page-screen::-webkit-scrollbar{display:none;width:0;height:0}
.rpfs-app .rpfs-player-shell{min-height:0;z-index:10}
.rpfs-app .rpfs-bg-wrap{background:#030303}
.rpfs-app.rpfs-player-compact .rpfs-player-shell{position:fixed;left:240px;right:0;bottom:0;height:150px;min-height:150px;padding:0;z-index:35;pointer-events:none}
.rpfs-app.rpfs-sidebar-is-collapsed.rpfs-player-compact .rpfs-player-shell{left:70px}
.rpfs-app.rpfs-player-compact .rpfs-bg-wrap{inset:0 24px 70px 24px;height:150px;border-radius:0;border-width:0;box-shadow:none;pointer-events:auto}
.rpfs-app.rpfs-player-compact .rpfs-player-panel{position:absolute;left:30px;right:auto;bottom:70px;width:min(700px,calc(100vw - 330px));max-width:min(700px,calc(100vw - 330px));pointer-events:auto}
.rpfs-app.rpfs-player-compact .rpfs-player-panel .glass-card{display:flex;flex-direction:row;align-items:center;gap:20px;padding:20px 28px!important;border-radius:18px!important}
.rpfs-app.rpfs-player-compact .rpfs-player-copy,.rpfs-app.rpfs-player-compact .rpfs-frequency-card{display:none}
.rpfs-app.rpfs-player-compact .rpfs-player-badges{min-width:310px}
.rpfs-app.rpfs-player-compact .rpfs-player-controls{flex:1;margin:0!important}
.rpfs-page-hero{max-width:960px;margin:0 auto 28px;padding:42px 0 10px}
.rpfs-page-hero h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(38px,5vw,72px);line-height:1;color:#fff;margin:12px 0}
.rpfs-page-hero p:last-child{max-width:760px;font-size:18px;line-height:1.6;color:var(--rpfs-on-surface-variant)}
.rpfs-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(1160px,100%);margin:0 auto 200px}
.rpfs-work-panel,.rpfs-masonry-card,.rpfs-help-grid article{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.22)}
.rpfs-work-panel h2,.rpfs-masonry-card h2,.rpfs-help-grid h2{font-family:"Playfair Display",Georgia,serif;font-size:30px;line-height:1.1;color:#fff;margin:0 0 14px}
.rpfs-work-panel p,.rpfs-masonry-card p,.rpfs-help-grid p{color:var(--rpfs-on-surface-variant);line-height:1.6}
.rpfs-work-panel label{display:block;color:#fff;font-weight:700;margin:12px 0}
.rpfs-work-panel input{display:block;width:100%;margin-top:6px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:#070707;color:#fff;padding:12px}
.rpfs-wide{grid-column:1/-1}.rpfs-action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.rpfs-action-row button,.rpfs-work-panel button,.rpfs-table button,.rpfs-primary-action{border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;font-weight:800;padding:10px 14px}
.rpfs-primary-action{background:var(--rpfs-primary)!important;color:#090909!important}
.rpfs-list{list-style:none;margin:0;padding:0}.rpfs-list li{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);padding:14px 0;color:#fff}
.rpfs-masonry{columns:3 260px;column-gap:18px;width:min(1280px,100%);margin:0 auto 200px}
.rpfs-masonry-card{break-inside:avoid;margin:0 0 18px}
.rpfs-library-panel{width:min(1160px,100%);margin:0 auto 200px;overflow-x:auto}
.rpfs-table{width:100%;border-collapse:collapse;color:#fff}.rpfs-table th,.rpfs-table td{border-bottom:1px solid rgba(255,255,255,.1);padding:14px;text-align:left}.rpfs-table th{color:var(--rpfs-secondary)}
.rpfs-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(1280px,100%);margin:0 auto 200px}
@media (max-width:767px){.rpfs-app.rpfs-player-compact .rpfs-player-shell{left:0;height:132px}.rpfs-app.rpfs-player-compact .rpfs-bg-wrap{inset:0 0 64px 0;height:132px}.rpfs-app.rpfs-player-compact .rpfs-player-panel{left:8px;right:8px;bottom:70px;width:calc(100% - 16px);max-width:none}.rpfs-app.rpfs-player-compact .rpfs-player-panel .glass-card{padding:12px!important;gap:10px!important}.rpfs-app.rpfs-player-compact .rpfs-player-badges{min-width:auto}.rpfs-app.rpfs-player-compact .rpfs-volume-wrap{display:none}.rpfs-page-hero{padding-top:24px}.rpfs-work-grid,.rpfs-help-grid{grid-template-columns:1fr}.rpfs-work-grid,.rpfs-masonry,.rpfs-help-grid,.rpfs-library-panel{margin-bottom:190px}}

/* Route player must become a compact control only outside the Listen page. */
.rpfs-app.rpfs-player-compact .rpfs-player-shell{position:fixed!important;left:auto!important;right:5px!important;bottom:70px!important;width:70vw!important;height:90px!important;min-height:90px!important;padding:0!important;z-index:80!important;pointer-events:none!important;overflow:visible!important}
.rpfs-app.rpfs-player-compact .rpfs-bg-wrap{background:transparent!important;border:0!important;box-shadow:none!important;display:block!important;height:90px!important;inset:0!important;overflow:visible!important;pointer-events:none!important}
.rpfs-app.rpfs-player-compact .rpfs-bg-video,.rpfs-app.rpfs-player-compact .rpfs-bg-wrap>.bg-cover,.rpfs-app.rpfs-player-compact .rpfs-bg-wrap>.bg-gradient-to-t,.rpfs-app.rpfs-player-compact .rpfs-bg-wrap>.bg-gradient-to-r,.rpfs-app.rpfs-player-compact .rpfs-bg-wrap>button{display:none!important}
.rpfs-app.rpfs-player-compact .rpfs-player-panel{position:absolute!important;inset:auto 0 0 auto!important;width:70vw!important;max-width:760px!important;height:90px!important;pointer-events:auto!important}
.rpfs-app.rpfs-player-compact .rpfs-player-panel .glass-card{align-items:center!important;background:rgba(18,18,18,.92)!important;border-radius:18px!important;display:flex!important;flex-direction:row!important;gap:14px!important;height:90px!important;justify-content:space-between!important;overflow:hidden!important;padding:10px 14px!important;width:100%!important}
.rpfs-app.rpfs-player-compact .rpfs-player-copy,.rpfs-app.rpfs-player-compact .rpfs-frequency-card,.rpfs-app.rpfs-player-compact .rpfs-player-badges button,.rpfs-app.rpfs-player-compact .rpfs-player-badges .flex-1{display:none!important}
.rpfs-app.rpfs-player-compact .rpfs-player-badges{display:flex!important;flex:0 0 auto!important;min-width:0!important;white-space:nowrap}
.rpfs-app.rpfs-player-compact .rpfs-player-badges>div{padding:6px 10px!important}
.rpfs-app.rpfs-player-compact .rpfs-player-controls{display:flex!important;flex:1 1 auto!important;gap:12px!important;margin:0!important;min-width:0!important}
.rpfs-app.rpfs-player-compact .rpfs-play-button{height:48px!important;width:48px!important}
.rpfs-app.rpfs-player-compact .rpfs-spectrum{height:34px!important;min-width:130px!important}
.rpfs-app.rpfs-player-compact .rpfs-volume-wrap{flex:0 0 auto!important;min-width:150px!important}
.rpfs-app.rpfs-player-compact .rpfs-route-content{height:auto!important;min-height:calc(100vh - 70px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:190px!important}
.rpfs-app .rpfs-page-screen{height:auto!important;min-height:calc(100vh - 70px)!important;overflow-y:auto!important;overflow-x:hidden!important}
.rpfs-app .rpfs-library-panel{background:transparent!important;border:0!important;box-shadow:none!important;margin:0 auto 190px!important;max-width:none!important;overflow:visible!important;padding:0!important;width:100%!important}
.rpfs-app .rpfs-library-panel .rpfs-table{min-width:760px}
.rpfs-app .rpfs-library-panel{scrollbar-width:none}
.rpfs-app .rpfs-library-panel::-webkit-scrollbar{display:none}
.rpfs-app[data-rpfs-route="studio"] .rpfs-route-content{display:none!important}
.rpfs-app[data-rpfs-route="studio"] .rpfs-player-shell{height:calc(100vh - 70px)!important;min-height:calc(100vh - 70px)!important}
.rpfs-app[data-rpfs-route="studio"] .rpfs-player-panel{max-height:calc(100vh - 130px)!important}
.rpfs-editor-status{color:var(--rpfs-secondary);font-weight:700;min-height:22px;margin:12px 0 0}
.rpfs-editor-status.is-error{color:#ff6c6c}
.rpfs-auth-modal.is-registering .rpfs-auth-intro-actions{display:none!important}
.rpfs-auth-panel{max-height:calc(100vh - 48px);overflow-y:auto;scrollbar-width:none}
.rpfs-auth-panel::-webkit-scrollbar{display:none}

@media (max-width:767px){
	body.rpfs-app-body{overflow:hidden!important}
	.rpfs-app{min-height:100dvh}
	.rpfs-app .rpfs-topbar{height:78px;min-height:78px;max-height:78px;padding:0 20px}
	.rpfs-app .rpfs-topbar h2{font-size:36px;line-height:1.05;max-width:calc(100vw - 110px)}
	.rpfs-app[data-rpfs-route="studio"] .rpfs-player-shell{height:calc(100dvh - 78px - 64px)!important;min-height:calc(100dvh - 78px - 64px)!important}
	.rpfs-app[data-rpfs-route="studio"] .rpfs-player-panel{max-height:calc(100dvh - 172px)!important}
	.rpfs-app .rpfs-route-content{padding:18px 18px 170px!important}
	.rpfs-app .rpfs-page-hero{margin:0 0 28px;padding:20px 0 0}
	.rpfs-app .rpfs-page-hero h1{font-size:clamp(48px,14vw,76px);line-height:.98;overflow-wrap:break-word}
	.rpfs-app .rpfs-page-hero p:last-child{font-size:22px;line-height:1.45}
	.rpfs-app .rpfs-work-grid{display:block;margin-bottom:170px;width:100%}
	.rpfs-app .rpfs-work-panel,.rpfs-app .rpfs-masonry-card,.rpfs-app .rpfs-help-grid article{border-radius:22px;margin-bottom:18px;padding:22px}
	.rpfs-app .rpfs-library-panel{margin-bottom:170px!important;overflow-x:auto!important;padding-bottom:10px!important}
	.rpfs-app .rpfs-library-panel .rpfs-table{font-size:18px;min-width:650px}
	.rpfs-app .rpfs-library-panel .rpfs-table th,.rpfs-app .rpfs-library-panel .rpfs-table td{padding:16px 18px}
	.rpfs-app.rpfs-player-compact .rpfs-player-shell{bottom:78px!important;right:5px!important;width:70vw!important;height:90px!important;min-height:90px!important}
	.rpfs-app.rpfs-player-compact .rpfs-player-panel{width:70vw!important;height:90px!important}
	.rpfs-app.rpfs-player-compact .rpfs-player-panel .glass-card{height:90px!important;padding:10px!important}
	.rpfs-app.rpfs-player-compact .rpfs-player-badges,.rpfs-app.rpfs-player-compact .rpfs-volume-wrap{display:none!important}
	.rpfs-app.rpfs-player-compact .rpfs-player-controls{gap:8px!important;width:100%}
	.rpfs-app.rpfs-player-compact .rpfs-play-button{height:52px!important;width:52px!important}
	.rpfs-app.rpfs-player-compact .rpfs-spectrum{height:38px!important;min-width:0!important}
	.rpfs-auth-modal{align-items:flex-start;padding:14px}
	.rpfs-auth-panel{border-radius:20px;max-height:calc(100dvh - 28px);padding:22px;width:100%}
	.rpfs-auth-panel h2{font-size:42px}
	.rpfs-auth-panel p{font-size:20px;line-height:1.45}
	.rpfs-auth-actions a,.rpfs-auth-actions button{font-size:18px;padding:14px 18px}
}