@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.app-header-top{width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:1rem}.app-header-left{min-width:0;display:flex;align-items:center}.app-header-bottom{width:100%;min-width:0}.header-actions{display:flex;align-items:center;gap:.5rem}@media (min-width: 640px){.header-actions{gap:.75rem}}@media (min-width: 768px){.header-actions{gap:1rem}}.profile-wrapper{position:relative}.user-avatar{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:var(--color-surface-3);transition:all .3s ease;cursor:pointer;border:2px solid var(--color-primary);overflow:hidden;padding:0}@media (min-width: 640px){.user-avatar{width:2.5rem;height:2.5rem}}.user-avatar:hover,.user-avatar.open{border-color:var(--color-primary);box-shadow:0 0 20px color-mix(in srgb,var(--color-primary) 40%,transparent)}.user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.user-avatar-initial{color:var(--color-text-on-status);font-size:.875rem;font-weight:700;line-height:1;text-transform:uppercase}@media (min-width: 640px){.user-avatar-initial{font-size:1rem}}.profile-menu{position:absolute;top:calc(100% + .5rem);right:0;width:min(240px,80vw);background:color-mix(in srgb,var(--color-surface-2) 95%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);border-radius:14px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(-10px);visibility:hidden;transition:all .22s ease;overflow:hidden;z-index:20}.profile-menu.open{opacity:1;transform:translateY(0);visibility:visible}.profile-info{display:flex;align-items:center;gap:.75rem;padding:1rem}.profile-info-icon{width:2rem;height:2rem;color:var(--color-primary);flex-shrink:0}.profile-info-text{display:flex;flex-direction:column;overflow:hidden}.profile-name{font-weight:600;color:var(--color-text);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-email{font-size:.75rem;color:var(--color-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-divider{height:1px;background:color-mix(in srgb,var(--color-primary) 10%,transparent);margin:0 .5rem}.profile-option{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;color:var(--color-text);border:none;cursor:pointer;transition:all .2s ease;text-align:left;font-size:.875rem}.profile-option:hover{background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary)}.profile-option-icon{width:1rem;height:1rem;flex-shrink:0}.logout-option:hover{background:color-mix(in srgb,var(--color-danger) 12%,transparent);color:var(--color-danger)}.home-page{position:relative;width:100%;min-height:100vh;background:linear-gradient(135deg,var(--color-surface-1) 0%,var(--color-surface-2) 50%,var(--color-surface-1) 100%);background-size:200% 200%;animation:gradientShift 10s ease infinite;color:var(--color-text);overflow:hidden;isolation:isolate}.home-shell{position:relative;z-index:1;width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}.home-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.035;animation:rotateSlow 20s linear infinite;pointer-events:none}.home-blur{position:absolute;border-radius:50%;filter:blur(48px);background:color-mix(in srgb,var(--color-primary) 55%,transparent)}.blur-one{width:12rem;height:12rem;top:5rem;left:5rem}.blur-two{width:12rem;height:12rem;bottom:5rem;right:5rem}.blur-three{width:18.75rem;height:18.75rem;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.3}@media (min-width: 640px){.blur-one,.blur-two{width:16rem;height:16rem}.blur-three{width:25rem;height:25rem}}@media (min-width: 1024px){.blur-one,.blur-two{width:24rem;height:24rem}.blur-three{width:37.5rem;height:37.5rem}}.home-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:none}@media (min-width: 640px){.home-particles{display:block}}.home-particle{position:absolute;width:4px;height:4px;background:color-mix(in srgb,var(--color-primary) 55%,transparent);border-radius:50%;animation:particleFloat 8s ease-in-out infinite}.particle-one{top:20%;left:15%}.particle-two{top:40%;left:80%;animation-delay:1s}.particle-three{top:60%;left:25%;animation-delay:2s}.particle-four{top:75%;left:70%;animation-delay:3s}.particle-five{top:30%;left:50%;animation-delay:4s}.home-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;animation:fadeInUp .8s ease-out forwards}@media (min-width: 640px){.home-header{padding:.75rem 1.5rem}}@media (min-width: 768px){.home-header{padding:.75rem 2rem}}@media (min-width: 1024px){.home-header{padding:1rem 3rem}}.home-logo{display:flex;align-items:center;gap:.5rem}@media (min-width: 640px){.home-logo{gap:.75rem}}.logo-img{width:2.5rem;height:2.5rem;-o-object-fit:contain;object-fit:contain;animation:pulseGlow 2.2s ease-in-out infinite;filter:drop-shadow(0 0 24px color-mix(in srgb,var(--color-primary) 25%,transparent))}@media (min-width: 640px){.logo-img{width:3rem;height:3rem}}.logo-text{display:flex;flex-direction:column}.logo-text h1{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:-.025em;color:var(--color-text)}@media (min-width: 640px){.logo-text h1{font-size:1.5rem}}.logo-text p{margin:0;font-size:.625rem;letter-spacing:.05em;color:var(--color-muted)}@media (min-width: 640px){.logo-text p{font-size:.75rem}}.playlist-wrapper{position:relative}.playlist-toggle{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .5rem;border-radius:.5rem;border:1px solid color-mix(in srgb,var(--color-primary) 16%,var(--color-border));background:var(--color-control-bg);color:var(--color-text);cursor:pointer;transition:all .3s ease}@media (min-width: 640px){.playlist-toggle{gap:.5rem;padding:.5rem .75rem}}@media (min-width: 768px){.playlist-toggle{padding:.5rem 1rem}}.playlist-toggle:hover{background:var(--color-accent-surface);color:var(--color-text);border-color:color-mix(in srgb,var(--color-primary) 28%,var(--color-border))}.playlist-toggle.open{border-color:var(--color-primary)}.playlist-icon{width:.75rem;height:.75rem;transition:color .2s ease}@media (min-width: 640px){.playlist-icon{width:.875rem;height:.875rem}}.playlist-toggle:hover .playlist-icon{color:var(--color-primary)}.playlist-arrow{width:.625rem;height:.625rem;transition:transform .3s ease}@media (min-width: 640px){.playlist-arrow{width:.75rem;height:.75rem}}.playlist-toggle.open .playlist-arrow{transform:rotate(180deg)}.playlist-label{display:none;font-size:.75rem;font-weight:500;white-space:nowrap}@media (min-width: 640px){.playlist-label{display:inline;font-size:.875rem}}.playlist-menu{position:absolute;top:calc(100% + .5rem);right:0;width:min(280px,80vw);background:#2d2d2df2;background:color-mix(in srgb,var(--color-surface-2) 95%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);border-radius:14px;box-shadow:0 18px 60px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(-10px);visibility:hidden;transition:all .22s ease;overflow:hidden;z-index:20}.playlist-menu.open{opacity:1;transform:translateY(0);visibility:visible}.playlist-menu header{padding:.85rem 1rem .5rem;border-bottom:1px solid color-mix(in srgb,var(--color-primary) 8%,transparent);font-weight:600;color:var(--color-text)}.playlist-options{max-height:260px;overflow-y:auto;padding:.4rem}.playlist-option{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem .85rem;background:transparent;color:var(--color-text);border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left}.playlist-option:hover{background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary)}.playlist-option.active{background:color-mix(in srgb,var(--color-primary) 16%,transparent);color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent)}.playlist-option span{font-weight:600}.playlist-empty{padding:.85rem 1rem 1rem;color:var(--color-muted);font-size:.95rem}.settings-btn,.user-avatar{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:var(--color-surface-3);transition:all .3s ease;cursor:pointer;border:none}@media (min-width: 640px){.settings-btn,.user-avatar{width:2.5rem;height:2.5rem}}.settings-btn:hover{background:var(--color-accent-surface);transform:scale(1.1)}.settings-icon{width:.875rem;height:.875rem;color:var(--color-muted);transition:color .3s ease}@media (min-width: 640px){.settings-icon{width:1rem;height:1rem}}.settings-btn:hover .settings-icon{color:var(--color-primary)}.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem}@media (min-width: 640px){.hero{padding:1rem 1.5rem}}@media (min-width: 768px){.hero{padding:1rem 2rem}}@media (min-width: 1024px){.hero{padding:1rem 3rem}}.hero-content{animation:float 4s ease-in-out infinite;margin-bottom:.75rem}@media (min-width: 640px){.hero-content{margin-bottom:1rem}}@media (min-width: 768px){.hero-content{margin-bottom:1.5rem}}.hero-icon{position:relative;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}@media (min-width: 640px){.hero-icon{width:5rem;height:5rem;margin-bottom:1.5rem}}@media (min-width: 768px){.hero-icon{width:6rem;height:6rem}}.hero-icon .shimmer{display:none}.hero-icon svg{width:50%;height:50%;color:var(--color-surface-1);position:relative;z-index:1}.hero-logo{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 10px 24px color-mix(in srgb,var(--color-primary) 20%,transparent));animation:pulseGlow 2.2s ease-in-out infinite}.hero-title{margin:0 0 .25rem;font-size:1.75rem;font-weight:700;text-shadow:0 4px 14px rgba(15,23,42,.12)}@media (min-width: 640px){.hero-title{font-size:2rem;margin-bottom:.25rem}}@media (min-width: 768px){.hero-title{font-size:2.5rem}}@media (min-width: 1024px){.hero-title{font-size:3rem;margin-bottom:.5rem}}.hero-tagline{margin:0 0 .125rem;font-size:1rem;color:var(--color-primary);font-weight:300;letter-spacing:.1em}@media (min-width: 640px){.hero-tagline{font-size:1.125rem;margin-bottom:.25rem}}@media (min-width: 768px){.hero-tagline{font-size:1.25rem}}.hero-subtitle{margin:0 auto;color:var(--color-muted);font-size:.625rem;max-width:20rem;line-height:1.4;padding:0 1rem}@media (min-width: 640px){.hero-subtitle{font-size:.75rem;max-width:28rem}}@media (min-width: 768px){.hero-subtitle{font-size:.875rem;max-width:32rem}}@media (min-width: 1024px){.hero-subtitle{font-size:.875rem;max-width:42rem}}.action-grid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%;max-width:72rem;padding:0 1rem;margin-bottom:.75rem}@media (min-width: 640px){.action-grid{flex-direction:row;gap:.75rem;margin-bottom:1rem}}@media (min-width: 768px){.action-grid{gap:1rem}}.action-card{position:relative;width:100%;height:6rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.75rem;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:fadeInUp .8s ease-out forwards;opacity:0}.action-card:nth-child(1){animation-delay:.2s}.action-card:nth-child(2){animation-delay:.3s}.action-card:nth-child(3){animation-delay:.4s}@media (min-width: 640px){.action-card{width:14rem;height:7rem;border-radius:1rem}}@media (min-width: 768px){.action-card{width:16rem;height:8rem}}@media (min-width: 1024px){.action-card{width:18rem;height:8rem}}.action-card:not(.action-live){background:color-mix(in srgb,var(--color-panel-strong) 74%,var(--color-elevated));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border))}.action-card:not(.action-live):hover{box-shadow:0 18px 40px color-mix(in srgb,var(--color-primary) 12%,transparent)}.action-card:not(.action-live):before{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.action-card:not(.action-live):hover:before{transform:scaleX(1)}.action-card:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.action-card:hover:after{width:300px;height:300px}.action-card:hover{transform:translateY(-8px) scale(1.05)}.action-card:active{transform:translateY(-4px) scale(1.02)}@media (max-width: 640px){.action-card:hover{transform:translateY(-4px) scale(1.02)}}@media (min-width: 1920px){.action-card:hover{transform:translateY(-12px) scale(1.08)}}.action-live{background:var(--gradient-primary);border:none;box-shadow:0 16px 34px color-mix(in srgb,var(--color-primary) 18%,transparent);animation:fadeInUp .8s ease-out forwards,pulseGlowBox 2s ease-in-out infinite;animation-delay:.2s,0s}.action-live:hover{box-shadow:0 22px 44px color-mix(in srgb,var(--color-primary) 22%,transparent)}.action-live .corner-accent{position:absolute;top:0;right:0;width:4rem;height:4rem;background:#fff3;border-radius:50%;transform:translate(40%,-40%);transition:transform .5s ease}@media (min-width: 640px){.action-live .corner-accent{width:5rem;height:5rem}}.action-live:hover .corner-accent{transform:translate(40%,-40%) scale(1.5)}.action-refresh-badge{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;z-index:20;font-size:8px;font-weight:500}@media (min-width: 640px){.action-refresh-badge{font-size:10px}}.action-card:not(.action-live) .action-refresh-badge{color:var(--color-muted)}.action-live .action-refresh-badge{color:color-mix(in srgb,var(--color-surface-1) 70%,transparent)}.action-refresh-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:4px;cursor:pointer;border-radius:4px;transition:all .3s ease}.action-refresh-btn:hover{background:#ffffff1a}.action-live .action-refresh-btn:hover{background:#0000001a}.action-card .action-refresh-icon{width:20px!important;height:20px!important;margin-bottom:0!important;transition:transform .3s ease,color .3s ease}.action-refresh-btn:hover .action-refresh-icon{transform:rotate(180deg)}.action-card:not(.action-live) .action-refresh-btn:hover .action-refresh-icon{color:var(--color-primary)}.action-refresh-icon.spinning{animation:spin 1s linear infinite}.action-card svg{width:1.5rem;height:1.5rem;margin-bottom:.5rem;position:relative;z-index:1;transition:transform .3s ease}@media (min-width: 640px){.action-card svg{width:1.75rem;height:1.75rem;margin-bottom:.75rem}}@media (min-width: 768px){.action-card svg{width:2rem;height:2rem}}.action-card:hover svg{transform:scale(1.25)}.action-card:not(.action-live) svg{color:var(--color-primary)}.action-live svg{color:var(--color-surface-1)}.action-title{font-size:1.25rem;font-weight:700;position:relative;z-index:1}@media (min-width: 640px){.action-title{font-size:1.5rem}}.action-subtitle{font-size:.625rem;position:relative;z-index:1}@media (min-width: 640px){.action-subtitle{font-size:.75rem}}.action-card:not(.action-live) .action-title{color:var(--color-text)}.action-card:not(.action-live) .action-subtitle{color:var(--color-muted)}.action-live .action-title,.action-live .action-subtitle{color:var(--color-surface-1)}.action-live .action-subtitle{opacity:.75}.playlist-info-card{width:100%;display:flex;justify-content:center;padding:0 1rem;animation:fadeInUp .8s ease-out forwards;animation-delay:.1s;opacity:0}@media (min-width: 640px){.playlist-info-card{padding:0 1.5rem}}@media (min-width: 768px){.playlist-info-card{padding:0 2rem}}.playlist-info-card .info-card-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;background:color-mix(in srgb,var(--color-surface-3) 30%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--color-primary) 10%,transparent);border-radius:8px;padding:12px 16px;transition:border-color .3s ease}.playlist-info-card .info-card-inner:hover{border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}@media (min-width: 640px){.playlist-info-card .info-card-inner{gap:20px;padding:14px 20px;border-radius:10px}}@media (min-width: 768px){.playlist-info-card .info-card-inner{gap:32px;padding:24px}}.playlist-info-card .stat-item{display:flex;flex-direction:column;gap:4px;transition:transform .3s ease}.playlist-info-card .stat-item:hover{transform:scale(1.15)}.playlist-info-card .stat-item:hover .stat-value{color:var(--color-primary);text-shadow:0 8px 18px color-mix(in srgb,var(--color-primary) 16%,transparent)}.playlist-info-card .stat-label{display:flex;align-items:center;gap:8px;color:var(--color-muted);font-size:12px!important;line-height:1.25;white-space:nowrap}.playlist-info-card .stat-label span{font-size:12px!important}.playlist-info-card .stat-icon{width:12px;height:12px;flex-shrink:0}.playlist-info-card .stat-value{font-size:14px!important;font-weight:600;color:var(--color-text);line-height:1.25;white-space:nowrap;transition:color .3s ease,text-shadow .3s ease}@media (min-width: 640px){.playlist-info-card .stat-value{font-size:16px!important}}.playlist-info-card .stat-value.highlight{color:var(--color-primary)}.playlist-info-card .refresh-action{display:flex;align-items:center;justify-content:center}.playlist-info-card .refresh-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-primary);cursor:pointer;transition:all .3s ease}.playlist-info-card .refresh-btn:hover:not(:disabled){color:var(--color-primary-strong);transform:scale(1.25) rotate(180deg)}.playlist-info-card .refresh-btn:disabled{color:var(--color-muted);cursor:not-allowed;opacity:.5}.playlist-info-card .refresh-btn.spinning .refresh-icon{animation:spin 1s linear infinite}.playlist-info-card .refresh-icon{width:18px;height:18px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-footer{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--color-muted);font-size:.625rem;padding:.5rem 1rem;animation:fadeInUp .8s ease-out forwards;animation-delay:.4s;opacity:0}@media (min-width: 640px){.home-footer{flex-direction:row;justify-content:flex-start;gap:1rem;font-size:.75rem;padding:.75rem 1.5rem}}@media (min-width: 768px){.home-footer{gap:1.5rem;font-size:.875rem;padding:.75rem 2rem}}@media (min-width: 1024px){.home-footer{padding:1rem 3rem}}.home-footer span.separator{display:none}@media (min-width: 640px){.home-footer span.separator{display:inline}}.home-footer a{color:inherit;text-decoration:none;transition:color .3s ease,transform .3s ease;display:inline-block}.home-footer a:hover{color:var(--color-primary);transform:scale(1.1)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes particleFloat{0%,to{transform:translate(0) rotate(0);opacity:.3}25%{transform:translate(10px,-10px) rotate(90deg);opacity:.6}50%{transform:translate(-5px,-20px) rotate(180deg);opacity:.9}75%{transform:translate(-15px,-10px) rotate(270deg);opacity:.6}}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 6px 14px color-mix(in srgb,var(--color-primary) 18%,transparent))}50%{filter:drop-shadow(0 10px 22px color-mix(in srgb,var(--color-primary) 28%,transparent))}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes iconBounce{0%,to{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(0)}75%{transform:translateY(-5px)}}@keyframes pulseGlowBox{0%,to{box-shadow:0 16px 34px color-mix(in srgb,var(--color-primary) 16%,transparent)}50%{box-shadow:0 20px 42px color-mix(in srgb,var(--color-primary) 22%,transparent)}}.login-page{position:relative;height:100vh;background:linear-gradient(135deg,var(--color-surface-1) 0%,var(--color-surface) 50%,var(--color-surface-1) 100%);color:var(--color-text);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,1.5vw,2.25rem)}.login-background{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(254,216,100,.08),transparent 30%),radial-gradient(circle at 80% 40%,rgba(254,216,100,.08),transparent 32%),radial-gradient(circle at 50% 60%,rgba(254,216,100,.05),transparent 40%);animation:gradientShift 12s ease-in-out infinite}.login-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.6}.orb-one{width:28rem;height:28rem;top:14%;left:16%;background:#fed86459}.orb-two{width:26rem;height:26rem;bottom:12%;right:12%;background:#fed86440}.orb-three{width:36rem;height:36rem;top:45%;left:50%;transform:translate(-50%,-50%);background:#fed8642e}.login-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.login-particle{position:absolute;width:6px;height:6px;background:var(--color-primary);border-radius:50%;opacity:.6;animation:float 9s ease-in-out infinite}.particle-one{top:18%;left:18%;animation-delay:1s}.particle-two{top:40%;left:78%;animation-delay:2s}.particle-three{top:62%;left:26%;animation-delay:3s}.particle-four{top:74%;left:68%;animation-delay:4s}.particle-five{top:34%;left:52%;animation-delay:5s}.login-container{position:relative;z-index:1;width:min(1260px,100%);display:flex;gap:clamp(1.5rem,2vw,3rem);align-items:center;height:100%}.login-left{display:none;flex:1;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:clamp(1.5rem,2.5vw,2.5rem);animation:slideInLeft .8s ease-out both;text-align:center;max-height:calc(100vh - 3rem)}.login-logo{display:inline-flex;align-items:center;gap:.8rem;margin-bottom:.75rem;justify-content:center;filter:drop-shadow(0 0 24px rgba(254,216,100,.25))}.logo-image{width:3.25rem;height:3.25rem;-o-object-fit:contain;object-fit:contain;animation:pulseGlow 2.2s ease-in-out infinite}.login-logo h1{font-size:2.1rem;font-weight:700;margin:0;line-height:1.2}.login-logo p{color:#9ca3af;margin:0;font-size:.9rem;letter-spacing:.08em}.login-illustration img{width:min(100%,520px);max-height:min(23rem,34vh);-o-object-fit:contain;object-fit:contain;border-radius:1.5rem;animation:floatSlow 5s ease-in-out infinite;box-shadow:0 24px 60px #00000073}.login-left-copy{max-width:520px;display:flex;flex-direction:column;align-items:center;gap:.35rem}.login-left-copy h2{font-size:clamp(2rem,2vw,2.5rem);margin:0 0 .75rem;text-shadow:0 6px 28px rgba(0,0,0,.35)}.login-left-copy p{color:#d1d5db;margin:0 0 1.5rem;line-height:1.7}.login-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.login-stat{text-align:center}.stat-value{font-size:2.1rem;font-weight:800;color:var(--color-primary);margin-bottom:.35rem}.stat-label{color:#9ca3af;font-size:.85rem;letter-spacing:.04em}.login-right{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;animation:slideInRight .8s ease-out both;height:100%}.login-mobile-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;justify-content:center}.login-card{width:min(520px,100%);background:#3a3a3a85;border:2px solid rgba(254,216,100,.2);border-radius:1.75rem;padding:clamp(1.75rem,3vw,2.75rem);box-shadow:0 24px 80px #00000073;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);max-height:calc(100vh - 3.5rem);overflow:auto;display:flex;flex-direction:column}.login-card-header h2{margin:0 0 .4rem;font-size:clamp(2rem,2vw,2.4rem);font-weight:800;text-shadow:0 6px 20px rgba(0,0,0,.35)}.login-card-header p{margin:0 0 1.25rem;color:#bfc4ce;font-size:.95rem}.social-buttons{display:grid;gap:.9rem;margin-bottom:1.4rem}.social-button{width:100%;border:none;border-radius:.9rem;padding:.95rem 1.1rem;display:flex;align-items:center;gap:.7rem;font-weight:600;font-size:1.05rem;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease;position:relative;overflow:hidden}.social-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(254,216,100,.16),transparent);transform:translate(-100%);transition:transform .5s ease}.social-button:hover:before{transform:translate(100%)}.social-button:hover{transform:translateY(-2px);box-shadow:0 18px 36px #00000059}.social-button.google{background:#fff;color:#1f2937}.social-button.facebook{background:#1877f2;color:#fff}.social-button.apple{background:#0f0f10;color:#fff;border:1px solid #33373d}.social-icon{width:2.25rem;height:2.25rem;display:grid;place-items:center;font-weight:700;font-size:1.05rem;background:none;color:inherit}.social-icon svg{width:100%;height:100%}.social-icon-google{width:2.35rem;height:2.35rem;color:#1f2937}.social-icon-facebook{width:2.35rem;height:2.35rem;color:#fff}.social-icon-apple{width:2.2rem;height:2.2rem;color:#fff}.login-divider{position:relative;text-align:center;margin:1.4rem 0;color:#a3a3a3;font-size:.95rem}.login-divider:before,.login-divider:after{content:"";position:absolute;top:50%;width:44%;height:1px;background:linear-gradient(to right,transparent,rgba(254,216,100,.35),transparent)}.login-divider:before{left:0}.login-divider:after{right:0}.login-form{display:grid;gap:.9rem;flex:1}.input-label{font-size:.95rem;color:#d1d5db;margin-top:.2rem}.input-wrapper{position:relative;display:flex;align-items:center;background:var(--color-surface-3);border:1px solid #4b5563;border-radius:.9rem;padding:.15rem .6rem .15rem .9rem;transition:border .2s ease,box-shadow .2s ease,transform .2s ease}.input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px #fed8641f;transform:translateY(-1px)}.input-icon{color:#9ca3af;width:1.15rem;height:1.15rem}.login-input{background:transparent;border:none;outline:none;color:#fff;width:100%;padding:1rem .85rem;font-size:1.02rem;letter-spacing:.01em}.login-input::-moz-placeholder{color:#9ca3af}.login-input::placeholder{color:#9ca3af}.password-toggle{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.4rem .35rem .4rem .8rem;display:grid;place-items:center;transition:color .2s ease}.password-toggle:hover{color:var(--color-primary)}.form-meta{display:flex;align-items:center;justify-content:space-between;margin:.4rem 0;flex-wrap:wrap;gap:.75rem}.remember{display:flex;align-items:center;gap:.45rem;color:#d1d5db;font-size:.95rem;cursor:pointer}.remember-checkbox{accent-color:var(--color-primary);width:1rem;height:1rem}.link{color:var(--color-primary);font-weight:600;text-decoration:none;margin-left:.3rem;transition:color .2s ease}.link:hover{color:#ffe08a}.login-error{background:#7f1d1d59;border:1px solid rgba(248,113,113,.5);color:#fecaca;border-radius:.85rem;padding:.9rem 1rem;font-size:.95rem}.primary-button{width:100%;border:none;border-radius:.95rem;padding:1rem;font-weight:800;font-size:1rem;color:#0f0f0f;background:linear-gradient(90deg,var(--color-primary),#ffd659,#ffed8f);cursor:pointer;position:relative;overflow:hidden;box-shadow:0 16px 54px #fed86466;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;display:inline-flex;align-items:center;justify-content:center;gap:.6rem}.primary-button:hover:not(:disabled){transform:translateY(-2px) scale(1.01);box-shadow:0 24px 64px #fed86499}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button:disabled{opacity:.75;cursor:not-allowed}.primary-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff52;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.primary-button:hover:before{width:18rem;height:18rem}.button-spinner{width:1.15rem;height:1.15rem;animation:spin 1s linear infinite}.login-footer-note{margin-top:1.1rem;text-align:center;color:#cbd5e1;font-size:.95rem}.login-terms{color:#9ca3af;font-size:.85rem;text-align:center;margin-top:.25rem}@media (max-width: 1023px){.login-left{display:none}.login-right{width:100%;height:100%}.login-card{max-height:calc(100vh - 2.5rem);padding:clamp(1.3rem,3vw,1.8rem)}}@media (min-width: 1024px){.login-left{display:flex}.login-mobile-logo{display:none}}@media (max-width: 640px){.login-page{padding:1.25rem}.login-card{padding:1.4rem}.login-right{gap:.75rem}.login-footer-note{font-size:.9rem}}@keyframes gradientShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(15deg)}}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(-8px,-14px)}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes logoGlow{0%,to{box-shadow:0 0 22px #fed8648c}50%{box-shadow:0 0 36px #fed864cc}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 16px rgba(254,216,100,.55))}50%{filter:drop-shadow(0 0 26px rgba(254,216,100,.8))}}.settings-page{min-height:100vh;background:linear-gradient(135deg,var(--color-surface-1) 0%,var(--color-surface-2) 50%,var(--color-surface-1) 100%);background-size:200% 200%;animation:gradientShift 10s ease infinite;color:var(--color-text)}.settings-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;padding:.5rem 1rem;border-color:color-mix(in srgb,var(--color-primary) 10%,transparent);background:color-mix(in srgb,var(--color-surface-2) 86%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}@media (min-width: 640px){.settings-header{padding:.75rem 1.5rem}}@media (min-width: 768px){.settings-header{padding:.75rem 2rem}}@media (min-width: 1024px){.settings-header{padding:1rem 3rem}}.settings-header-main{display:flex;align-items:center;gap:1rem}@media (min-width: 768px){.settings-header-main{gap:1.5rem}}.settings-back-button{display:flex;align-items:center;gap:.75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;color:var(--color-muted)}.settings-back-button:hover{color:var(--color-primary)}.settings-back-icon{display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background:var(--color-surface-3);border:1px solid var(--color-border-soft)}.settings-back-button:hover .settings-back-icon{background:var(--color-primary-tint);border-color:color-mix(in srgb,var(--color-primary) 22%,var(--color-border))}.settings-back-label{display:none;font-size:.875rem;line-height:1.25rem;font-weight:500}@media (min-width: 640px){.settings-back-label{display:inline}}.settings-layout{display:flex;min-height:calc(100vh - 89px);flex-direction:column;overflow:hidden}@media (min-width: 768px){.settings-layout{flex-direction:row}}.settings-sidebar{display:flex;width:100%;flex-direction:column;border-bottom-width:1px}@media (min-width: 768px){.settings-sidebar{width:18rem;border-bottom-width:0px;border-right-width:1px}}.settings-sidebar{background:color-mix(in srgb,var(--color-surface-2) 84%,transparent);border-color:color-mix(in srgb,var(--color-primary) 8%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.settings-nav-item{display:flex;width:100%;align-items:center;gap:1rem;padding:1rem 1.5rem;text-align:left;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;position:relative}.settings-nav-item.active{background:linear-gradient(90deg,var(--color-accent-surface-hover) 0%,transparent 100%);border-left:3px solid color-mix(in srgb,var(--color-primary) 46%,var(--color-border))}.settings-nav-item:hover:not(.active){background:color-mix(in srgb,var(--color-surface-3) 58%,transparent);transform:translate(4px)}.settings-nav-icon{height:1.25rem;width:1.25rem;flex-shrink:0;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;color:var(--color-muted)}.settings-nav-item.active .settings-nav-icon{color:var(--color-primary)}.settings-main{flex:1 1 0%;overflow-y:auto}.settings-section-content{padding:1.5rem}@media (min-width: 768px){.settings-section-content{padding:2rem}}.settings-section-content{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.media-detail{position:relative;min-height:calc(100vh - 5.5rem);display:flex;flex-direction:column}.media-detail__hero{position:relative;min-height:min(76vh,52rem);overflow:hidden;border-bottom:1px solid color-mix(in srgb,var(--color-primary) 14%,transparent)}.media-detail__backdrop,.media-detail__backdrop-frame,.media-detail__backdrop-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.media-detail__backdrop-frame{opacity:0;transition:opacity .9s ease}.media-detail__backdrop-frame.is-active{opacity:1}.media-detail__backdrop-image{-o-object-fit:cover;object-fit:cover;transform:scale(1.04);filter:saturate(.92) contrast(.94)}.media-detail__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 22% 78%,rgba(243,182,77,.26),transparent 30%),linear-gradient(90deg,#0a0a0ae6,#0a0a0a9e 38%,#0a0a0ac7),linear-gradient(180deg,#0b0b0b1a,#0b0b0bb8)}.media-detail__loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(115deg,#ffffff05 20%,#ffffff1f,#ffffff05 56%),linear-gradient(180deg,#0707072e,#0707076b);background-size:200% 100%,100% 100%;animation:mediaDetailLoadingSweep 1.4s ease-in-out infinite;pointer-events:none}.media-detail__close{position:absolute;top:1.4rem;right:1.4rem;z-index:4;width:3rem;height:3rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#ffffff24;color:#fff;display:inline-flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .2s ease,background .2s ease}.media-detail__close:hover{transform:translateY(-1px);background:#fff3}.media-detail__close svg{width:1.1rem;height:1.1rem}.media-detail__hero-inner{position:relative;z-index:3;min-height:inherit;display:flex;align-items:flex-end;padding:2rem 1.2rem 2.4rem}.media-detail__content{max-width:35rem;display:grid;gap:1rem}.media-detail__eyebrow{display:inline-flex;align-items:center;gap:.65rem;color:#fff5e1db;font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.media-detail__eyebrow-dot{width:.32rem;height:.32rem;border-radius:999px;background:#ffffff80}.media-detail__content h2{margin:0;font-size:clamp(2.6rem,6vw,5.6rem);line-height:.94;font-weight:700;letter-spacing:-.05em}.media-detail__meta{display:flex;flex-wrap:wrap;gap:.75rem}.media-detail__meta span,.media-detail__genres span{display:inline-flex;align-items:center;gap:.45rem;min-height:2.25rem;padding:.38rem .82rem;border-radius:999px;background:#ffffff1a;color:#fffffff2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.media-detail__meta svg{width:.92rem;height:.92rem;color:var(--color-primary)}.media-detail__genres{display:flex;flex-wrap:wrap;gap:.65rem}.media-detail__genres span{background:#ffe3a01f;color:#fff4d6f5}.media-detail__summary{margin:0;max-width:33rem;color:#faf8f4eb;font-size:1.02rem;line-height:1.75}.media-detail__status{margin:0;color:#fff4d6c7;font-size:.92rem}.media-detail__status--error{color:#ffb4aa}.media-detail__actions{display:flex;flex-wrap:wrap;gap:.8rem;padding-top:.35rem}.media-detail__play,.media-detail__secondary,.media-detail__tab{transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.media-detail__play,.media-detail__secondary{min-height:3.35rem;padding:.85rem 1.35rem;border-radius:999px;font-size:1rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.65rem}.media-detail__play{border:1px solid rgba(255,220,134,.22);background:#ffecb829;color:#fff6dc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.media-detail__play:hover:not(:disabled),.media-detail__secondary:hover,.media-detail__tab:hover{transform:translateY(-1px)}.media-detail__play:disabled{opacity:.7;cursor:progress}.media-detail__play svg{width:1rem;height:1rem;color:var(--color-primary)}.media-detail__secondary{border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#ffffffe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.media-detail__icon-action{width:3.35rem;min-width:3.35rem;min-height:3.35rem;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:1rem;background:#ffffff14;color:#ffffffe0;display:inline-flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.media-detail__icon-action:hover:not(:disabled){transform:translateY(-1px);border-color:#ffe9ad52;background:#ffeec724}.media-detail__icon-action.is-active{border-color:#ffdb8161;background:#ffe5a02e;color:#fff0c5}.media-detail__icon-action:disabled{opacity:.7;cursor:progress}.media-detail__icon-action svg{width:1rem;height:1rem}.media-detail__imdb-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;background:transparent;border:0;padding:0}.media-detail__imdb-link:hover{transform:none}.media-detail__imdb-logo{display:block;width:4.25rem;height:auto}.media-detail__body{position:relative;z-index:3;margin-top:-1.6rem;padding:0 1.2rem 2rem}.media-detail__tabs{display:flex;flex-wrap:wrap;gap:.75rem;padding-bottom:1rem}.media-detail__tab{min-height:2.9rem;padding:.65rem 1rem;border:1px solid color-mix(in srgb,var(--color-primary) 10%,transparent);border-radius:999px;background:color-mix(in srgb,var(--color-surface-2) 88%,transparent);color:var(--color-muted);font-weight:700;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.media-detail__tab.is-active{border-color:color-mix(in srgb,var(--color-primary) 40%,transparent);background:color-mix(in srgb,var(--color-primary) 16%,var(--color-surface-2));color:var(--color-text)}.media-detail__panel-grid{display:grid;gap:1rem}@keyframes mediaDetailLoadingSweep{0%{background-position:160% 0,0 0}to{background-position:-40% 0,0 0}}.media-detail__main-panel{display:grid;gap:1rem}.media-detail__panel{border:1px solid color-mix(in srgb,var(--color-primary) 10%,transparent);border-radius:1.55rem;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-2) 90%,transparent),color-mix(in srgb,var(--color-surface-1) 96%,transparent));box-shadow:0 18px 48px #0003;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:1.2rem}.media-detail__panel-heading{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem}.media-detail__panel-heading svg{width:1rem;height:1rem;color:var(--color-primary)}.media-detail__panel-heading h3{margin:0;font-size:1rem;font-weight:700}.media-detail__panel p{margin:0;color:var(--color-muted);line-height:1.75}.media-detail__overview-cast{margin-top:1.35rem;display:grid;gap:.85rem}.media-detail__overview-cast h4{margin:0;font-size:.95rem;font-weight:700;color:var(--color-text)}.media-detail__cast-more{display:grid;gap:.85rem;justify-items:center}.media-detail__cast-toggle{width:-moz-fit-content;width:fit-content;max-width:100%;display:inline-flex;align-items:center;gap:.55rem;justify-content:center;padding:.5rem .2rem;border:none;border-radius:0;background:transparent;color:var(--color-text);font-size:.84rem;font-weight:700;transition:color .2s ease,transform .2s ease}.media-detail__cast-toggle:hover{transform:translateY(-1px);color:var(--color-primary)}.media-detail__cast-toggle svg{width:.95rem;height:.95rem;color:var(--color-primary);transition:transform .2s ease}.media-detail__cast-toggle.is-open svg{transform:rotate(180deg)}.media-detail__cast-panel{width:100%}.media-detail__episode-code{display:block;margin-bottom:.35rem;color:var(--color-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.07em}.media-detail__episodes{display:grid;gap:.9rem}.media-detail__episode{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:1rem;padding:1rem;border-radius:1.15rem;background:#ffffff0a}.media-detail__episode-copy h4{margin:0 0 .45rem;font-size:1rem}.media-detail__episode-copy p{margin:0}.media-detail__cast{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.5rem}.media-detail__cast-member{flex:0 0 auto;display:grid;grid-template-columns:4rem minmax(0,1fr);align-items:center;gap:.9rem;min-width:13rem}.media-detail__cast-link{grid-column:1 / -1;display:grid;grid-template-columns:4rem minmax(0,1fr);align-items:center;gap:.9rem;width:100%;color:inherit;text-decoration:none}.media-detail__cast-avatar{width:4rem;height:4rem;overflow:hidden;border-radius:999px;background:#ffffff14;box-shadow:0 8px 20px #00000038}.media-detail__cast-avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.media-detail__cast-avatar-button{position:relative;display:block;padding:0;border:none;background:transparent;color:inherit;cursor:pointer}.media-detail__cast-tooltip{position:absolute;left:50%;bottom:calc(100% + .65rem);z-index:5;min-width:-moz-max-content;min-width:max-content;max-width:min(14rem,70vw);padding:.65rem .8rem;border:1px solid color-mix(in srgb,var(--color-primary) 18%,transparent);border-radius:.95rem;background:color-mix(in srgb,var(--color-surface-1) 94%,rgba(0,0,0,.9));box-shadow:0 12px 30px #00000047;opacity:0;pointer-events:none;transform:translate(-50%,.35rem);transition:opacity .18s ease,transform .18s ease}.media-detail__cast-avatar-button:hover .media-detail__cast-tooltip,.media-detail__cast-avatar-button:focus-visible .media-detail__cast-tooltip,.media-detail__cast-avatar-button.is-tooltip-open .media-detail__cast-tooltip{opacity:1;transform:translate(-50%)}.media-detail__cast-tooltip strong,.media-detail__cast-tooltip span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-detail__cast-tooltip strong{color:var(--color-text);font-size:.88rem;font-weight:700}.media-detail__cast-tooltip span{margin-top:.18rem;color:var(--color-muted);font-size:.76rem}.media-detail__cast-copy{min-width:0;display:grid;gap:.2rem}.media-detail__cast-copy strong,.media-detail__cast-copy span{display:block;min-width:0}.media-detail__cast-copy strong{color:var(--color-text);font-size:.98rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-detail__cast-copy span{color:var(--color-muted);font-size:.82rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-detail__empty{padding:1.2rem;border-radius:1rem;background:#ffffff0a}@media (min-width: 768px){.media-detail__hero-inner{padding:3rem 2rem}.media-detail__body{padding:0 2rem 2.5rem}}@media (min-width: 1080px){.media-detail__hero-inner{padding:4rem 3rem 3.25rem}.media-detail__body{padding:0 3rem 3rem}}@media (max-width: 767px){.media-detail__hero{min-height:38rem}.media-detail__close{top:1rem;right:1rem}.media-detail__episode{grid-template-columns:1fr;gap:.5rem}}@media (max-width: 640px){.media-detail__cast{justify-content:center;gap:1rem}.media-detail__cast-member{width:4rem;min-width:0;display:block}.media-detail__cast-avatar{width:4rem;height:4rem}.media-detail__cast-link,.media-detail__cast-copy{display:none}}.media-streaming-page{--media-header-height: 104px;--media-surface: var(--color-control-bg);--media-surface-hover: var(--color-control-bg-hover);--media-surface-strong: color-mix(in srgb, var(--color-panel-strong) 78%, var(--color-elevated));--media-surface-stronger: color-mix(in srgb, var(--color-panel-strong) 88%, var(--color-elevated-strong));--media-border: var(--color-control-border);--media-border-strong: var(--color-control-border-strong);--media-accent-surface: var(--color-accent-surface);--media-accent-surface-hover: var(--color-accent-surface-hover);--media-accent-surface-strong: var(--color-accent-surface-strong);--media-accent-border: var(--color-accent-border);--media-accent-border-strong: var(--color-accent-border-strong);--media-accent-shadow: 0 14px 28px var(--color-accent-shadow-soft);--media-accent-shadow-strong: 0 18px 36px var(--color-accent-shadow);--media-overlay-surface: color-mix(in srgb, var(--color-panel-strong) 72%, var(--color-overlay-strong));--media-overlay-border: color-mix(in srgb, var(--color-border) 55%, transparent);--media-overlay-muted: color-mix(in srgb, var(--color-text) 72%, transparent);--media-player-surface: color-mix(in srgb, var(--color-player) 88%, var(--color-surface));--media-success-surface: color-mix(in srgb, var(--color-success) 18%, var(--color-panel));--media-success-border: color-mix(in srgb, var(--color-success) 32%, var(--color-border));position:relative;min-height:100vh;overflow-x:hidden;color:var(--color-text);background:linear-gradient(135deg,var(--color-surface-1) 0%,var(--color-surface-2) 50%,var(--color-surface-1) 100%);background-size:200% 200%;animation:mediaGradientShift 10s ease infinite}.media-streaming-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.045;pointer-events:none}.media-streaming-blur{position:absolute;width:24rem;height:24rem;border-radius:999px;background:color-mix(in srgb,var(--color-primary) 52%,transparent);filter:blur(70px)}.media-streaming-blur-left{top:4rem;left:3rem}.media-streaming-blur-right{right:3rem;bottom:3rem}.media-streaming-shell{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.media-streaming-header{position:relative;z-index:10;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.75rem;padding:.75rem 1.5rem;border-bottom:1px solid color-mix(in srgb,var(--color-primary) 10%,transparent);background:color-mix(in srgb,var(--color-surface-2) 86%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.media-streaming-header .app-header-left{flex:1 1 auto;min-width:0}@media (min-width: 768px){.media-streaming-header{padding:.75rem 2rem}}@media (min-width: 1024px){.media-streaming-header{padding:1rem 3rem}}.media-header-main{min-width:0;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.media-page-title{flex:0 0 8.5ch;min-width:8.5ch}.media-back-button,.media-refresh-button{width:2.5rem;height:2.5rem;padding:0;border:1px solid color-mix(in srgb,var(--color-primary) 12%,var(--color-border));border-radius:.9rem;background:var(--color-control-bg);color:var(--color-muted);display:inline-flex;align-items:center;justify-content:center;transition:all .25s ease}.media-back-button:hover,.media-refresh-button:hover{color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 26%,var(--color-border));background:var(--color-accent-surface)}.media-back-button__icon,.media-refresh-button svg,.media-back-button svg{width:1.1rem;height:1.1rem}.media-refresh-button.is-refreshing svg,.spinning{animation:mediaSpin .9s linear infinite}.media-settings-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;border-radius:50%;background:var(--color-surface-3);cursor:pointer;transition:background .3s ease,transform .3s ease}@media (min-width: 640px){.media-settings-btn{width:2.5rem;height:2.5rem}}.media-settings-btn:hover{background:var(--color-accent-surface);transform:scale(1.1)}.media-settings-icon{width:.875rem;height:.875rem;color:var(--color-muted);transition:color .3s ease}@media (min-width: 640px){.media-settings-icon{width:1rem;height:1rem}}.media-settings-btn:hover .media-settings-icon{color:var(--color-primary)}.media-page-title h1{margin:0;font-size:2rem;line-height:1.1;font-weight:700;white-space:nowrap}.media-switcher{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.media-switcher-mobile{display:block;min-width:0;flex:1 1 100%;background:transparent;box-shadow:none;margin:0;overflow:hidden}.media-switcher-mobile__trigger{width:100%;min-height:3.1rem;padding:.7rem 2.8rem .7rem 1.5rem;border:0;border-radius:0;background:transparent;color:var(--color-text);font-size:.95rem;font-weight:600;display:inline-flex;align-items:center;justify-content:space-between;text-align:left;transition:border-color .24s ease,box-shadow .24s ease,background .24s ease}.media-switcher-mobile__trigger:hover,.media-switcher-mobile__trigger.open{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.media-switcher-mobile__trigger:focus-visible{outline:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-primary) 22%,transparent)}.media-switcher-mobile__trigger-label{min-width:0}.media-switcher-mobile__menu{width:100%;margin-top:0;background:transparent;border-top:1px solid color-mix(in srgb,var(--color-primary) 10%,transparent);max-height:0;opacity:0;pointer-events:none;transition:max-height .24s ease,opacity .18s ease;box-sizing:border-box;overflow:hidden}.media-switcher-mobile__menu.open{max-height:18rem;opacity:1;pointer-events:auto}.media-switcher-mobile__option{width:100%;padding:.9rem 1.5rem;border:0;background:transparent;color:var(--color-text);display:flex;align-items:center;justify-content:space-between;text-align:left;transition:background .2s ease,color .2s ease}.media-switcher-mobile__option+.media-switcher-mobile__option{border-top:1px solid color-mix(in srgb,var(--color-primary) 10%,transparent)}.media-switcher-mobile__option:hover{background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary)}.media-switcher-mobile__option.is-active{background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary)}.media-switcher-mobile__option-content{display:inline-flex;align-items:center;gap:.7rem;min-width:0;font-size:.95rem;font-weight:600}.media-switcher-mobile__option-content svg,.media-switcher-mobile__option-check{width:1rem;height:1rem}.media-switcher-mobile__chevron{width:1rem;height:1rem;color:color-mix(in srgb,var(--color-primary) 72%,var(--color-muted));flex-shrink:0;transition:transform .22s ease}.media-switcher-mobile__trigger.open .media-switcher-mobile__chevron{transform:rotate(180deg)}@media (min-width: 1024px){.media-switcher{position:absolute;left:50%;transform:translate(-50%);margin-left:0}}@media (max-width: 767.98px){.media-switcher{display:none}}@media (min-width: 768px){.media-switcher-mobile{display:none}}.media-switcher__item{display:inline-flex;align-items:center;min-width:0;isolation:isolate}.media-switcher__button{position:relative;box-sizing:border-box;display:inline-flex;align-items:center;gap:.5rem;min-height:3.1rem;padding:.7rem 1rem;border:1px solid color-mix(in srgb,var(--color-border) 85%,transparent);border-radius:.85rem;background:var(--color-surface-2);color:var(--color-muted);font-size:.875rem;font-weight:600;transform:translateY(0) scale(.94);transform-origin:center center;transition:color .42s ease,border-color .42s ease,background .42s ease,box-shadow .42s ease,width .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}.media-switcher__button svg{width:1rem;height:1rem;transition:transform .5s cubic-bezier(.22,1,.36,1),color .42s ease,opacity .42s ease}.media-switcher__button span{transition:transform .5s cubic-bezier(.22,1,.36,1),color .42s ease,opacity .42s ease}.media-switcher__button svg,.media-switcher__button span{opacity:.88}.media-switcher__button:hover{color:var(--color-text);border-color:color-mix(in srgb,var(--color-primary) 26%,var(--color-border));transform:translateY(0) scale(.965)}.media-switcher__button.is-active{color:var(--color-primary-contrast);background:var(--gradient-primary);border-color:color-mix(in srgb,var(--color-primary) 42%,var(--color-border));box-shadow:0 14px 28px color-mix(in srgb,var(--color-primary) 14%,transparent);transform:translateY(0) scale(1)}.media-switcher__button.is-active svg,.media-switcher__button.is-active span{opacity:1;transform:translate(0)}.media-switcher__button--active-shell{width:auto;max-width:100%;justify-content:flex-start;overflow:hidden}.media-switcher__button--active-shell.is-search-available{padding-right:.7rem}.media-switcher__button--active-shell.is-search-open{width:auto;padding-right:.85rem}.media-switcher__button-main{display:inline-flex;align-items:center;gap:.5rem;min-width:-moz-max-content;min-width:max-content}.media-switcher__search-toggle{width:2rem;height:2rem;flex:0 0 2rem;margin-left:.2rem;padding:0;border:0;border-radius:999px;background:transparent;color:var(--color-primary-contrast);display:inline-flex;align-items:center;justify-content:center;opacity:0;transform:translate(.35rem) scale(.92);transition:opacity .2s ease,transform .24s ease,background .2s ease}.media-switcher__button--active-shell.is-search-available .media-switcher__search-toggle,.media-switcher__button--active-shell.is-search-open .media-switcher__search-toggle{opacity:1;transform:translate(0) scale(1)}.media-switcher__search-toggle:hover{background:color-mix(in srgb,var(--color-primary-contrast) 16%,transparent)}.media-switcher__search-toggle svg{width:.9rem;height:.9rem}.media-switcher__search-inline{width:0;min-width:0;overflow:hidden;transition:width .28s ease}.media-switcher__button--active-shell.is-search-open .media-switcher__search-inline{width:min(11.5rem,32vw)}.media-switcher__search-input{width:100%;min-width:0;padding:0;border:0;background:transparent;color:var(--color-primary-contrast);font-size:.82rem;font-weight:600;opacity:0;outline:none;transform:translate(-.2rem);transition:opacity .2s ease,transform .2s ease}.media-switcher__button--active-shell.is-search-open .media-switcher__search-input{opacity:1;transform:translate(0)}.media-switcher__search-input::-moz-placeholder{color:color-mix(in srgb,var(--color-primary-contrast) 74%,transparent)}.media-switcher__search-input::placeholder{color:color-mix(in srgb,var(--color-primary-contrast) 74%,transparent)}@media (prefers-reduced-motion: reduce){.media-switcher__button,.media-switcher__button svg,.media-switcher__button span{transition:none}}.media-playlist-wrapper{position:relative}.media-playlist-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .85rem;border-radius:.75rem;border:1px solid color-mix(in srgb,var(--color-primary) 16%,var(--color-border));background:var(--color-control-bg);color:var(--color-text);cursor:pointer;transition:all .3s ease}@media (min-width: 768px){.media-playlist-toggle{padding:.5rem 1rem}}.media-playlist-toggle:hover{background:var(--color-accent-surface);color:var(--color-text);border-color:color-mix(in srgb,var(--color-primary) 28%,var(--color-border))}.media-playlist-toggle.open{border-color:var(--color-primary)}.media-playlist-icon{width:.875rem;height:.875rem;transition:color .2s ease}.media-playlist-toggle:hover .media-playlist-icon{color:var(--color-primary)}.media-playlist-arrow{width:.75rem;height:.75rem;transition:transform .3s ease}.media-playlist-toggle.open .media-playlist-arrow{transform:rotate(180deg)}.media-playlist-label{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500}.media-playlist-menu{position:absolute;top:calc(100% + .5rem);right:0;width:min(280px,80vw);background:color-mix(in srgb,var(--color-surface-2) 95%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);border-radius:14px;box-shadow:0 18px 60px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(-10px);visibility:hidden;transition:all .22s ease;overflow:hidden;z-index:20}.media-playlist-menu.open{opacity:1;transform:translateY(0);visibility:visible}.media-playlist-menu header{padding:.85rem 1rem .5rem;border-bottom:1px solid color-mix(in srgb,var(--color-primary) 8%,transparent);font-weight:600;color:var(--color-text)}.media-playlist-options{max-height:260px;overflow-y:auto;padding:.4rem}.media-playlist-option{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem .85rem;background:transparent;color:var(--color-text);border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left}.media-playlist-option:hover{background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary)}.media-playlist-option.active{background:color-mix(in srgb,var(--color-primary) 16%,transparent);color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent)}.media-playlist-option span{font-weight:600}.media-playlist-empty{padding:.85rem 1rem 1rem;color:var(--color-muted);font-size:.95rem}.media-streaming-body{--media-sidebar-width: 23rem;position:relative;flex:1;display:grid;grid-template-columns:var(--media-sidebar-width) minmax(0,1fr);align-items:stretch;min-height:calc(100vh - var(--media-header-height));transition:grid-template-columns .32s cubic-bezier(.22,1,.36,1)}.media-streaming-body.is-sidebar-collapsed{--media-sidebar-width: 4.5rem}.media-streaming-body.is-detail-view{grid-template-columns:minmax(0,1fr)}.media-streaming-body:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--media-sidebar-width);background:color-mix(in srgb,var(--color-surface-2) 94%,transparent);border-right:1px solid color-mix(in srgb,var(--color-primary) 10%,transparent);pointer-events:none;z-index:0;transition:width .32s cubic-bezier(.22,1,.36,1)}.media-streaming-body.is-detail-view:before{display:none}.media-sidebar{display:flex;align-self:stretch;height:100%;min-height:calc(100vh - var(--media-header-height));position:relative;z-index:1;overflow:hidden;transition:width .32s cubic-bezier(.22,1,.36,1),min-width .32s cubic-bezier(.22,1,.36,1)}.media-sidebar.is-collapsed{min-width:4.5rem}.media-sidebar__panel{position:sticky;top:0;height:calc(100vh - var(--media-header-height));max-height:calc(100vh - var(--media-header-height));box-sizing:border-box;width:100%;padding:1.85rem 1.35rem 0;display:flex;flex-direction:column;gap:1.2rem;overflow:hidden;transition:padding .28s cubic-bezier(.22,1,.36,1)}.media-sidebar.is-collapsed .media-sidebar__panel{align-items:center;padding:1rem .65rem 0}.media-sidebar__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.media-sidebar__header-actions{display:inline-flex;align-items:center;gap:.6rem;flex-shrink:0}.media-sidebar__refresh{flex-shrink:0}.media-sidebar__sort-row{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.media-sidebar__sort-chip{padding:.6rem .85rem;border:1px solid var(--media-border);border-radius:999px;background:var(--media-surface);color:var(--color-control-text-muted);font-size:.78rem;font-weight:700;line-height:1;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}.media-sidebar__sort-chip:hover{border-color:var(--media-border-strong);color:var(--color-text);transform:translateY(-1px)}.media-sidebar__sort-chip.is-active{border-color:var(--media-accent-border);background:var(--media-accent-surface);color:var(--color-primary)}.media-sidebar.is-collapsed .media-sidebar__header{width:100%;justify-content:center}.media-sidebar.is-collapsed .media-sidebar__header-actions{flex-direction:column-reverse}.media-sidebar__collapsed-label{min-height:0;flex:1;width:100%;display:flex;align-items:center;justify-content:center;padding:.5rem 0 1rem;overflow:hidden}.media-sidebar__collapsed-label span{max-height:100%;writing-mode:vertical-rl;transform:rotate(180deg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:700;color:color-mix(in srgb,var(--color-text) 78%,transparent)}.media-sidebar__intro{padding:0 .15rem;opacity:1;transform:translate(0);transition:opacity .18s ease,transform .24s ease}.media-sidebar.is-collapsed .media-sidebar__intro{display:none}.media-sidebar__intro h2{margin:0;font-size:1.15rem;line-height:1.15;font-weight:700;color:var(--color-text)}.media-sidebar__intro p{margin:.55rem 0 0;font-size:.9rem;line-height:1.4;color:var(--color-text-muted)}.media-sidebar__toggle{width:2.4rem;height:2.4rem;flex-shrink:0;padding:0;border:1px solid var(--media-border);border-radius:.8rem;background:var(--media-surface);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s ease,color .2s ease,background .2s ease}.media-sidebar.is-collapsed .media-sidebar__toggle{width:2.7rem;height:2.7rem}.media-sidebar__toggle:hover{border-color:color-mix(in srgb,var(--color-primary) 24%,var(--color-border));color:var(--color-primary)}.media-sidebar__toggle svg{width:1rem;height:1rem}.media-sidebar__search,.media-main-search{position:relative}.media-sidebar-mobile{display:none}.media-sidebar-mobile__top-row{display:flex;align-items:center;gap:.75rem}.media-sidebar-mobile__trigger{width:100%;flex:1 1 auto;min-height:3.15rem;padding:.85rem 1rem;border:1px solid var(--media-border);border-radius:1rem;background:var(--media-surface-strong);color:var(--color-text);display:inline-flex;align-items:center;justify-content:space-between;gap:.75rem;text-align:left;font-size:.98rem;font-weight:700}.media-sidebar-mobile__refresh{flex-shrink:0}.media-sidebar-mobile__trigger-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-sidebar-mobile__trigger-icon{width:1rem;height:1rem;color:var(--color-primary);flex-shrink:0;transition:transform .2s ease}.media-sidebar-mobile__trigger.open .media-sidebar-mobile__trigger-icon{transform:rotate(180deg)}.media-sidebar-mobile__menu{max-height:0;opacity:0;overflow:hidden;pointer-events:none;transition:max-height .24s ease,opacity .18s ease,margin-top .24s ease}.media-sidebar-mobile__menu.open{max-height:32rem;opacity:1;pointer-events:auto;margin-top:.85rem;display:flex;flex-direction:column}.media-sidebar-mobile__search{position:relative;margin-bottom:.85rem}.media-sidebar-mobile__search-icon{position:absolute;top:50%;left:.95rem;width:1rem;height:1rem;color:var(--color-muted-soft);transform:translateY(-50%)}.media-sidebar-mobile__search-input{width:100%;padding:.9rem 1rem .9rem 2.8rem;border:1px solid var(--media-border);border-radius:.95rem;background:var(--media-surface-strong);color:var(--color-text);font-size:.95rem;outline:none}.media-sidebar-mobile__search-input:focus{border-color:color-mix(in srgb,var(--color-primary) 28%,var(--color-border));box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 8%,transparent)}.media-sidebar-mobile__search-clear{position:absolute;top:50%;right:.8rem;width:1.6rem;height:1.6rem;padding:0;border:0;border-radius:999px;background:transparent;color:var(--color-muted);display:inline-flex;align-items:center;justify-content:center;transform:translateY(-50%)}.media-sidebar-mobile__search-clear svg{width:.95rem;height:.95rem}.media-sidebar-mobile__options{display:flex;flex-direction:column;gap:.65rem;max-height:18rem;overflow-y:auto;padding-right:.15rem}.media-sidebar-mobile__option{width:100%;padding:.9rem 1rem;border:1px solid var(--media-border);border-radius:1rem;background:var(--media-surface-stronger);color:var(--color-text);display:flex;align-items:center;justify-content:space-between;gap:.75rem;text-align:left}.media-sidebar-mobile__option.is-active{border-color:var(--media-accent-border);background:var(--media-accent-surface)}.media-sidebar-mobile__option-title{min-width:0;display:inline-flex;align-items:center;gap:.75rem;font-size:.95rem;font-weight:700}.media-sidebar-mobile__option-title svg{width:1rem;height:1rem;flex-shrink:0;color:var(--color-text-muted)}.media-sidebar-mobile__option.is-active .media-sidebar-mobile__option-title svg,.media-sidebar-mobile__option.is-active .media-sidebar-mobile__option-title{color:var(--color-primary)}.media-sidebar-mobile__option-title span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-sidebar-mobile__option-count{flex-shrink:0;min-width:2.8rem;padding:.3rem .65rem;border-radius:999px;background:var(--media-surface);font-size:.8rem;font-weight:700;text-align:center}.media-sidebar__search,.media-category-list{opacity:1;transform:translate(0);transition:opacity .18s ease,transform .24s ease}.media-sidebar.is-collapsed .media-sidebar__search,.media-sidebar.is-collapsed .media-category-list{opacity:0;transform:translate(-.6rem)}.media-sidebar__search-icon,.media-main-search__icon{position:absolute;top:50%;left:.95rem;width:1rem;height:1rem;color:var(--color-muted-soft);transform:translateY(-50%)}.media-sidebar__search-input,.media-main-search__input{width:100%;border:1px solid color-mix(in srgb,var(--color-border) 85%,transparent);border-radius:.85rem;background:color-mix(in srgb,var(--color-surface) 88%,transparent);color:var(--color-text);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.media-sidebar__search-input{padding:1rem 1rem 1rem 2.9rem;font-size:.95rem;border-color:var(--media-border);border-radius:1rem;background:var(--media-surface-strong)}.media-main-search__input{padding:0;font-size:.92rem;border:0;border-radius:0;background:transparent;opacity:0;transform:translate(-.35rem);transition:opacity .28s ease,transform .32s cubic-bezier(.22,1,.36,1)}.media-sidebar__search-input:focus,.media-main-search__input:focus{border-color:color-mix(in srgb,var(--color-primary) 28%,var(--color-border));box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 8%,transparent)}.media-main-search__input:focus{border-color:transparent;box-shadow:none}.media-main-search__clear{position:absolute;top:50%;right:.8rem;width:1.6rem;height:1.6rem;padding:0;border:0;border-radius:999px;background:transparent;color:var(--color-muted);transform:translateY(-50%)}.media-main-search{width:3.1rem;min-width:3.1rem;height:3.1rem;display:inline-flex;align-items:center;gap:0;padding:0;border:1px solid color-mix(in srgb,var(--color-border) 85%,transparent);border-radius:1rem;background:transparent;overflow:hidden;transition:width .34s cubic-bezier(.22,1,.36,1),min-width .34s cubic-bezier(.22,1,.36,1),padding .34s cubic-bezier(.22,1,.36,1),border-color .2s ease,box-shadow .2s ease}.media-main-search.is-open{width:min(46rem,66vw);min-width:min(46rem,66vw);padding:0 2.9rem 0 0;background:color-mix(in srgb,var(--color-surface) 88%,transparent)}.media-main-search:focus-within{border-color:color-mix(in srgb,var(--color-primary) 28%,var(--color-border));box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 8%,transparent)}.media-main-search.is-open .media-main-search__input{opacity:1;transform:translate(0)}.media-main-search__toggle{width:3.1rem;height:3.1rem;flex:0 0 3.1rem;padding:0;border:0;background:transparent;color:var(--color-muted-soft);display:inline-flex;align-items:center;justify-content:center}.media-sidebar__search-clear{position:absolute;top:50%;right:.8rem;width:1.6rem;height:1.6rem;padding:0;border:0;border-radius:999px;background:transparent;color:var(--color-muted);display:inline-flex;align-items:center;justify-content:center;transform:translateY(-50%)}.media-sidebar__search-clear svg{width:.95rem;height:.95rem}.media-main-search__clear svg{width:1rem;height:1rem}.media-main-search-wrap{display:flex;flex-direction:column;gap:0;min-width:0}.media-main-search-wrap.has-modes{gap:.6rem}.media-main-search__modes{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;flex-wrap:wrap;opacity:0;pointer-events:none;transition:opacity .18s ease}.media-main-search__modes.is-visible{opacity:1;pointer-events:auto}.media-main-search__mode{padding:.55rem .8rem;border:1px solid var(--media-border);border-radius:999px;background:var(--media-surface);color:var(--color-control-text-muted);font-size:.78rem;font-weight:700;line-height:1;transition:border-color .2s ease,background .2s ease,color .2s ease}.media-main-search__mode.is-active{border-color:var(--media-accent-border);background:var(--media-accent-surface);color:var(--color-primary)}.media-category-list{min-height:0;flex:1;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding-top:1.2rem;padding-right:.15rem;padding-bottom:1.35rem;border-top:1px solid var(--media-border)}.media-category-item{text-align:left;padding:1.15rem 1.15rem 1.1rem;border-radius:1.1rem;border:1px solid var(--media-border);background:var(--media-surface-stronger);color:var(--color-text);transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}.media-category-item:hover{transform:translate(4px);border-color:var(--media-border-strong)}.media-category-item.is-active{border-width:2px;border-color:var(--media-accent-border);background:var(--media-accent-surface);box-shadow:none}.media-category-item__row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.55rem}.media-category-item__title{min-width:0;display:inline-flex;align-items:center;gap:.8rem;font-size:.98rem;font-weight:700}.media-category-item__title svg{width:1.15rem;height:1.15rem;color:var(--color-text-muted);flex-shrink:0}.media-category-item.is-active .media-category-item__title svg{color:var(--color-primary)}.media-category-item__title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-category-item__count{flex-shrink:0;min-width:3.15rem;padding:.38rem .75rem;border-radius:999px;background:var(--media-surface);color:var(--color-text);font-size:.82rem;font-weight:700;text-align:center}.media-category-item.is-active .media-category-item__count{background:var(--media-accent-surface-strong);color:var(--color-primary-contrast)}.media-category-item__meta,.media-sidebar__empty{margin:0 0 0 1.95rem;color:var(--color-text-muted);font-size:.84rem;line-height:1.45}.media-main{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;height:calc(100vh - 104px);max-height:calc(100vh - 104px);overflow:hidden}.media-main--details{height:auto;max-height:none;overflow:visible}.media-controls{padding:1rem 1.5rem .85rem;border-bottom:1px solid color-mix(in srgb,var(--color-primary) 10%,transparent)}.media-controls__top{display:flex;align-items:center;justify-content:space-between;gap:.85rem}.media-controls__search-row{display:flex;align-items:center;gap:.6rem}.media-main-search{flex:0 0 auto}.media-controls__actions{position:relative;display:flex;align-items:center;gap:.6rem}.media-control-button{display:inline-flex;align-items:center;gap:.55rem;padding:.8rem 1rem;border:1px solid var(--media-border);border-radius:.9rem;background:var(--media-surface);color:var(--color-text);font-size:.88rem;font-weight:600;transition:all .2s ease}.media-control-button:hover{border-color:var(--media-border-strong)}.media-control-button svg,.media-view-toggle button svg,.media-link-button svg{width:1rem;height:1rem}.media-control-button--sort{gap:.6rem}.media-control-button--sidebar{padding:.7rem .9rem;border-radius:.85rem;font-size:.84rem}.media-control-button__caret{color:var(--color-muted)}.media-toolbar-sort .sort-dropdown__trigger,.media-sidebar-sort .sort-dropdown__trigger,.media-toolbar-sort .sort-dropdown__clear,.media-sidebar-sort .sort-dropdown__clear{background:var(--media-surface);border-color:var(--media-border)}.media-sidebar-sort .sort-dropdown__trigger{width:100%;min-height:2.6rem;padding:.7rem .9rem;border-radius:.85rem;font-size:.84rem}.media-sidebar-sort{width:100%}.media-sidebar-sort .sort-dropdown__menu{width:100%;min-width:100%}.media-sidebar-sort .sort-dropdown__clear{width:2.6rem;height:2.6rem;border-radius:.85rem}.media-view-toggle{display:inline-flex;align-items:center;padding:.22rem;border:1px solid var(--media-border);border-radius:.9rem;background:var(--media-surface)}.media-view-toggle button{position:relative;box-sizing:border-box;width:2.7rem;height:2.7rem;padding:0;border:0;border-radius:.75rem;background:transparent;color:var(--color-muted);display:inline-flex;align-items:center;justify-content:center;opacity:.88;transform:scale(.9);transition:color .42s ease,background .42s ease,box-shadow .42s ease,opacity .42s ease,transform .5s cubic-bezier(.22,1,.36,1)}.media-view-toggle button:after{content:attr(data-tooltip);position:absolute;left:50%;top:calc(100% + .55rem);transform:translate(-50%) translateY(-.25rem);padding:.35rem .55rem;border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));border-radius:.55rem;background:color-mix(in srgb,var(--color-surface-1) 94%,transparent);color:var(--color-text);font-size:.7rem;font-weight:600;letter-spacing:.01em;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:0 14px 28px #00000047;transition:opacity .2s ease,transform .2s ease}.media-view-toggle button:before{content:"";position:absolute;left:50%;top:calc(100% + .18rem);width:.55rem;height:.55rem;border-right:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));border-bottom:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));background:color-mix(in srgb,var(--color-surface-1) 94%,transparent);transform:translate(-50%) rotate(225deg) translateY(.2rem);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.media-view-toggle button:hover:after,.media-view-toggle button:hover:before,.media-view-toggle button:focus-visible:after,.media-view-toggle button:focus-visible:before{opacity:1}.media-view-toggle button:hover:after,.media-view-toggle button:focus-visible:after{transform:translate(-50%) translateY(0)}.media-view-toggle button:hover:before,.media-view-toggle button:focus-visible:before{transform:translate(-50%) rotate(225deg) translateY(0)}.media-view-toggle button.is-active{background:var(--gradient-primary);color:var(--color-primary-contrast);opacity:1;transform:scale(1);box-shadow:var(--media-accent-shadow)}.media-view-toggle__ghost:hover{color:var(--color-text);opacity:1;transform:scale(.94)}.media-view-group{display:inline-flex;align-items:center;gap:.65rem}.media-view-group__label{color:var(--color-muted);font-size:.88rem;font-weight:500}.media-content-panel{min-height:0;flex:1;display:flex;flex-direction:column;padding:1.5rem 1.5rem .35rem}.media-content-panel__sort-row{display:flex;align-items:center;justify-content:flex-start;gap:.55rem;flex-wrap:wrap;margin-bottom:.9rem}.media-content-panel__view-group{margin-left:auto}.media-content-panel__sort-chip{padding:.6rem .95rem;border:1px solid var(--media-border);border-radius:999px;background:var(--media-surface);color:var(--color-control-text-muted);font-size:.8rem;font-weight:700;line-height:1;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}.media-content-panel__sort-chip:hover{border-color:var(--media-border-strong);color:var(--color-text);transform:translateY(-1px)}.media-content-panel__sort-chip.is-active{border-color:var(--media-accent-border-strong);background:var(--media-accent-surface-hover);color:var(--color-primary)}.media-content-panel__meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;color:var(--color-muted);font-size:.88rem}.media-content-panel__summary{color:var(--color-text);font-weight:600}.media-content-panel__scope{color:var(--color-muted)}.media-link-button{border:0;background:transparent;color:var(--color-primary);font-size:.85rem;font-weight:600}.media-content-grid{min-height:0;flex:1;overflow-y:auto}.media-content-grid.is-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr));gap:1.25rem}.media-content-grid.is-list{display:flex;flex-direction:column;gap:.9rem}.media-preview-layout{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,4fr);gap:1.5rem}.media-preview-layout__list{min-height:0;display:flex;flex-direction:column;gap:.7rem;overflow:hidden}.media-preview-layout__list-items{min-height:0;flex:1;display:flex;flex-direction:column;gap:.7rem;overflow-y:auto;padding-right:.2rem}.media-preview-layout__stage{min-height:0;display:flex;flex-direction:column;gap:1rem}.media-preview-card{position:relative;display:grid;grid-template-columns:3.9rem minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.6rem .8rem;border:1px solid var(--media-border);border-radius:.9rem;background:var(--media-surface);color:var(--color-text);text-align:left;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.media-preview-card:hover{transform:translateY(-2px);border-color:var(--media-border-strong)}.media-preview-card.is-active{border-color:var(--media-accent-border-strong);box-shadow:0 0 0 1px var(--color-accent-shadow)}.media-preview-card__thumb{position:relative;width:3.9rem;aspect-ratio:1 / 1;overflow:hidden;border-radius:.6rem;background:#00000026}.media-preview-card__thumb-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;padding:.32rem}.media-preview-card__dot{position:absolute;top:.22rem;right:.22rem;width:.5rem;height:.5rem;border-radius:999px;background:#3eb35f}.media-preview-card__content{min-width:0}.media-preview-card__content h3{margin:0;font-size:.76rem;font-weight:700;line-height:1.25}.media-preview-card__meta{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-top:.24rem;color:var(--color-muted)}.media-preview-card__quality{display:inline-flex;align-items:center;padding:.16rem .38rem;border-radius:.4rem;background:var(--gradient-primary);color:var(--color-primary-contrast);font-size:.62rem;font-weight:700}.media-preview-card__action{color:var(--color-muted)}.media-preview-card__pin-action{position:absolute;top:.45rem;right:.45rem;width:1.8rem;height:1.8rem;padding:0;border:1px solid var(--media-overlay-border);border-radius:.55rem;background:var(--media-overlay-surface);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}.media-preview-card__pin-action:hover{transform:translateY(-1px);border-color:var(--media-accent-border)}.media-preview-card__pin-action.is-active{color:var(--color-primary);border-color:var(--media-accent-border);background:var(--media-accent-surface)}.media-preview-card__pin-action.is-remove{color:var(--color-danger)}.media-preview-card__pin-action svg{width:.85rem;height:.85rem}.media-preview-card__action svg{width:.9rem;height:.9rem}.media-preview-card.is-active .media-preview-card__action{color:var(--color-primary)}.media-preview-hero{position:relative;aspect-ratio:16 / 9;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-primary) 40%,transparent);border-radius:1.1rem;background:var(--media-player-surface);box-shadow:0 22px 50px #00000047}.media-preview-hero__image{position:absolute;top:0;right:0;bottom:0;left:0}.media-preview-hero__player{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--color-player)}.media-preview-hero__image-inner{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;padding:1.25rem;opacity:.5}.media-preview-hero__play{position:absolute;top:50%;left:50%;z-index:2;width:6rem;height:6rem;padding:0;border:3px solid color-mix(in srgb,var(--color-primary) 85%,transparent);border-radius:999px;background:color-mix(in srgb,var(--color-primary) 22%,rgba(0,0,0,.45));color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.media-preview-hero__play:disabled{opacity:.7;cursor:wait}.media-preview-hero__play svg{width:1.9rem;height:1.9rem}.media-preview-hero__overlay{position:absolute;inset-inline:0;bottom:2.1rem;z-index:2;text-align:center;padding:0 1.2rem}.media-preview-hero__overlay h2,.media-preview-hero__overlay p{margin:0}.media-preview-hero__overlay h2{font-size:1.4rem;font-weight:700}.media-preview-hero__overlay p{margin-top:.3rem;color:color-mix(in srgb,var(--color-text) 70%,transparent);font-size:.82rem}.media-preview-now-playing{position:absolute;left:1.4rem;right:1.4rem;bottom:1.4rem;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.2rem 1.3rem;border:1px solid var(--media-overlay-border);border-radius:1rem;background:var(--media-overlay-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.media-preview-now-playing__label{display:block;margin-bottom:.45rem;color:var(--media-overlay-muted)}.media-preview-now-playing strong{display:block;font-size:1rem}.media-preview-guide{padding:1.4rem;border-radius:1.15rem;background:var(--media-surface);border:1px solid var(--media-border)}.media-preview-guide__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.media-preview-guide__header h3{margin:0;font-size:1rem;font-weight:700}.media-preview-guide__tabs{display:flex;gap:.65rem}.media-preview-guide__tab{padding:.75rem 1rem;border:1px solid var(--media-border);border-radius:.85rem;background:var(--media-surface-stronger);color:var(--color-text);font-weight:600}.media-preview-guide__tab.is-active{background:var(--gradient-primary);border-color:var(--media-accent-border-strong);color:var(--color-primary-contrast)}.media-preview-guide__card{padding:1.2rem;border-radius:1rem;border:1px solid var(--media-border);background:var(--media-surface-strong)}.media-preview-guide__card+.media-preview-guide__card{margin-top:.9rem}.media-preview-guide__card.is-active{border-color:var(--media-accent-border);background:var(--media-accent-surface)}.media-preview-guide__row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.media-preview-guide__status{display:inline-flex;align-items:center;padding:.45rem .75rem;border-radius:.7rem;background:var(--media-success-surface);color:var(--color-success);border:1px solid var(--media-success-border);font-size:.85rem;font-weight:700}.media-preview-guide__time{color:var(--color-muted);font-weight:600}.media-preview-guide__watch{margin-left:auto;display:inline-flex;align-items:center;gap:.45rem;padding:.7rem .9rem;border:0;border-radius:.85rem;background:var(--gradient-primary);color:var(--color-primary-contrast);font-weight:700}.media-preview-guide__watch svg{width:1rem;height:1rem}.media-preview-guide__card h4,.media-preview-guide__card p{margin:0}.media-preview-guide__card h4{margin-top:.85rem;font-size:1rem;font-weight:700}.media-preview-guide__card p{margin-top:.55rem;color:var(--color-muted);line-height:1.5}.media-pagination{display:flex;align-items:center;justify-content:center;gap:.55rem;padding:.65rem 0 .15rem}.media-pagination--preview{margin-top:auto;padding:.4rem 0;border-top:1px solid color-mix(in srgb,var(--color-primary) 10%,transparent)}.media-pagination__button{min-width:2.6rem;height:2.6rem;padding:0 .65rem;border:1px solid var(--media-border);border-radius:.8rem;background:var(--media-surface);color:var(--color-control-text-muted);display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;transition:all .2s ease}.media-pagination__button svg{width:.95rem;height:.95rem}.media-pagination__button:hover:not(:disabled){color:var(--color-text);border-color:var(--media-border-strong)}.media-pagination__button.is-active{background:var(--gradient-primary);border-color:var(--media-accent-border-strong);color:var(--color-primary-contrast)}.media-pagination__button:disabled{opacity:.45;cursor:default}.media-pagination__ellipsis{color:var(--color-muted-soft);font-weight:700}.media-empty-state{min-height:20rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;padding:2rem;border:1px dashed color-mix(in srgb,var(--color-primary) 18%,transparent);border-radius:1.25rem;background:color-mix(in srgb,var(--color-surface-2) 35%,transparent);text-align:center}.media-empty-state h2{margin:0;font-size:1.1rem;font-weight:700}.media-empty-state p{margin:0;color:var(--color-muted)}.media-empty-state__icon{width:2rem;height:2rem;color:var(--color-primary)}.media-loading-spinner{width:2.5rem;height:2.5rem;border:3px solid color-mix(in srgb,var(--color-primary) 20%,transparent);border-top-color:var(--color-primary);border-radius:50%;animation:mediaSpin .8s linear infinite}.media-player-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000000e6;display:flex}.media-player-modal__shell{flex:1;min-height:0;height:100vh;max-height:100vh;display:flex;flex-direction:column}.media-player-modal__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:color-mix(in srgb,var(--color-surface-2) 96%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-primary) 15%,transparent)}.media-player-modal__title{min-width:0;display:flex;align-items:center;gap:.85rem}.media-player-modal__title h3,.media-player-modal__title p{margin:0}.media-player-modal__title h3{font-size:1rem;font-weight:700}.media-player-modal__title p{margin-top:.15rem;color:var(--color-muted);font-size:.85rem}.media-player-modal__logo{width:2.5rem;height:2.5rem;-o-object-fit:cover;object-fit:cover;border-radius:.7rem;background:var(--color-surface)}.media-player-modal__close{width:2.5rem;height:2.5rem;padding:0;border:1px solid color-mix(in srgb,var(--color-primary) 18%,transparent);border-radius:.85rem;background:color-mix(in srgb,var(--color-surface-3) 88%,transparent);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center}.media-player-modal__close svg{width:1.1rem;height:1.1rem}.media-player-modal__content{flex:1;min-height:0;display:flex;align-items:stretch;justify-content:stretch;padding:0;overflow:hidden}.media-player-modal__frame{width:100%;height:100%;min-height:0;overflow:hidden;background:#000}@media (max-width: 1100px){.media-streaming-body{grid-template-columns:1fr;min-height:auto}.media-streaming-body.is-sidebar-collapsed{grid-template-columns:1fr}.media-streaming-body:before{display:none}.media-sidebar{min-height:auto;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--color-primary) 10%,transparent)}.media-sidebar__panel{position:static;height:auto;max-height:none}.media-sidebar.is-collapsed{min-width:0}}@media (max-width: 860px){.media-streaming-header,.media-controls,.media-content-panel,.media-sidebar__panel{padding-left:1rem;padding-right:1rem}.media-controls__top{flex-direction:column;align-items:stretch}.media-controls__search-row,.media-controls__actions{width:100%}.media-controls__search-row{flex-wrap:wrap}.media-controls__actions{justify-content:flex-end}.media-playlist-badge{display:none}}@media (max-width: 640px){.media-streaming-shell{height:100dvh;overflow-y:auto;overscroll-behavior-y:contain}.media-streaming-header{position:sticky;top:0;z-index:30;gap:0;padding:0;align-items:flex-start;border-bottom:0}.media-streaming-header .app-header-top{padding:.75rem 1rem}.media-streaming-header .app-header-bottom{width:100%;margin:0;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 10%,var(--color-surface-2)) 0%,var(--color-surface-2) 58%),var(--color-surface-2)}.media-header-main{width:100%}.media-sidebar__panel{padding-top:0;gap:.75rem}.media-sidebar{position:sticky;top:var(--media-mobile-sticky-offset, 0px);z-index:25;background:color-mix(in srgb,var(--color-surface-2) 96%,transparent)}.media-sidebar__header,.media-sidebar__intro p,.media-sidebar__intro h2{display:none}.media-sidebar-mobile{display:block;padding:.75rem 0}.media-switcher-mobile,.media-switcher{width:100%}.media-switcher__item{flex:1 1 100%}.media-switcher__button{flex:1 1 calc(50% - .5rem);justify-content:center}.media-switcher__button--active-shell,.media-switcher__button--active-shell.is-search-available,.media-switcher__button--active-shell.is-search-open,.media-switcher__button--active-shell.is-search-open .media-switcher__search-inline{width:100%}.media-main{height:auto;max-height:none;overflow:visible}.media-content-grid.is-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.media-content-grid,.media-preview-layout,.media-preview-layout__list,.media-preview-layout__list-items{overflow:visible;min-height:auto;flex:0 0 auto}.media-controls__top{flex-direction:row;align-items:flex-start;gap:.75rem}.media-controls__search-row{flex:0 0 auto;width:auto;min-width:3.1rem}.media-controls__search-row.is-search-open{flex:1 1 100%;width:100%;min-width:0}.media-main-search-wrap{align-items:flex-end}.media-main-search-wrap.is-open{width:100%;align-items:stretch}.media-main-search{flex-direction:row;width:3.1rem;min-width:3.1rem;flex:0 0 3.1rem}.media-main-search.is-open{width:100%;min-width:100%;flex:1 1 100%;padding:0 2.9rem 0 0}.media-main-search__clear{left:auto;right:.8rem}.media-view-group{width:auto;justify-content:flex-start;flex-shrink:0}.media-content-panel__view-group{margin-left:auto}.media-preview-layout{grid-template-columns:1fr}.media-pagination,.media-pagination--preview{position:sticky;bottom:0;z-index:5;padding-bottom:max(.5rem,env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--color-surface-2) 96%,transparent) 22%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.media-sidebar__search,.media-sidebar__sort-row,.media-category-list,.media-sidebar__collapsed-label{display:none}}@keyframes mediaGradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes mediaSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes mediaSwitcherActivate{0%{transform:translateY(1px) scale(.985);box-shadow:0 6px 18px color-mix(in srgb,var(--color-primary) 10%,transparent)}65%{transform:translateY(-2px) scale(1.02);box-shadow:0 18px 40px color-mix(in srgb,var(--color-primary) 26%,transparent)}to{transform:translateY(-1px) scale(1.015);box-shadow:0 16px 36px color-mix(in srgb,var(--color-primary) 22%,transparent)}}.media-content-card{position:relative;padding:0;border:0;color:var(--color-text);text-align:left;background:transparent}.media-content-card.is-grid{display:flex;flex-direction:column;gap:.8rem}.media-content-card.is-list{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:1rem;align-items:center;padding:.85rem 3.75rem .85rem .85rem;border-radius:1.1rem;border:1px solid color-mix(in srgb,var(--color-border) 75%,transparent);background:color-mix(in srgb,var(--color-surface-2) 72%,transparent);transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease}.media-content-card.is-list:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--color-primary) 34%,transparent);box-shadow:0 18px 34px #0000002e}.media-content-card__poster{position:relative;overflow:hidden;border-radius:1.1rem;border:1px solid color-mix(in srgb,var(--color-border) 75%,transparent);background:color-mix(in srgb,var(--color-surface-2) 76%,transparent);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.media-content-card.is-grid .media-content-card__poster,.media-content-card.is-list .media-content-card__poster{aspect-ratio:1 / 1}.media-content-card:hover .media-content-card__poster{transform:translateY(-4px);border-color:color-mix(in srgb,var(--color-primary) 38%,transparent);box-shadow:0 18px 40px color-mix(in srgb,var(--color-primary) 10%,transparent)}.media-content-card__action{position:absolute;top:.75rem;right:.75rem;z-index:2;width:2rem;height:2rem;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:.65rem;background:#0e121c7a;color:#ffffffe0;display:inline-flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.media-content-card__action:hover:not(:disabled){transform:translateY(-1px);border-color:#ffe3a04d;background:#22180a85}.media-content-card__action.is-active{color:#ffd88c;border-color:#ffd67a66;background:#35250894}.media-content-card__action:disabled{opacity:.7;cursor:progress}.media-content-card__action svg{width:.95rem;height:.95rem}.media-content-card__action--list{top:.85rem;right:.85rem}.media-content-card__poster-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;padding:1.25rem}.media-content-card__badge{position:absolute;top:.75rem;display:inline-flex;align-items:center;gap:.25rem;padding:.28rem .55rem;border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.68rem;font-weight:700;letter-spacing:.02em}.media-content-card__badge--left{left:.75rem;background:color-mix(in srgb,var(--color-primary) 82%,transparent);color:var(--color-primary-contrast)}.media-content-card__badge--right{right:.75rem;background:#0009;color:var(--color-text)}.media-content-card__badge--right svg{width:.75rem;height:.75rem;color:var(--color-primary)}.media-content-card__badge--inline{position:static;width:-moz-fit-content;width:fit-content;margin-bottom:.55rem;background:color-mix(in srgb,var(--color-primary) 82%,transparent);color:var(--color-primary-contrast)}.media-content-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.65) 100%);opacity:0;transition:opacity .22s ease}.media-content-card:hover .media-content-card__overlay{opacity:1}.media-content-card__play{width:3rem;height:3rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--color-primary);color:var(--color-primary-contrast);transform:scale(.9);transition:transform .22s ease}.media-content-card:hover .media-content-card__play{transform:scale(1)}.media-content-card__play svg{width:1.1rem;height:1.1rem}.media-content-card__body{min-width:0}.media-content-card.is-list .media-content-card__body{align-self:start;padding-top:.2rem}.media-content-card__body h3{margin:0;font-size:.94rem;font-weight:700;line-height:1.35;transition:color .22s ease}.media-content-card:hover .media-content-card__body h3{color:var(--color-primary)}.media-content-card__meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.35rem;color:var(--color-muted);font-size:.75rem}.media-content-card__meta span{display:inline-flex;align-items:center;gap:.35rem}.media-content-card__description{margin:.45rem 0 0;color:var(--color-muted);font-size:.82rem}@media (max-width: 640px){.media-content-card.is-list{grid-template-columns:5.25rem minmax(0,1fr);gap:.85rem;padding:.7rem 3.35rem .7rem .7rem}.media-content-card__poster-image{padding:.8rem}.media-content-card__play{width:2.4rem;height:2.4rem}.media-content-card__action--list{top:.7rem;right:.7rem}}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--color-primary) 5%,transparent),transparent 35%),radial-gradient(circle at 80% 60%,color-mix(in srgb,var(--color-primary) 4%,transparent),transparent 40%),var(--color-surface-1);color:var(--color-text)}.loading-card{text-align:center;display:grid;gap:1.2rem;padding:2rem}.loading-logo{display:inline-flex;align-items:center;gap:.8rem;justify-content:center;filter:drop-shadow(0 0 24px color-mix(in srgb,var(--color-primary) 25%,transparent))}.loading-logo__image{width:3.25rem;height:3.25rem;-o-object-fit:contain;object-fit:contain;animation:pulseGlow 2.2s ease-in-out infinite}.loading-logo__text{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}.loading-logo__name{font-size:2rem;font-weight:800;color:var(--color-text)}.loading-logo__tagline{font-size:.95rem;color:var(--color-muted);letter-spacing:.08em}.loading-spinner{width:3.25rem;height:3.25rem;margin:0 auto;border-radius:999px;border:3px solid color-mix(in srgb,var(--color-primary) 18%,transparent);border-top-color:var(--color-primary);border-right-color:color-mix(in srgb,var(--color-primary) 55%,transparent);animation:spin 1s linear infinite}.loading-message{font-size:1.25rem;font-weight:600;color:var(--color-text)}.loading-sub{font-size:.95rem;color:var(--color-muted)}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 16px color-mix(in srgb,var(--color-primary) 55%,transparent))}50%{filter:drop-shadow(0 0 26px color-mix(in srgb,var(--color-primary) 80%,transparent))}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-family-app);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{border-color:var(--color-border)}html,body,#root{min-height:100%}body{margin:0;padding:0;background:var(--color-page);color:var(--color-text);font-family:var(--font-family-app);line-height:var(--line-height-normal);text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.theme-panel{background:var(--color-panel);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);box-shadow:0 18px 50px #0000002e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.theme-panel-strong{background:var(--color-panel-strong);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);box-shadow:0 18px 50px #0000003d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.theme-panel-muted{background:var(--color-panel-muted);border:1px solid color-mix(in srgb,var(--color-primary) 10%,transparent);border-radius:var(--radius-lg)}.theme-button-primary,.theme-button-secondary,.theme-button-ghost,.theme-button-danger,.theme-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem;font-weight:500}.theme-button-primary:disabled,.theme-button-secondary:disabled,.theme-button-ghost:disabled,.theme-button-danger:disabled,.theme-icon-button:disabled{cursor:not-allowed;opacity:.5}.theme-button-primary,.theme-button-secondary,.theme-button-ghost,.theme-button-danger,.theme-icon-button{transition:background-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.theme-button-primary,.theme-button-secondary,.theme-button-ghost,.theme-button-danger{padding:.5rem 1rem}.theme-button-primary{background:var(--gradient-primary);color:var(--color-primary-contrast);box-shadow:0 10px 30px color-mix(in srgb,var(--color-primary) 22%,transparent)}.theme-button-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 34px color-mix(in srgb,var(--color-primary) 30%,transparent)}.theme-button-secondary{background:var(--color-control-bg);border:1px solid var(--color-control-border);color:var(--color-control-text)}.theme-button-secondary:hover:not(:disabled),.theme-button-ghost:hover:not(:disabled){background:var(--color-accent-surface);border-color:var(--color-accent-border);color:var(--color-primary)}.theme-icon-button{border-radius:.5rem;padding:.5rem;background:var(--color-control-bg);color:var(--color-control-text-muted)}.theme-icon-button:hover:not(:disabled){background:var(--color-primary-tint);color:var(--color-primary)}.theme-choice-card{position:relative;border-radius:1rem;border-width:2px;padding:1.5rem;text-align:left;background:var(--color-panel);border-color:color-mix(in srgb,var(--color-primary) 10%,var(--color-border));transition:all var(--motion-base) var(--ease-standard)}.theme-choice-card:hover{border-color:color-mix(in srgb,var(--color-primary) 18%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 3%,var(--color-panel));transform:translateY(-2px)}.theme-choice-card.selected{border-color:color-mix(in srgb,var(--color-primary) 46%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 8%,var(--color-panel));box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary) 18%,transparent),0 16px 36px color-mix(in srgb,var(--color-primary) 6%,transparent)}.theme-badge{display:inline-flex;align-items:center;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;line-height:1rem;font-weight:600;background:var(--color-primary-tint);color:var(--color-primary);border:1px solid var(--color-border-soft)}.theme-status-badge{display:inline-flex;align-items:center;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;line-height:1rem;font-weight:600;border:1px solid transparent}.theme-status-badge-success{background:var(--color-success-soft);color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 35%,transparent)}.theme-status-card,.theme-status-inline{border-radius:var(--radius-md);border:1px solid transparent}.theme-status-card{padding:1rem}.theme-status-inline{padding:.75rem}.theme-status-danger{background:var(--color-danger-soft);border-color:color-mix(in srgb,var(--color-danger) 30%,transparent);color:var(--color-danger)}.theme-status-warning{background:var(--color-warning-soft);border-color:color-mix(in srgb,var(--color-warning) 30%,transparent);color:var(--color-warning-contrast)}.theme-spinner{animation:spin 1s linear infinite;border-radius:9999px;border-bottom-width:2px;border-color:var(--color-primary)}.theme-input,.form-input,.form-select,.theme-textarea{width:100%;border-radius:.5rem;outline:2px solid transparent;outline-offset:2px}.theme-input:disabled,.form-input:disabled,.form-select:disabled,.theme-textarea:disabled{cursor:not-allowed;opacity:.5}.theme-input,.form-input,.form-select,.theme-textarea{min-height:3.25rem;padding:var(--space-control-y) var(--space-control-x);background:color-mix(in srgb,var(--color-surface-3) 88%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 16%,transparent);color:var(--color-text);transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard)}.theme-input::-moz-placeholder,.form-input::-moz-placeholder,.theme-textarea::-moz-placeholder{color:var(--color-text-muted)}.theme-input::placeholder,.form-input::placeholder,.theme-textarea::placeholder{color:var(--color-text-muted)}.theme-input:focus,.form-input:focus,.form-select:focus,.theme-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 16%,transparent)}.theme-input.invalid,.form-input.invalid,.form-select.invalid,.theme-textarea.invalid{border-color:var(--color-danger);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-danger) 50%,transparent)}.theme-input.invalid:focus,.form-input.invalid:focus,.form-select.invalid:focus,.theme-textarea.invalid:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-danger) 18%,transparent)}.theme-player-overlay{background:var(--color-overlay-soft);color:var(--color-text)}.theme-player-overlay-strong{background:var(--color-overlay-strong);color:var(--color-text)}.theme-player-banner{border:1px solid color-mix(in srgb,var(--color-warning) 30%,transparent);background:color-mix(in srgb,var(--color-warning-strong) 55%,rgba(14,11,24,.92));color:var(--color-warning-contrast)}.theme-player-control{color:var(--color-text);transition:color var(--motion-fast) var(--ease-standard)}.theme-player-control:hover{color:var(--color-text-soft)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-top-3{top:-.75rem}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.left-4{left:1rem}.right-0{right:0}.right-1{right:.25rem}.right-16{right:4rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-3{top:.75rem}.top-4{top:1rem}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-8{margin-left:2rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-1{height:.25rem}.h-1\/2{height:50%}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-28{height:7rem}.h-3{height:.75rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[3\.25rem\]{height:3.25rem}.h-\[calc\(100vh-80px\)\]{height:calc(100vh - 80px)}.h-full{height:100%}.max-h-80{max-height:20rem}.max-h-96{max-height:24rem}.min-h-\[3\.25rem\]{min-height:3.25rem}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-\[15\%\]{width:15%}.w-\[85\%\]{width:85%}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-32{min-width:8rem}.min-w-\[80px\]{min-width:80px}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-2{row-gap:.5rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[32px\]{border-radius:32px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-app-danger{border-color:var(--color-danger)}.border-app-interactive{border-color:var(--color-interactive)}.border-app-primary{border-color:var(--color-primary)}.border-app-soft{border-color:var(--color-text-soft)}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-gray-800{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.bg-app-danger{background-color:var(--color-danger)}.bg-app-elevated{background-color:var(--color-elevated)}.bg-app-info{background-color:var(--color-info)}.bg-app-interactive{background-color:var(--color-interactive)}.bg-app-inverse{background-color:var(--color-text-inverse)}.bg-app-panel{background-color:var(--color-panel)}.bg-app-player{background-color:var(--color-player)}.bg-app-success{background-color:var(--color-success)}.bg-app-surface{background-color:var(--color-surface-3)}.bg-app-surfaceStrong{background-color:var(--color-surface-4)}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/70{background-color:#000000b3}.bg-blue-500\/5{background-color:#3b82f60d}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-blue-900{--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1))}.bg-blue-900\/40{background-color:#1e3a8a66}.bg-card-bg{background-color:var(--color-card)}.bg-dark-bg{background-color:var(--color-page)}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-700\/40{background-color:#37415166}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-green-500\/5{background-color:#22c55e0d}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-orange-400\/10{background-color:#fb923c1a}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white\/20{background-color:#fff3}.bg-\[linear-gradient\(135deg\,var\(--color-interactive\)_0\%\,\#7c3aed_100\%\)\]{background-image:linear-gradient(135deg,var(--color-interactive) 0%,#7c3aed 100%)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pl-10{padding-left:2.5rem}.pl-6{padding-left:1.5rem}.pr-10{padding-right:2.5rem}.pr-12{padding-right:3rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-\[1\.15em\]{font-size:1.15em}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.tracking-widest{letter-spacing:.1em}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-red-200{--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.accent-\[var\(--color-primary\)\]{accent-color:var(--color-primary)}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-app-md{--tw-shadow: var(--shadow-md);--tw-shadow-colored: var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-app-danger{--tw-ring-color: var(--color-danger)}.ring-white\/25{--tw-ring-color: rgb(255 255 255 / .25)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.text-app{color:var(--color-text)}.text-app-soft{color:var(--color-text-soft)}.text-app-muted{color:var(--color-text-muted)}.text-app-subtle{color:var(--color-text-subtle)}.text-app-inverse{color:var(--color-text-inverse)}.text-app-info{color:var(--color-info)}.text-app-success{color:var(--color-success)}.text-app-danger{color:var(--color-danger)}.bg-app-page{background:var(--color-page)}.bg-app-panel{background:var(--color-panel)}.bg-app-panel-strong{background:var(--color-panel-strong)}.bg-app-elevated{background:var(--color-elevated)}.bg-app-player{background:var(--color-player)}.bg-app-overlay-soft{background:var(--color-overlay-soft)}.bg-app-overlay-strong{background:var(--color-overlay-strong)}.bg-app-interactive{background:var(--color-interactive)}.bg-app-success{background:var(--color-success)}.border-app{border-color:var(--color-border)}.border-app-soft{border-color:var(--color-border-soft)}.border-app-strong{border-color:var(--color-border-muted)}.border-app-interactive{border-color:var(--color-border-interactive)}.border-app-danger{border-color:var(--color-border-danger)}.ring-app-interactive{--tw-ring-color: var(--color-focus-ring)}.shadow-app-md{box-shadow:var(--shadow-md)}:root{color-scheme:dark;--font-family-app: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-normal: 1.5;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-pill: 999px;--motion-fast: .2s;--motion-base: .3s;--motion-slow: .5s;--ease-standard: ease;--ease-emphasized: cubic-bezier(.4, 0, .2, 1);--space-control-y: .75rem;--space-control-x: 1rem;--color-primary: #d6b24a;--color-primary-strong: #c79a2f;--color-primary-soft: #f7edd1;--color-primary-contrast: #171717;--color-interactive: #2563eb;--color-interactive-strong: #1d4ed8;--color-interactive-soft: #dbeafe;--color-interactive-contrast: #ffffff;--color-success: #22c55e;--color-success-strong: #16a34a;--color-success-soft: rgba(34, 197, 94, .2);--color-success-contrast: #ffffff;--color-danger: #ef4444;--color-danger-strong: #dc2626;--color-danger-soft: rgba(239, 68, 68, .18);--color-danger-contrast: #ffffff;--color-warning: #f59e0b;--color-warning-strong: #d97706;--color-warning-soft: rgba(245, 158, 11, .18);--color-warning-contrast: #fff7dc;--color-info: #3b82f6;--color-info-strong: #2563eb;--color-info-soft: rgba(59, 130, 246, .18);--color-info-contrast: #ffffff;--color-surface: #0f0f0f;--color-surface-1: #1a1a1a;--color-surface-2: #2d2d2d;--color-surface-3: #3a3a3a;--color-surface-4: #464b5b;--color-page: var(--color-surface-1);--color-panel: color-mix(in srgb, var(--color-surface-2) 92%, transparent);--color-panel-strong: color-mix(in srgb, var(--color-surface-2) 96%, transparent);--color-panel-muted: color-mix(in srgb, var(--color-surface-3) 88%, transparent);--color-card: #1f2937;--color-card-hover: #374151;--color-elevated: #343437;--color-elevated-strong: #3c3c3f;--color-overlay: rgba(0, 0, 0, .45);--color-overlay-strong: rgba(0, 0, 0, .75);--color-overlay-soft: rgba(0, 0, 0, .55);--color-player: #000000;--color-text: #f3f4f6;--color-text-soft: #d1d5db;--color-text-muted: #9ca3af;--color-text-subtle: #6b7280;--color-text-inverse: #171717;--color-text-on-status: #ffffff;--color-muted: var(--color-text-muted);--color-muted-soft: var(--color-text-subtle);--color-border: #3f3f46;--color-border-soft: color-mix(in srgb, var(--color-primary) 10%, transparent);--color-border-strong: color-mix(in srgb, var(--color-primary) 22%, transparent);--color-border-muted: #4b5563;--color-border-interactive: var(--color-interactive);--color-border-danger: color-mix(in srgb, var(--color-danger) 50%, transparent);--color-border-warning: color-mix(in srgb, var(--color-warning) 30%, transparent);--color-primary-tint: color-mix(in srgb, var(--color-primary) 8%, transparent);--color-primary-tint-strong: color-mix(in srgb, var(--color-primary) 14%, transparent);--color-shadow-glow: color-mix(in srgb, var(--color-primary) 18%, transparent);--color-focus-ring: color-mix(in srgb, var(--color-interactive) 32%, transparent);--color-control-bg: color-mix(in srgb, var(--color-surface-3) 88%, transparent);--color-control-bg-hover: color-mix(in srgb, var(--color-surface-4) 72%, transparent);--color-control-border: var(--color-border-soft);--color-control-border-strong: var(--color-border-strong);--color-control-text: var(--color-text);--color-control-text-muted: var(--color-text-muted);--color-control-text-subtle: var(--color-text-subtle);--color-accent-surface: color-mix(in srgb, var(--color-primary) 8%, var(--color-panel));--color-accent-surface-hover: color-mix(in srgb, var(--color-primary) 12%, var(--color-panel));--color-accent-surface-strong: color-mix(in srgb, var(--color-primary) 18%, var(--color-panel));--color-accent-border-soft: color-mix(in srgb, var(--color-primary) 18%, var(--color-border));--color-accent-border: color-mix(in srgb, var(--color-primary) 28%, var(--color-border));--color-accent-border-strong: color-mix(in srgb, var(--color-primary) 42%, var(--color-border));--color-accent-shadow-soft: color-mix(in srgb, var(--color-primary) 10%, transparent);--color-accent-shadow: color-mix(in srgb, var(--color-primary) 16%, transparent);--shadow-sm: 0 10px 24px rgba(0, 0, 0, .16);--shadow-md: 0 18px 40px rgba(0, 0, 0, .22);--shadow-lg: 0 18px 60px rgba(0, 0, 0, .45);--shadow-glow: 0 12px 28px color-mix(in srgb, var(--color-primary) 16%, transparent);--gradient-page: linear-gradient(135deg, var(--color-surface-1) 0%, var(--color-surface-2) 50%, var(--color-surface-1) 100%);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-strong) 100%);--gradient-overlay: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .65) 100%);--gradient-player-controls: linear-gradient(to top, rgba(0, 0, 0, .95), transparent)}[data-theme=light]{color-scheme:light;--color-primary: #c6a24b;--color-primary-strong: #af8b34;--color-primary-soft: #f5ecdb;--color-surface: #f8fafc;--color-surface-1: #ffffff;--color-surface-2: #f4f1ea;--color-surface-3: #ebe6db;--color-surface-4: #ddd5c4;--color-page: var(--color-surface-1);--color-panel: rgba(255, 252, 245, .92);--color-panel-strong: rgba(255, 253, 249, .96);--color-panel-muted: rgba(249, 245, 236, .88);--color-card: #f1ece1;--color-card-hover: #e6decd;--color-elevated: #fffaf0;--color-elevated-strong: #f3ebdc;--color-overlay: rgba(15, 23, 42, .08);--color-overlay-strong: rgba(15, 23, 42, .72);--color-overlay-soft: rgba(15, 23, 42, .45);--color-player: #020617;--color-text: #0f172a;--color-text-soft: #334155;--color-text-muted: #475569;--color-text-subtle: #64748b;--color-text-inverse: #f8fafc;--color-border: #ddd6c8;--color-border-muted: #b8ab94;--color-border-soft: color-mix(in srgb, var(--color-primary) 12%, #ddd6c8);--color-border-strong: color-mix(in srgb, var(--color-primary) 22%, #ddd6c8);--color-primary-tint: color-mix(in srgb, var(--color-primary) 8%, #fffaf0);--color-primary-tint-strong: color-mix(in srgb, var(--color-primary) 14%, #fff8ed);--color-shadow-glow: color-mix(in srgb, var(--color-primary) 12%, transparent);--shadow-sm: 0 8px 18px rgba(15, 23, 42, .08);--shadow-md: 0 14px 30px rgba(15, 23, 42, .12);--shadow-lg: 0 18px 44px rgba(15, 23, 42, .16);--shadow-glow: 0 12px 28px color-mix(in srgb, var(--color-primary) 12%, transparent)}[data-theme=dark]{color-scheme:dark}.placeholder\:text-app-muted::-moz-placeholder{color:var(--color-text-muted)}.placeholder\:text-app-muted::placeholder{color:var(--color-text-muted)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:h-5:after{content:var(--tw-content);height:1.25rem}.after\:w-5:after{content:var(--tw-content);width:1.25rem}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-gray-600:hover{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.hover\:bg-app-surface:hover{background-color:var(--color-surface-3)}.hover\:bg-app-surfaceStrong:hover{background-color:var(--color-surface-4)}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-card-hover:hover{background-color:var(--color-card-hover)}.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:text-blue-300:hover{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:brightness-110:hover{--tw-brightness: brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:text-app:hover{color:var(--color-text)}.hover\:bg-app-overlay-strong:hover{background:var(--color-overlay-strong)}.hover\:bg-app-interactive-strong:hover{background:var(--color-interactive-strong)}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-app-interactive:focus{--tw-ring-color: var(--color-focus-ring)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-600:disabled{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:opacity-90:disabled{opacity:.9}.group:hover .group-hover\:bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.peer:checked~.peer-checked\:bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.peer:checked~.peer-checked\:after\:translate-x-full:after{content:var(--tw-content);--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:after\:border-white:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.peer:focus~.peer-focus\:outline-none{outline:2px solid transparent;outline-offset:2px}.peer:focus~.peer-focus\:ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.peer:focus~.peer-focus\:ring-blue-300{--tw-ring-opacity: 1;--tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1))}@media (min-width: 640px){.sm\:items-center{align-items:center}.sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}}@media (min-width: 768px){.md\:w-40{width:10rem}.md\:flex-shrink-0{flex-shrink:0}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}}@media (min-width: 1024px){.lg\:mt-0{margin-top:0}.lg\:w-1\/3{width:33.333333%}.lg\:w-2\/3{width:66.666667%}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-end{justify-content:flex-end}}@media (min-width: 1280px){.xl\:ml-4{margin-left:1rem}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:flex-row{flex-direction:row}.xl\:items-start{align-items:flex-start}.xl\:justify-between{justify-content:space-between}.xl\:self-start{align-self:flex-start}}