@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700;800&family=Literata:ital,opsz,wght@0,7..72,300;0,7..72,400;0,7..72,500;0,7..72,600;1,7..72,400&family=Merriweather:ital,wght@0,300;0,400;0,700;1,300;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";:root{--primary-color: #F28076;--primary-glow: rgba(242, 128, 118, .38);--secondary-color: #FFB6AF;--accent-color: #FBC193;--teal-color: #4EB09B;--cream-color: #FAE0C7;--bg-color: #121419;--bg-glow: radial-gradient(circle at top left, #281B22 0%, #121419 75%);--card-bg: rgba(30, 26, 35, .75);--card-bg-solid: #1C1824;--card-border: rgba(250, 224, 199, .12);--text-color: #FFFFFF;--text-muted: #BFAEA8;--success-color: #4EB09B;--warning-color: #FBC193;--danger-color: #F28076;--glass-bg: rgba(18, 20, 25, .75);--glass-border: rgba(250, 224, 199, .12);--shadow-sm: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 20px 40px -15px rgba(0, 0, 0, .6);--shadow-neon: 0 0 15px rgba(242, 128, 118, .35);--rounded-lg: 24px;--rounded-md: 16px;--rounded-sm: 10px;--font-interface: "Poppins", "Inter", system-ui, -apple-system, sans-serif;--font-reader: "Literata", "Merriweather", serif;--font-size-base: 15px;--sidebar-width: 260px}body.light-theme{--primary-color: #F28076;--primary-glow: rgba(242, 128, 118, .2);--secondary-color: #FFB6AF;--accent-color: #FBC193;--teal-color: #4EB09B;--bg-color: #FFF8F5;--bg-glow: linear-gradient(180deg, #FDF0E6 0%, #FFF8F5 100%);--card-bg: rgba(255, 255, 255, .9);--card-bg-solid: #FFFFFF;--card-border: rgba(242, 128, 118, .15);--text-color: #2D2324;--text-muted: #7E6E70;--success-color: #4EB09B;--warning-color: #FBC193;--danger-color: #F28076;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(242, 128, 118, .12);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-neon: 0 0 15px rgba(242, 128, 118, .2)}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:20px}body{font-family:var(--font-interface);font-size:var(--font-size-base);background:var(--bg-color);background-image:var(--bg-glow);color:var(--text-color);min-height:100vh;overflow-x:hidden;line-height:1.5;transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none}button,input,select{font-family:inherit;outline:none;border:none}.material-symbols-rounded{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;display:inline-block;vertical-align:middle}.app-container{display:flex;min-height:100vh;position:relative;overflow-x:hidden;max-width:100vw}.sidebar{width:var(--sidebar-width);background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);padding:24px 16px;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:all .3s cubic-bezier(.4,0,.2,1)}.logo{display:flex;align-items:center;gap:12px;padding:0 12px 32px;font-size:20px;font-weight:800;background:linear-gradient(135deg,var(--text-color) 0%,var(--primary-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.5px}.logo span{-webkit-text-fill-color:initial;color:var(--primary-color);font-size:28px;text-shadow:var(--shadow-neon)}.nav-menu{display:flex;flex-direction:column;gap:8px;list-style:none}.nav-item a{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:var(--rounded-md);color:var(--text-muted);font-weight:500;transition:all .3s ease;cursor:pointer}.nav-item.active a,.nav-item a:hover{color:var(--text-color);background:var(--primary-glow);box-shadow:inset 3px 0 0 var(--primary-color)}.nav-item.active a .material-symbols-rounded,.nav-item a:hover .material-symbols-rounded{color:var(--primary-color);font-variation-settings:"FILL" 1}.nav-section-title{font-size:11px;text-transform:uppercase;color:var(--text-muted);letter-spacing:1.5px;font-weight:600;padding:24px 16px 8px}.device-status-btn{margin-top:auto;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--rounded-md);padding:12px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s ease}.device-status-btn:hover{background:#ffffff14;border-color:var(--primary-color)}.device-status-dot{width:8px;height:8px;border-radius:50%;background:var(--success-color);box-shadow:0 0 8px var(--success-color)}.device-status-content{text-align:left}.device-status-title{font-size:12px;font-weight:600}.device-status-desc{font-size:10px;color:var(--text-muted)}.main-wrapper{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));max-width:calc(100% - var(--sidebar-width));min-width:0;flex:1;display:flex;flex-direction:column;min-height:100vh;padding-bottom:120px;transition:margin-left .3s ease}.mobile-header-brand{display:none;align-items:center;gap:10px}.mobile-logo-circle-wrap{width:42px;height:42px;border-radius:50%;padding:2px;background:linear-gradient(135deg,#f28076,#ffb6af,#4eb09b);box-shadow:0 0 12px #f2807666;display:flex;align-items:center;justify-content:center}.mobile-brand-logo-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:1.5px solid #ffffff}.mobile-brand-title{font-size:17px;font-weight:900;letter-spacing:.5px;background:linear-gradient(135deg,#f28076,#ffb6af,#4eb09b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 16px rgba(242,128,118,.25);font-family:system-ui,-apple-system,sans-serif}.header-action-circle-btn{width:40px;height:40px;border-radius:50%;background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.header-action-circle-btn:hover{background:#ffffff1f;transform:translateY(-1px)}.mobile-only-action{display:none}.header-container{display:flex;align-items:center;justify-content:space-between;padding:20px 48px;position:sticky;top:0;z-index:90;background:linear-gradient(180deg,var(--bg-color) 30%,rgba(15,17,23,0) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-box-container{position:relative;width:420px}.search-input-wrapper{display:flex;align-items:center;background:var(--card-bg);border:1px solid var(--glass-border);border-radius:var(--rounded-lg);padding:8px 16px;transition:all .3s ease}.search-input-wrapper:focus-within{border-color:var(--primary-color);box-shadow:var(--shadow-neon)}.search-input-wrapper input{background:transparent;color:var(--text-color);border:none;font-size:14px;width:100%;margin-left:10px}.search-input-wrapper input::placeholder{color:var(--text-muted)}.search-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--card-bg-solid);border:1px solid var(--glass-border);border-radius:var(--rounded-md);box-shadow:var(--shadow-lg);display:none;flex-direction:column;overflow:hidden;z-index:110}.suggestion-section{padding:12px 16px}.suggestion-title{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;margin-bottom:8px}.suggestion-item{display:flex;align-items:center;gap:12px;padding:8px 4px;border-radius:var(--rounded-sm);cursor:pointer;transition:background .2s ease}.suggestion-item:hover{background:#ffffff0d}.suggestion-item img{width:36px;height:48px;border-radius:4px;object-fit:cover}.suggestion-details{display:flex;flex-direction:column}.suggestion-name{font-size:13px;font-weight:500}.suggestion-meta{font-size:11px;color:var(--text-muted)}.header-actions{display:flex;align-items:center;gap:16px}.theme-toggle{background:var(--card-bg);border:1px solid var(--glass-border);color:var(--text-color);width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.theme-toggle:hover{background:var(--primary-color);color:#fff}.quick-stats{display:flex;align-items:center;background:var(--card-bg);border:1px solid var(--glass-border);padding:8px 16px;border-radius:var(--rounded-lg);font-size:13px;font-weight:500;gap:8px}.app-footer{background:var(--card-bg);border-top:1px solid var(--glass-border);padding:48px;margin-top:auto;border-radius:var(--rounded-lg) var(--rounded-lg) 0 0}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:40px}.footer-brand-col{display:flex;flex-direction:column;gap:16px}.footer-desc{font-size:13px;color:var(--text-muted);line-height:1.6}.footer-links-col{display:flex;flex-direction:column;gap:12px}.footer-col-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.footer-links-list{display:flex;flex-direction:column;gap:8px;list-style:none}.footer-links-list a{font-size:13px;color:var(--text-muted);transition:color .2s}.footer-links-list a:hover{color:var(--primary-color)}.footer-social-row{display:flex;gap:12px}.social-circle-btn{width:36px;height:36px;border-radius:50%;background:#ffffff0a;border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s;color:var(--text-muted)}.social-circle-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--glass-border);padding-top:24px;font-size:12px;color:var(--text-muted)}.mobile-nav-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);height:64px;align-items:center;justify-content:space-around;z-index:499}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted);font-size:10px;font-weight:500;cursor:pointer;flex:1;padding:8px 0}.mobile-nav-item.active,.mobile-nav-item:hover{color:var(--primary-color)}.mobile-nav-item.active .material-symbols-rounded{font-variation-settings:"FILL" 1}@media (max-width: 1024px){:root{--sidebar-width: 0px}.sidebar{width:260px!important;transform:translate(-100%);box-shadow:10px 0 30px #00000080;z-index:600}.sidebar.active{transform:translate(0)}.main-wrapper{margin-left:0;width:100%!important;max-width:100%!important;padding-bottom:160px}.header-container{padding:12px 18px;background:var(--bg-color);border-bottom:1px solid rgba(255,255,255,.05)}.mobile-header-brand{display:flex}.search-box-container{display:none;position:absolute;top:100%;left:0;right:0;width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:16px 20px 20px;background:var(--card-bg-solid, #141622);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 14px 35px #00000080;border-bottom:1px solid var(--glass-border);z-index:999}body:not(.light-theme) .search-box-container{background:#141620fa;box-shadow:0 12px 30px #00000080;border-bottom:1px solid rgba(255,255,255,.1)}.search-box-container.active-mobile{display:flex!important;flex-direction:column;gap:12px;animation:fadeInDown .25s cubic-bezier(.16,1,.3,1)}.search-input-wrapper{background:#ffffff0f!important;border:1px solid var(--glass-border)!important;border-radius:28px!important;padding:10px 18px!important;box-shadow:none!important;display:flex;align-items:center;width:100%;box-sizing:border-box}body:not(.light-theme) .search-input-wrapper{background:#ffffff14!important;border:1px solid rgba(255,255,255,.15)!important}.search-input-wrapper input{color:var(--text-color)!important;font-size:14.5px!important;margin-left:8px!important;border:none;background:transparent;outline:none;width:100%}body:not(.light-theme) .search-input-wrapper input{color:#fff!important}.search-icon-desktop{display:block!important;color:var(--text-muted);font-size:20px}.btn-mobile-search-submit{width:100%;padding:12px;border-radius:28px;border:none;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;font-size:14.5px;font-weight:700;cursor:pointer;box-shadow:0 4px 15px var(--primary-glow);transition:all .2s ease;display:block;text-align:center}.btn-mobile-search-submit:active{transform:scale(.98)}.mobile-only-action{display:flex!important}.content-body{padding:0 18px}.hero-banner{height:300px}.hero-title{font-size:32px}.floating-player{bottom:64px;padding:8px 16px}.player-center{width:40%}.player-left{width:35%}.player-right{width:25%}.mobile-nav-bar{display:flex}}@media (max-width: 768px){.hero-overlay{padding:24px}.hero-title{font-size:24px}.hero-buttons .btn{padding:10px 20px;font-size:13px}.detail-page-container{flex-direction:column;gap:24px}.detail-cover-aside{width:100%;max-width:280px;margin:0 auto}.player-page-container{grid-template-columns:1fr;gap:28px}.player-large-artwork{width:240px;height:240px}.floating-player{height:80px}.player-right{display:none}.player-left,.player-center{width:50%}.footer-top{grid-template-columns:1fr;gap:24px}.cards-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.header-container{padding:12px 16px!important}.search-box-container{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.quick-stats{padding:6px 10px!important;font-size:11px!important}.content-body{padding:0 16px!important}.hero-banner{height:200px!important;margin-bottom:24px!important}.hero-title{font-size:18px!important;margin-bottom:6px!important}.hero-meta{display:flex!important;flex-wrap:wrap!important;font-size:10px!important;margin-bottom:12px!important;gap:6px 12px!important}.hero-buttons .btn{padding:6px 14px!important;font-size:11px!important}.recent-listening-card{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:12px!important}.recent-listening-left{width:100%!important}.recent-listening-btn{width:100%!important;padding:12px 16px!important;font-size:14px!important;border-radius:var(--rounded-md)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;color:#fff!important;background:var(--primary-color)!important}.detail-title{font-size:22px!important}.detail-stats-row{flex-wrap:wrap!important;gap:12px!important;padding:12px 0!important}.detail-stat-item{width:calc(50% - 6px)!important}.detail-tabs-head{gap:12px!important}.detail-tab-btn{font-size:12px!important;padding:10px 4px!important}.unlock-box{padding:24px 16px!important;margin:16px!important}.unlock-title{font-size:18px!important}.unlock-description{font-size:12px!important;line-height:1.5!important;margin-bottom:16px!important}.unlock-step-label{font-size:9px!important}.floating-player{height:72px!important;padding:8px 16px!important;bottom:64px!important}.player-right{display:none!important}.player-left{width:65%!important;min-width:140px!important;flex-shrink:0}.player-artwork{width:44px!important;height:44px!important;border-radius:8px!important;flex-shrink:0!important}.player-title{font-size:13px!important}.player-desc{font-size:10px!important}.visualizer-wave{display:none!important}.player-center{width:35%!important;display:flex!important;flex-direction:row!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important}#ctrl-shuffle,#ctrl-prev,#ctrl-repeat{display:none!important}#ctrl-next{display:flex!important;color:var(--text-color)!important;margin-left:8px!important}.control-btn.btn-play-pause{width:40px!important;height:40px!important}.progress-container{position:absolute!important;top:0!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;padding:0!important}.progress-track{height:2px!important;border-radius:0!important}.progress-fill,.progress-buffered{border-radius:0!important}#player-curr-time,#player-duration{display:none!important}}.content-body{padding:0 48px;flex:1}.page-view{animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-banner{height:380px;border-radius:var(--rounded-lg);position:relative;overflow:hidden;margin-bottom:40px;box-shadow:var(--shadow-lg);border:1px solid var(--glass-border)}.hero-slider-track{width:100%;height:100%;position:relative}.hero-slide{width:100%;height:100%;position:absolute;top:0;left:0;display:none;background-size:cover;background-position:center;transition:opacity .5s ease-in-out}.hero-slide.active{display:block}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0f1117f2,#0f1117b3,#0f111700);display:flex;flex-direction:column;justify-content:center;padding:48px}.hero-badge{background:linear-gradient(135deg,var(--accent-color) 0%,var(--primary-color) 100%);color:#0f1117;font-weight:700;font-size:11px;padding:4px 12px;border-radius:20px;width:fit-content;text-transform:uppercase;margin-bottom:16px;letter-spacing:1px}.hero-title{font-size:42px;font-weight:800;line-height:1.2;margin-bottom:12px;max-width:600px}.hero-meta{display:flex;align-items:center;gap:16px;color:var(--text-muted);font-size:13px;margin-bottom:20px}.hero-meta span{display:flex;align-items:center;gap:6px}.hero-desc{max-width:550px;font-size:14px;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:28px}.hero-buttons{display:flex;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:var(--rounded-md);font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:var(--shadow-neon)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--primary-glow)}.btn-secondary{background:#ffffff14;color:var(--text-color);border:1px solid var(--glass-border)}.btn-secondary:hover{background:#ffffff26;transform:translateY(-2px)}.hero-dots{position:absolute;bottom:24px;right:48px;display:flex;gap:8px}.hero-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;cursor:pointer}.hero-dot.active{background:var(--primary-color);width:24px;border-radius:4px}.section-wrapper{margin-bottom:40px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-title{font-size:22px;font-weight:700;position:relative;display:flex;align-items:center;gap:10px}.section-title:before{content:"";width:4px;height:20px;background:var(--primary-color);border-radius:4px}.section-view-all{font-size:13px;font-weight:600;color:var(--primary-color);cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s}.section-view-all:hover{color:var(--secondary-color);transform:translate(4px)}.categories-slider{display:flex;gap:12px;overflow-x:auto;padding:4px 0 16px;scroll-behavior:smooth}.category-chip{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--card-bg);border:1px solid var(--glass-border);border-radius:var(--rounded-md);font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.category-chip:hover,.category-chip.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:var(--shadow-neon)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px}.story-card{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:var(--rounded-lg);padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer;display:flex;flex-direction:column}.story-card:hover{transform:translateY(-6px) scale(1.02);border-color:var(--primary-color);box-shadow:var(--shadow-lg),var(--shadow-neon)}.card-image-wrap{position:relative;border-radius:var(--rounded-md);overflow:hidden;aspect-ratio:3/4;margin-bottom:12px}.card-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;color:transparent}.story-card:hover .card-image-wrap img{transform:scale(1.08)}.card-badge{position:absolute;top:8px;left:8px;background:var(--primary-color);color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:12px;z-index:2;box-shadow:0 4px 8px #0003}.card-badge.vip{background:var(--accent-color);color:#0f1117}.card-badge.new{background:var(--success-color)}.card-badge.full{background:var(--teal-color)}.card-play-btn{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f111799;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:10;pointer-events:none}.card-play-btn button{background:var(--primary-color);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:scale(.6);transition:all .3s cubic-bezier(.18,.89,.32,1.28);box-shadow:0 8px 16px var(--primary-glow);cursor:pointer}.story-card:hover .card-play-btn{opacity:1}.story-card:hover .card-play-btn button{transform:scale(1)}.card-content{flex:1;display:flex;flex-direction:column}.card-title{font-size:14px;font-weight:600;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.card-mc{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px;margin-bottom:8px}.card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-muted)}.card-meta-item{display:flex;align-items:center;gap:4px}.card-meta-item.rating{color:var(--accent-color)}.detail-page-container{display:flex;gap:40px;margin-bottom:40px}.detail-cover-aside{width:280px;flex-shrink:0}.detail-cover-sticky{position:sticky;top:100px}.detail-cover-img{width:100%;aspect-ratio:3/4;border-radius:var(--rounded-lg);object-fit:cover;box-shadow:var(--shadow-lg);border:1px solid var(--glass-border);margin-bottom:20px}.detail-main-content{flex:1}.detail-path{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);margin-bottom:16px}.detail-title{font-size:36px;font-weight:800;margin-bottom:12px}.detail-author-mc{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px}.detail-creator-pill{display:flex;align-items:center;gap:10px;background:var(--card-bg);border:1px solid var(--glass-border);padding:8px 16px;border-radius:40px}.detail-creator-pill img{width:24px;height:24px;border-radius:50%;object-fit:cover}.detail-stats-row{display:flex;align-items:center;justify-content:space-around;background:var(--card-bg);border:1px solid var(--glass-border);border-radius:var(--rounded-lg, 16px);padding:16px 20px;margin-bottom:24px;gap:16px;box-shadow:0 4px 20px #00000014}.detail-stat-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex:1;text-align:center}.detail-stat-item:not(:last-child){border-right:1px solid var(--glass-border);padding-right:12px}.detail-stat-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.detail-stat-val{font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--text-color)}.detail-stat-val.rating{color:var(--accent-color, #FBC193)}.detail-action-buttons{display:flex;gap:16px;margin-bottom:32px}.detail-tabs-head{display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--glass-border);gap:20px;margin-bottom:24px}.detail-tab-btn{padding:12px 8px;font-weight:600;font-size:15px;color:var(--text-muted);cursor:pointer;background:transparent;position:relative;transition:color .3s}@media (max-width: 600px){.detail-tabs-head{gap:10px}.detail-tab-btn{font-size:13px;padding:10px 4px}}.detail-tab-btn.active,.detail-tab-btn:hover{color:var(--text-color)}.detail-tab-btn.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--primary-color);border-radius:20px}.detail-tab-content{display:none}.detail-tab-content.active{display:block}.chapters-search-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}.chapter-card-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--card-bg);border:1px solid var(--glass-border);border-radius:var(--rounded-md);margin-bottom:12px;transition:all .2s ease;cursor:pointer;min-width:0;gap:12px}.chapter-card-item:hover{border-color:var(--primary-color);background:#6d5ef70d}.chapter-left{display:flex;align-items:center;gap:16px;min-width:0;flex:1}.chapter-play-status{width:36px;height:36px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.chapter-card-item:hover .chapter-play-status{background:var(--primary-color);color:#fff}.chapter-title-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.chapter-idx{font-size:11px;color:var(--text-muted);font-weight:500;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.chapter-name{font-size:14px;font-weight:600;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.chapter-badge-vip{background:var(--accent-color);color:#0f1117;font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px;text-transform:uppercase}.chapter-right{display:flex;align-items:center;gap:24px;color:var(--text-muted);font-size:13px}.chapter-unlock-indicator{display:flex;align-items:center;gap:4px;color:var(--success-color);font-weight:500}.chapter-lock-indicator{display:flex;align-items:center;gap:4px;color:var(--accent-color);font-weight:500}.recent-listening-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;background:var(--card-bg);border:1px solid var(--glass-border);border-radius:var(--rounded-md);cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease}.recent-listening-card:hover{border-color:var(--primary-color);background:#ffffff0a}.recent-listening-left{display:flex;align-items:center;gap:16px;min-width:0;flex:1}.recent-listening-img{width:48px;height:60px;border-radius:8px;object-fit:cover;flex-shrink:0}.recent-listening-info{min-width:0;flex:1}.recent-listening-title{font-size:15px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-listening-subtitle{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-listening-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:10px 20px!important;border-radius:20px!important;height:auto!important;width:auto!important;font-size:13px!important;font-weight:600!important;color:#fff!important;background:var(--primary-color)!important;flex-shrink:0!important}.recent-listening-btn span{font-size:18px!important}.hot-carousel-grid{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:155px;gap:16px;overflow-x:auto;scroll-behavior:smooth;padding:4px 4px 16px}.new-carousel-row{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;padding:4px 4px 16px}.hot-carousel-grid::-webkit-scrollbar,.new-carousel-row::-webkit-scrollbar{height:6px}.hot-carousel-grid::-webkit-scrollbar-thumb,.new-carousel-row::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.hot-carousel-grid::-webkit-scrollbar-thumb:hover,.new-carousel-row::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.story-card.small-card{width:155px;flex:0 0 155px;padding:8px;border-radius:var(--rounded-md);background:var(--card-bg)}.story-card.small-card .card-image-wrap{margin-bottom:8px;border-radius:6px}.story-card.small-card .card-title{font-size:13px!important;font-weight:600;margin-bottom:2px}.story-card.small-card .card-mc{font-size:10px!important;margin-bottom:6px;gap:2px}.story-card.small-card .card-footer{font-size:10px!important}.story-card.small-card .card-play-btn button{width:36px;height:36px}.story-card.small-card .card-play-btn button span{font-size:20px}.swipe-hint{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px;font-weight:500;opacity:.8}@media (max-width: 768px){.hot-carousel-grid{grid-auto-columns:130px!important;gap:12px!important;padding-bottom:10px!important}.new-carousel-row{gap:12px!important;padding-bottom:10px!important}.story-card.small-card{width:130px!important;flex:0 0 130px!important;padding:6px!important}.story-card.small-card .card-title{font-size:11px!important}.story-card.small-card .card-mc{font-size:9px!important}}.skeleton{background:linear-gradient(90deg,var(--card-border) 25%,rgba(255,255,255,.08) 50%,var(--card-border) 75%);background-size:200% 100%;animation:loading-pulse 1.5s infinite;border-radius:var(--rounded-md)}@keyframes loading-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:16px;margin-bottom:8px;width:80%}.skeleton-card{height:280px}.skeleton-button{height:44px;width:120px}.rating-item{color:var(--accent-color);font-size:18px}.rating-item.empty{color:var(--text-muted);font-variation-settings:"FILL" 0}.app-loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;min-height:400px;width:100%}.spinning-logo-wrapper{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.spinning-logo-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:3px solid transparent;border-top-color:#f28076;border-right-color:#ffb6af;border-bottom-color:#4eb09b;border-left-color:#fbc193;animation:logoSpin 1.2s cubic-bezier(.68,-.55,.27,1.55) infinite;filter:drop-shadow(0 0 12px rgba(242,128,118,.8)) drop-shadow(0 0 20px rgba(78,176,155,.5))}.spinning-logo-ring:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px dashed rgba(255,182,175,.4);animation:logoSpinReverse 3s linear infinite}.spinning-logo-core{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 20px #f2807680;animation:logoPulse 2s ease-in-out infinite alternate;overflow:hidden}.spinning-logo-core img{width:100%;height:100%;object-fit:cover;border-radius:50%}@keyframes logoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes logoSpinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes logoPulse{0%{transform:scale(.96);box-shadow:0 0 15px #f2807666}to{transform:scale(1.04);box-shadow:0 0 30px #f28076cc}}.loading-text{font-size:15px;font-weight:600;color:var(--text-muted);letter-spacing:.5px;animation:pulseText 1.5s ease-in-out infinite alternate}@keyframes pulseText{0%{opacity:.5}to{opacity:1}}.floating-player{position:fixed;bottom:0;left:0;right:0;background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:1px solid var(--glass-border);padding:12px 32px;display:flex;align-items:center;justify-content:space-between;z-index:500;box-shadow:0 -10px 40px #0006;transition:all .4s cubic-bezier(.16,1,.3,1);height:90px}.floating-player.collapsed{transform:translateY(100%)}.player-left{display:flex;align-items:center;gap:16px;width:25%;min-width:200px;cursor:pointer}.player-artwork{width:56px;height:56px;border-radius:12px;overflow:hidden;position:relative;box-shadow:var(--shadow-sm);border:1px solid var(--glass-border);background:#ffffff0d;display:flex;align-items:center;justify-content:center}.player-artwork:before{content:"music_note";font-family:Material Symbols Rounded;font-size:24px;color:var(--text-muted);position:absolute;z-index:1}.player-artwork img{width:100%;height:100%;object-fit:cover;position:relative;z-index:2;background:var(--card-bg);color:transparent}.player-artwork img[src=""],.player-artwork img:not([src]){opacity:0}.player-artwork.spinning img{animation:spin 20s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.player-meta{display:flex;flex-direction:column;min-width:0;flex:1}.player-title{font-size:14px;font-weight:600;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}.player-title:hover{color:var(--primary-color)}.player-desc{font-size:11px;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.player-center{display:flex;flex-direction:column;align-items:center;gap:6px;width:50%}.player-controls{display:flex;align-items:center;gap:20px}.control-btn{background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.control-btn:hover{color:var(--text-color)}.control-btn.active{color:var(--primary-color);text-shadow:var(--shadow-neon)}.control-btn.btn-play-pause{width:44px;height:44px;border-radius:50%;background:var(--primary-color);color:#fff;box-shadow:var(--shadow-neon)}.control-btn.btn-play-pause:hover{transform:scale(1.08);background:var(--secondary-color)}.control-btn.btn-play-pause .material-symbols-rounded{font-size:32px}.progress-container{display:flex;align-items:center;gap:12px;width:100%;max-width:600px;font-size:11px;color:var(--text-muted)}.progress-track{flex:1;height:4px;background:#ffffff1a;border-radius:2px;position:relative;cursor:pointer}.progress-track:hover{height:6px}.progress-buffered{position:absolute;top:0;left:0;height:100%;width:0;background:#ffffff26;border-radius:2px}.progress-fill{position:absolute;top:0;left:0;height:100%;width:0;background:var(--primary-color);border-radius:2px}.progress-thumb{position:absolute;top:50%;left:0;transform:translate(-50%,-50%) scale(0);width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0006;transition:transform .15s ease}.progress-track:hover .progress-thumb{transform:translate(-50%,-50%) scale(1)}.player-right{display:flex;align-items:center;justify-content:flex-end;gap:16px;width:25%;min-width:200px}.volume-container{display:flex;align-items:center;gap:8px;width:120px}.volume-slider{flex:1;height:4px;background:#ffffff1a;border-radius:2px;position:relative;cursor:pointer}.volume-fill{background:var(--primary-color);height:100%;width:80%;border-radius:2px;position:absolute;top:0;left:0}.volume-thumb{position:absolute;top:50%;left:80%;transform:translate(-50%,-50%) scale(0);width:10px;height:10px;border-radius:50%;background:#fff;transition:transform .1s ease}.volume-slider:hover .volume-thumb{transform:translate(-50%,-50%) scale(1)}.visualizer-wave{display:flex;align-items:flex-end;gap:3px;height:24px;width:32px}.visualizer-bar{width:3px;height:4px;background-color:var(--primary-color);border-radius:2px}.visualizer-wave.active .visualizer-bar{animation:wave 1.2s ease-in-out infinite alternate}.visualizer-wave.active .visualizer-bar:nth-child(2){animation-delay:.15s}.visualizer-wave.active .visualizer-bar:nth-child(3){animation-delay:.3s}.visualizer-wave.active .visualizer-bar:nth-child(4){animation-delay:.45s}.visualizer-wave.active .visualizer-bar:nth-child(5){animation-delay:.6s}@keyframes wave{0%{height:4px}to{height:24px}}.player-page-container{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:40px 0}.player-page-left{display:flex;flex-direction:column;align-items:center;text-align:center}.player-large-artwork{width:320px;height:320px;border-radius:var(--rounded-lg);overflow:hidden;box-shadow:0 25px 50px -12px #000c,var(--shadow-neon);border:1px solid var(--glass-border);margin-bottom:32px}.player-large-artwork img{width:100%;height:100%;object-fit:cover}.player-page-details{margin-bottom:24px}.player-page-title{font-size:24px;font-weight:700;margin-bottom:6px}.player-page-sub{font-size:14px;color:var(--text-muted)}.player-page-right{display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--glass-border);border-radius:var(--rounded-lg);padding:32px;height:480px}.playlist-tabs{display:flex;border-bottom:1px solid var(--glass-border);gap:16px;margin-bottom:16px}.playlist-tab-btn{padding:8px 12px;color:var(--text-muted);background:transparent;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s;position:relative}.playlist-tab-btn.active{color:var(--text-color)}.playlist-tab-btn.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--primary-color)}.playlist-scroll{flex:1;overflow-y:auto;padding-right:8px}.playlist-chapter-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:var(--rounded-md);margin-bottom:8px;cursor:pointer;transition:background .2s;background:#ffffff05;border:1px solid transparent}.playlist-chapter-row:hover{background:#ffffff0f}.playlist-chapter-row.active{background:var(--primary-glow);border-color:var(--primary-color)}.playlist-chapter-info{display:flex;flex-direction:column;gap:2px}.playlist-chapter-title{font-size:13px;font-weight:600}.playlist-chapter-meta{font-size:11px;color:var(--text-muted)}.unlock-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1117d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:1000;display:none;align-items:center;justify-content:center;animation:fadeIn .3s ease forwards}.unlock-box{background:var(--card-bg-solid);border:1px solid var(--glass-border);border-radius:var(--rounded-lg);width:100%;max-width:500px;padding:40px;box-shadow:var(--shadow-lg),var(--shadow-neon);text-align:center;position:relative;overflow:hidden}.unlock-circle-decor{position:absolute;top:-80px;right:-80px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,var(--primary-color) 0%,rgba(242,128,118,.05) 70%);z-index:1;pointer-events:none}.unlock-icon-wrap{width:72px;height:72px;border-radius:50%;background:#f280761f;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.unlock-icon-wrap span{font-size:36px;color:var(--primary-color)}.unlock-title{font-size:22px;font-weight:700;margin-bottom:12px}.unlock-description{font-size:14px;color:var(--text-muted);line-height:1.6;margin-bottom:28px}.unlock-steps-tracker{display:flex;justify-content:space-between;margin-bottom:32px;position:relative}.unlock-steps-tracker:before{content:"";position:absolute;top:14px;left:20px;right:20px;height:2px;background:#ffffff14;z-index:1}.unlock-step{display:flex;flex-direction:column;align-items:center;gap:8px;z-index:2;position:relative;flex:1}.unlock-step-num{width:30px;height:30px;border-radius:50%;background:var(--bg-color);border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-muted);transition:all .3s}.unlock-step.active .unlock-step-num{border-color:var(--primary-color);background:var(--primary-color);color:#fff;box-shadow:0 0 10px var(--primary-color)}.unlock-step.completed .unlock-step-num{border-color:var(--success-color);background:var(--success-color);color:#fff}.unlock-step-label{font-size:11px;color:var(--text-muted);font-weight:500}.unlock-step.active .unlock-step-label{color:var(--text-color)}.unlock-progress-bar-container{height:6px;background:#ffffff0f;border-radius:4px;overflow:hidden;margin-bottom:24px;display:none}.unlock-progress-bar-fill{height:100%;width:0;background:var(--primary-color);border-radius:4px;transition:width .3s ease}.unlock-status-text{font-size:13px;font-weight:500;color:var(--accent-color);margin-bottom:20px}.toast-container{position:fixed;top:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:9999;pointer-events:none}.toast{pointer-events:auto;background:var(--card-bg-solid, #1C1824);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border, rgba(250, 224, 199, .15));padding:12px 18px;border-radius:20px;box-shadow:0 12px 30px #00000080,var(--shadow-neon);display:flex;align-items:center;gap:12px;color:var(--text-color);min-width:280px;max-width:380px;position:relative;overflow:hidden;animation:toastSpringIn .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes toastSpringIn{0%{transform:translate(120%) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes toastSpringOut{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(120%) scale(.8);opacity:0}}.toast-icon-wrap{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-icon-wrap span{font-size:20px;color:#fff}.toast.success .toast-icon-wrap{background:linear-gradient(135deg,var(--teal-color) 0%,#369c84 100%);box-shadow:0 0 12px #4eb09b66}.toast.info .toast-icon-wrap,.toast:not(.success):not(.warning):not(.danger) .toast-icon-wrap{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);box-shadow:0 0 12px var(--primary-glow)}.toast.warning .toast-icon-wrap{background:linear-gradient(135deg,var(--warning-color) 0%,#e09d67 100%);box-shadow:0 0 12px #fbc19366}.toast.danger .toast-icon-wrap{background:linear-gradient(135deg,var(--danger-color) 0%,#d86259 100%);box-shadow:0 0 12px #f2807666}.toast-body{flex:1}.toast-message{font-size:13.5px;font-weight:600;line-height:1.4;color:var(--text-color)}.toast-close-btn{background:transparent;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .2s}.toast-close-btn:hover{color:var(--text-color)}.device-profile-card{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:var(--rounded-lg);padding:32px;margin-bottom:40px;position:relative}.device-cookie-status{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--glass-border);padding-bottom:24px;margin-bottom:24px}.device-cookie-days-left{font-size:48px;font-weight:800;color:var(--primary-color);display:flex;align-items:baseline;gap:8px}.device-cookie-days-left span{font-size:16px;color:var(--text-muted);font-weight:500}.unlock-progress-section{background:#ffffff05;border:1px solid var(--glass-border);padding:16px;border-radius:var(--rounded-md);margin-bottom:24px;text-align:left}.unlock-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.unlock-progress-label{font-size:13px;color:var(--text-muted);font-weight:500}.unlock-progress-val{font-size:14px;font-weight:700;color:var(--primary-color)}.unlock-progress-bar-container-new{height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden;position:relative}.unlock-progress-bar-fill-new{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--secondary-color) 100%);width:0%;transition:width .4s cubic-bezier(.16,1,.3,1)}.unlock-steps-cards-wrap{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.unlock-task-card{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:var(--rounded-md);background:#ffffff05;border:1px solid var(--glass-border);transition:all .3s ease;text-align:left}.unlock-task-card.locked-task{opacity:.4;pointer-events:none}.unlock-task-card.completed-task{background:#10b98114!important;border-color:#10b9814d!important}.task-card-left{display:flex;align-items:center;gap:16px}.task-logo{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.tiktok-logo{background:#000;color:#fff}.shopee-logo{background:#ee4d2d;color:#fff}.task-meta{display:flex;flex-direction:column;gap:2px}.task-name{font-size:14px;font-weight:600}.task-status-text{font-size:11px;color:var(--text-muted)}.unlock-task-card.completed-task .task-status-text{color:var(--success-color);font-weight:600}.task-btn{padding:8px 16px;font-size:12px!important;border-radius:20px}.unlock-success-pane-hidden{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 0}.success-icon-wrap{width:80px;height:80px;border-radius:50%;background:#10b9811a;color:var(--success-color);display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 0 20px #10b98133}.success-icon-wrap span{font-size:48px}.success-title{font-size:20px;font-weight:700;margin-bottom:8px}.success-subtitle{font-size:13px;color:var(--text-muted);line-height:1.5}.unlock-footer-row{margin-top:16px;position:relative;z-index:10;display:flex;gap:12px}.color-primary{color:var(--primary-color)!important}.player-speed-btn{font-size:11px!important;font-weight:700!important;width:40px!important}.unlock-title-modal{margin-bottom:8px!important}.unlock-desc-modal{margin-bottom:24px!important}.btn-full-width{width:100%!important}.margin-top-sm{margin-top:16px!important}.unlock-modal-close-trigger{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;z-index:100;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.unlock-modal-close-trigger:hover{background:#ffffff14;color:var(--text-color)}.animate-popup-check{animation:bounceSuccess .6s cubic-bezier(.175,.885,.32,1.275) both}@keyframes bounceSuccess{0%{transform:scale(.6);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.unlock-task-card{padding:12px!important}.task-logo{width:32px!important;height:32px!important}.task-logo span{font-size:18px!important}}.custom-fullscreen-player-view{position:relative;min-height:calc(100vh - 120px);width:100%;display:flex;align-items:center;justify-content:center;padding:40px 20px;overflow:hidden;box-sizing:border-box}.fs-backdrop-blur{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;filter:blur(50px) brightness(.4);transform:scale(1.15);z-index:1;opacity:.65;pointer-events:none}.fs-player-card{position:relative;background:var(--card-bg-solid);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-radius:36px;padding:40px 32px 32px;text-align:center;max-width:420px;width:100%;box-shadow:0 25px 60px #0006;z-index:2;box-sizing:border-box;animation:scaleInFS .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes scaleInFS{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.light-theme .fs-player-card{background:#fffffff5;box-shadow:0 25px 60px #6d5ef71f;border-color:#6d5ef714}.fs-close-btn{position:absolute;top:-16px;right:-16px;width:44px;height:44px;border-radius:50%;background:var(--card-bg-solid);border:1px solid var(--glass-border);box-shadow:0 4px 15px #0003;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;color:var(--text-color);z-index:10;transition:all .2s ease}.fs-close-btn:hover{transform:scale(1.08) rotate(90deg)}.light-theme .fs-close-btn{background:#fff;box-shadow:0 4px 15px #00000014;color:#333}.fs-artwork-container{width:160px;height:240px;margin:0 auto 24px;border-radius:20px;overflow:hidden;box-shadow:0 16px 36px #00000059;border:4px solid var(--card-bg-solid)}.light-theme .fs-artwork-container{box-shadow:0 16px 36px #6d5ef726;border-color:#fff}.fs-cover-image{width:100%;height:100%;object-fit:cover}.fs-story-title{font-size:20px;font-weight:750;color:var(--text-color);margin:0 0 8px;line-height:1.4}.light-theme .fs-story-title{color:#1a202c}.fs-story-subtitle{font-size:14px;color:var(--text-muted);font-weight:600;margin-bottom:24px;display:inline-flex;align-items:center;gap:4px;background:#ffffff08;padding:4px 12px;border-radius:20px}.light-theme .fs-story-subtitle{background:#edf2f7;color:#718096}.fs-console-panel{background:#ffffff08;border:1px solid var(--glass-border);border-radius:24px;padding:20px;box-sizing:border-box}.light-theme .fs-console-panel{background:#f7f8fa;border-color:#e2e8f0}.fs-progress-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;width:100%}.fs-time-label{font-size:12px;color:var(--text-muted);font-weight:600;min-width:38px}.light-theme .fs-time-label{color:#718096}.fs-slider-track{flex:1;height:6px;background:#ffffff14;border-radius:3px;position:relative;margin:0 12px;cursor:pointer}.light-theme .fs-slider-track{background:#e2e8f0}.fs-slider-fill{position:absolute;top:0;left:0;height:100%;background:var(--primary-color);border-radius:3px;width:0%}.fs-slider-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:var(--primary-color);border-radius:50%;box-shadow:0 2px 6px #0000004d;transition:transform .1s ease}.fs-slider-track:hover .fs-slider-thumb{transform:translate(-50%,-50%) scale(1.3)}.fs-buttons-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.fs-action-btn{background:var(--card-bg-solid);border:1px solid var(--glass-border);color:var(--text-color);border-radius:50%;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.fs-action-btn:hover{background:#ffffff14;transform:translateY(-2px)}.light-theme .fs-action-btn{background:#fff;border-color:#e2e8f0;color:#4a5568}.light-theme .fs-action-btn:hover{background:#edf2f7}.fs-speed-btn{font-size:11px;font-weight:800;letter-spacing:-.5px;border-radius:20px}.fs-play-btn{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;width:60px;height:60px;border-radius:50%;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 18px #6d5ef766;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.fs-play-btn:hover{transform:scale(1.08);box-shadow:0 8px 24px #6d5ef780}.fs-play-btn:active{transform:scale(.95)}@media (max-width: 480px){.fs-player-card{padding:32px 20px 24px;border-radius:28px}.fs-artwork-container{width:140px;height:200px}}