/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.order-1{order:1}.order-123456{order:123456}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.lowercase{text-transform:lowercase}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink-950:#07060b;--ink-900:#0b0a12;--ink-800:#12101c;--ink-700:#1a1729;--violet:#8b5cf6;--violet-light:#a78bfa;--pink:#ec4899;--white:#f8fafc;--muted:#ffffff6e;--line:#ffffff14;--sidebar:280px}.auth-page{background:radial-gradient(circle at 50% 0,#7c3aed40,#0000 45%),#0b0a10;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-form{background:#12101ceb;border:1px solid #ffffff1a;border-radius:24px;gap:14px;width:min(100%,390px);padding:32px;display:grid;box-shadow:0 25px 80px #0006}.auth-form .auth-brand-logo{width:190px;max-width:100%;height:auto;margin-bottom:2px}.auth-form h1{color:#fff;margin:4px 0 0;font-size:24px}.auth-form p{color:#ffffff73;margin:0 0 8px;font-size:13px}.auth-form label{color:#fff9;gap:7px;font-size:11px;font-weight:700;display:grid}.auth-form input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:11px;outline:0;padding:12px}.auth-form input:focus{border-color:#8b5cf6}.auth-form small{color:#fff6;font-size:11px}.auth-form small a{color:#c4b5fd}.google-auth-button{color:#1f1f1f;background:#fff;border:1px solid #747775;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:11px 16px;font-family:Arial,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,box-shadow .15s,transform .15s;display:flex}.google-auth-button:hover{background:#f8faff;transform:translateY(-1px);box-shadow:0 2px 8px #0000003d}.google-auth-button:focus-visible{outline-offset:2px;outline:3px solid #a78bfa8c}.google-auth-button img{flex:0 0 20px;width:20px;height:20px}.auth-divider{color:#ffffff52;text-align:center;align-items:center;gap:10px;font-size:10px;display:flex}.auth-divider:after,.auth-divider:before{content:"";background:#ffffff17;flex:1;height:1px}.auth-divider span{white-space:nowrap}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{background:var(--ink-950);color:#e2e8f0;min-height:100%;margin:0}body{font-family:Be Vietnam Pro,Segoe UI,Arial,sans-serif;overflow:hidden}button,input,select{font:inherit}a,button{color:inherit}button{cursor:pointer}a{text-decoration:none}::selection{background:#8b5cf666}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffff17;border-radius:20px}.app-shell{background:radial-gradient(circle at 74% 10%,#5b21b614,transparent 30%),var(--ink-950);height:100dvh;display:flex}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.page-scroll{scroll-behavior:smooth;flex:1;min-height:0;overflow-y:auto}.page-container{width:min(100%,1440px);margin:auto;padding:24px 32px 142px}.sidebar{width:var(--sidebar);flex:0 0 var(--sidebar);z-index:60;background:#0b0a12f0;border-right:1px solid #ffffff0d;flex-direction:column;display:flex}.brand-row{height:80px;padding:0 20px}.brand,.brand-row{align-items:center;display:flex}.brand{min-width:0}.brand-logo{width:168px;max-width:100%;height:auto;display:block}.brand small{color:#ffffff57;margin-top:-2px;padding-left:52px;font-size:10px;display:block}.icon-button.sidebar-close{margin-left:auto;display:none}.main-nav{gap:4px;padding:0 12px;display:grid}.main-nav a{color:#ffffff8f;border-radius:12px;align-items:center;gap:13px;height:43px;padding:0 13px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.main-nav a.active,.main-nav a:hover{color:#fff;background:#ffffff12}.main-nav a.active svg{color:#a78bfa}.sidebar-section-title{text-transform:uppercase;letter-spacing:.17em;color:#ffffff47;justify-content:space-between;align-items:center;padding:27px 20px 10px;font-size:10px;font-weight:700;display:flex}.sidebar-section-title button{color:#ffffff59;background:0 0;border:0;border-radius:8px;place-items:center;width:26px;height:26px;padding:0;display:grid}.sidebar-section-title button:hover{color:#c4b5fd;background:#ffffff12}.sidebar-playlists{gap:2px;padding:0 12px;display:grid;overflow:auto}.sidebar-playlists a{color:#ffffff7a;border-radius:10px;align-items:center;gap:12px;padding:7px 11px;font-size:12px;display:flex}.sidebar-playlists a:hover{color:#fff;background:#ffffff0d}.sidebar-playlists span{border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.sidebar-playlists em{white-space:nowrap;text-overflow:ellipsis;font-style:normal;overflow:hidden}.profile-chip{background:#ffffff09;border:1px solid #ffffff0d;border-radius:16px;align-items:center;gap:11px;margin:auto 12px 12px;padding:10px;display:flex}.avatar,.mobile-avatar{color:#fff;background:linear-gradient(135deg,#d946ef,#7c3aed);place-items:center;font-weight:800;display:grid}.avatar{border-radius:50%;width:36px;height:36px;font-size:13px}.profile-chip b,.profile-chip small{display:block}.profile-chip b{color:#fff;font-size:13px}.profile-chip small{color:#ffffff52;margin-top:3px;font-size:10px}.profile-chip .chevron{color:#ffffff47;margin-left:auto}.profile-chip-guest{display:block}.guest-auth-actions{gap:7px;margin-top:10px;display:flex}.guest-auth-actions .ghost-button,.guest-auth-actions .upgrade-pill{white-space:nowrap;flex:1;height:32px;padding:0 8px;font-size:10px;display:flex}.sidebar-backdrop{display:none}.app-header{z-index:30;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#07060bb8;border-bottom:1px solid #ffffff0d;flex:0 0 80px;height:80px;position:relative}.header-inner{align-items:center;gap:12px;max-width:1440px;height:100%;margin:auto;padding:0 32px;display:flex}.icon-button.mobile-menu{display:none}.global-search{color:#ffffff45;background:#ffffff0e;border:1px solid #ffffff0d;border-radius:13px;align-items:center;gap:11px;width:min(100%,448px);height:43px;padding:0 14px;display:flex}.global-search:focus-within{border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61f}.global-search input{color:#fff;background:0 0;border:0;outline:0;width:100%;font-size:13px}.global-search input::placeholder{color:#ffffff47}.header-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.icon-button{color:#ffffff80;background:0 0;border:0;border-radius:11px;place-items:center;width:40px;height:40px;transition:color .2s,background-color .2s,transform .2s;display:grid}.icon-button:hover{color:#fff;background:#ffffff0f}.icon-button:active{transform:scale(.94)}.icon-button:focus-visible{outline-offset:2px;outline:2px solid #a78bfa}.header-icon{position:relative}.header-icon i{background:#f43f5e;border-radius:50%;width:5px;height:5px;position:absolute;top:8px;right:10px}.mobile-avatar{border-radius:50%;width:35px;height:35px;font-size:12px;display:none}.mobile-nav{display:none}.home-hero{background:linear-gradient(135deg,#7c3aed36,#d946ef17 46%,#0000);border:1px solid #ffffff17;border-radius:27px;align-items:flex-end;gap:28px;min-height:242px;padding:32px;animation:rise .45s both;display:flex;position:relative;overflow:hidden}.hero-glow{filter:blur(55px);background:#8b5cf62b;border-radius:50%;width:340px;height:340px;position:absolute;top:-120px;right:-80px}.hero-cover{border:1px solid #ffffff1a;border-radius:22px;flex:0 0 176px;place-items:center;width:176px;height:176px;font-size:68px;display:grid;box-shadow:0 22px 50px #00000080}.hero-copy{flex:1;min-width:0;position:relative}.hero-copy>span,.page-heading>div>span{text-transform:uppercase;letter-spacing:.22em;color:#c4b5fdb8;font-size:10px;font-weight:700}.hero-copy h1{color:#fff;letter-spacing:-.045em;text-shadow:0 0 30px #a78bfa6b;margin:10px 0 7px;font-size:34px;line-height:1}.hero-copy p{color:var(--muted);margin:0;font-size:13px}.detail-actions,.hero-actions{gap:11px;margin-top:22px;display:flex}.ghost-button,.primary-button,.round-button,.text-button,.violet-button{border:0;justify-content:center;align-items:center;gap:8px;transition:all .2s;display:inline-flex}.primary-button{color:#0b0a12;background:#fff;border-radius:999px;padding:12px 22px;font-size:13px;font-weight:800;box-shadow:0 10px 24px #ffffff14}.primary-button:hover{transform:translateY(-1px);box-shadow:0 12px 28px #ffffff24}.ghost-button{color:#ffffffc7;background:#ffffff12;border:1px solid #ffffff1a;border-radius:999px;padding:11px 18px;font-size:13px;font-weight:650}.ghost-button.active,.ghost-button:hover{color:#fff;background:#ffffff1f}.ghost-button.active{color:#fb7185}.hero-stats{gap:12px;display:grid;position:relative}.hero-stats div{text-align:center;background:#ffffff0a;border:1px solid #ffffff17;border-radius:17px;min-width:100px;padding:15px}.hero-stats b,.hero-stats span{display:block}.hero-stats b{color:#fff;font-size:20px}.hero-stats span{text-transform:uppercase;letter-spacing:.1em;color:#ffffff57;margin-top:5px;font-size:9px}.genre-strip{scrollbar-width:none;gap:8px;margin-top:20px;padding:1px 0 4px;display:flex;overflow:auto}.genre-strip a{white-space:nowrap;color:#ffffff94;background:#ffffff0e;border:1px solid #ffffff17;border-radius:999px;padding:8px 15px;font-size:12px}.genre-strip a:hover{color:#fff;border-color:#a78bfa59}.genre-strip a.active{color:#0b0a12;background:#fff;font-weight:750}.section-block{margin-top:34px}.section-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.section-header h2{color:#fff;letter-spacing:-.025em;align-items:center;gap:8px;margin:0;font-size:19px;display:flex}.section-header p{color:#ffffff57;margin:5px 0 0;font-size:11px}.section-header>.text-button,.section-header>a{color:#a78bfa;font-size:11px;font-weight:700}.text-button{color:#ffffff8c;background:0 0;padding:8px;font-size:12px}.story-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:17px;display:grid}.story-card{min-width:0;animation:rise .45s both}.story-cover{aspect-ratio:1;border:1px solid #ffffff17;border-radius:17px;transition:all .35s;display:block;position:relative;overflow:hidden;box-shadow:0 12px 28px #0000005c}.story-card:hover .story-cover{transform:translateY(-4px);box-shadow:0 18px 42px #4c1d9545}.cover-emoji{filter:drop-shadow(0 10px 14px #00000040);place-items:center;font-size:58px;transition:all .45s;display:grid;position:absolute;inset:0}.story-card:hover .cover-emoji{transform:scale(1.08)}.genre-badge,.new-badge{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0000005e;border:1px solid #ffffff1a;border-radius:999px;padding:4px 8px;font-size:8px;font-weight:800;position:absolute;top:9px}.genre-badge{left:9px}.genre-badge:hover{background:#7c3aedb8}.new-badge{color:#111;background:#ffffffdb;right:9px}.cover-play{z-index:3;color:#111;opacity:0;background:#fff;border:0;border-radius:50%;place-items:center;width:42px;height:42px;transition:all .25s;display:grid;position:absolute;bottom:11px;right:11px;transform:translateY(10px);box-shadow:0 9px 22px #0000004d}.story-card:hover .cover-play{opacity:1;transform:none}.card-progress{background:#00000047;height:4px;position:absolute;bottom:0;left:0;right:0}.card-progress i{background:linear-gradient(90deg,#8b5cf6,#ec4899);height:100%;display:block}.story-info{padding-top:10px;display:block}.story-info h3{color:#fff;margin:0;font-size:13px}.story-info h3,.story-info p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.story-info p{color:#ffffff61;margin:5px 0 0;font-size:10px}.story-info small{color:#ffffff47;align-items:center;gap:4px;margin-top:6px;font-size:9px;display:flex}.chapter-heading{align-items:center;gap:14px;margin-bottom:15px;display:flex}.chapter-story-cover{border-radius:16px;place-items:center;width:58px;height:58px;font-size:26px;display:grid;box-shadow:0 9px 24px #00000059}.chapter-heading h2{color:#fff;margin:0;font-size:19px}.chapter-heading p{color:#ffffff61;margin:5px 0 0;font-size:11px}.violet-button{color:#fff;background:#7c3aed;border-radius:999px;margin-left:auto;padding:10px 16px;font-size:11px;font-weight:700;box-shadow:0 8px 20px #7c3aed38}.chapter-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.chapter-row{text-align:left;color:#fff;background:0 0;border:1px solid #0000;border-radius:16px;align-items:center;gap:11px;width:100%;padding:9px;display:flex}.chapter-row:hover{background:#ffffff0b}.chapter-row.active{background:linear-gradient(90deg,#7c3aed33,#d946ef0a);border-color:#8b5cf645}.chapter-index{color:#ffffff6e;background:#ffffff0e;border-radius:11px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:11px;font-weight:800;display:grid}.chapter-row.active .chapter-index{color:#fff;background:linear-gradient(135deg,#8b5cf6,#d946ef)}.chapter-copy{flex:1}.chapter-copy b,.chapter-copy small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.chapter-copy b{color:#ffffffc2;font-size:12px}.chapter-row.active .chapter-copy b{color:#fff}.chapter-copy small{color:#ffffff4d;margin-top:5px;font-size:9px}.row-play{color:#ffffff2e}.playing-pill{text-transform:uppercase;color:#c4b5fd;background:#8b5cf62e;border-radius:999px;align-items:center;gap:4px;padding:5px 7px;font-size:8px;font-weight:800;display:flex}.equalizer{align-items:flex-end;gap:2px;height:15px;display:flex}.equalizer i{background:#fff;border-radius:2px;width:3px;animation:eq .8s infinite}.equalizer i:nth-child(2){animation-delay:.16s}.equalizer i:nth-child(3){animation-delay:.3s}.mini-player{z-index:45;left:calc(var(--sidebar) + 16px);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#12101ce8;border:1px solid #ffffff17;border-radius:24px;grid-template-columns:290px 1fr 290px;align-items:center;height:88px;padding:10px 16px;display:grid;position:fixed;bottom:12px;right:16px;box-shadow:0 -12px 44px #0000008c}.mini-progress{accent-color:#c026d3;width:calc(100% - 34px);height:3px;position:absolute;top:0;left:17px;right:17px;transform:translateY(-1px)}input[type=range]{accent-color:#a855f7}.now-playing{text-align:left;background:0 0;border:0;align-items:center;gap:11px;min-width:0;display:flex}.now-playing>span:nth-child(2){flex:1;min-width:0}.now-playing b,.now-playing small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.now-playing b{color:#fff;font-size:12px}.now-playing small{color:#ffffff5e;margin-top:4px;font-size:10px}.now-playing>svg{color:#ffffff45}.mini-cover{border-radius:13px;flex:0 0 52px;place-items:center;width:52px;height:52px;font-size:23px;display:grid;box-shadow:0 8px 20px #00000059}.player-controls{justify-content:center;align-items:center;gap:6px;display:flex}.player-controls button{border:0;place-items:center;display:grid}.control-secondary{color:#ffffff9e;background:0 0;border-radius:10px;width:37px;height:37px}.control-secondary:hover{color:#fff;background:#ffffff0f}.control-secondary svg{width:18px}.control-secondary.active{color:#a78bfa}.control-play{color:#0b0a12;background:#fff;border-radius:50%;width:48px;height:48px;box-shadow:0 8px 22px #ffffff1a}.control-play svg{width:20px}.mini-extras{color:#ffffff6b;justify-content:flex-end;align-items:center;gap:10px;display:flex}.mini-extras button{color:inherit;background:0 0;border:0;padding:3px}.mini-extras input{width:67px;height:3px}.mini-time{font-variant-numeric:tabular-nums;font-size:9px}.mini-time i{color:#ffffff29;padding:0 2px;font-style:normal}.speed-label{font-size:10px;font-weight:700}.favorite.active{color:#fb7185}.full-player{z-index:80;transition:transform .45s cubic-bezier(.22,1,.36,1);position:fixed;inset:0;overflow:auto;transform:translateY(100%)}.full-player.is-open{transform:none}.full-player-bg,.full-player-shade{position:absolute;inset:0}.full-player-bg{filter:saturate(.8)}.full-player-shade{-webkit-backdrop-filter:blur(45px);backdrop-filter:blur(45px);background:#07060bc4}.full-player-inner{flex-direction:column;width:min(100% - 36px,510px);min-height:100%;margin:auto;padding:20px 6px 30px;display:flex;position:relative}.full-player-head{justify-content:space-between;align-items:center;display:flex}.round-button{color:#ffffffad;background:#ffffff12;border-radius:50%;width:41px;height:41px}.round-button:hover{color:#fff;background:#ffffff1f}.full-player-head>div{text-align:center}.full-player-head b,.full-player-head span{display:block}.full-player-head span{text-transform:uppercase;letter-spacing:.2em;color:#ffffff61;font-size:9px}.full-player-head b{color:#ffffffe6;margin-top:4px;font-size:12px}.full-cover-wrap{flex:1;place-items:center;min-height:310px;padding:35px 0;display:grid}.full-cover{aspect-ratio:1;border:1px solid #ffffff21;border-radius:31px;place-items:center;width:min(65vw,300px);font-size:92px;display:grid;box-shadow:0 28px 70px #00000094}.full-title{text-align:center}.full-title h2{color:#fff;letter-spacing:-.03em;margin:0;font-size:23px}.full-title p{color:#ffffff6b;margin:8px 0 0;font-size:12px}.full-seek{margin-top:24px}.full-seek input{width:100%;height:5px}.full-seek>div{color:#ffffff61;justify-content:space-between;margin-top:3px;font-size:10px;display:flex}.player-controls.large{gap:clamp(2px,1.4vw,10px);margin-top:13px}.large .control-secondary{border-radius:50%;width:clamp(32px,10vw,45px);height:clamp(32px,10vw,45px)}.large .control-play{width:clamp(54px,17vw,68px);height:clamp(54px,17vw,68px)}.large .control-play svg{width:28px}.seek-step-control{position:relative}.seek-step-control svg{width:23px}.seek-step-control span{color:currentColor;place-items:center;padding-top:1px;font-size:7px;font-weight:900;line-height:1;display:grid;position:absolute;inset:0}.quick-actions{justify-content:center;gap:8px;margin-top:23px;display:flex}.quick-actions button{color:#ffffffa8;background:#fff1;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;padding:9px 13px;font-size:10px;font-weight:650;display:flex}.quick-actions button.active{color:#fb7185}.current-chapter{background:#ffffff0b;border:1px solid #ffffff17;border-radius:15px;margin-top:20px;padding:13px 15px}.current-chapter span{color:#ffffff5c;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:6px;font-size:9px;display:flex}.current-chapter b{color:#ffffffc7;margin-top:8px;font-size:11px;display:block}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;padding:7px 0 4px;display:flex}.page-heading h1{letter-spacing:-.04em;color:#fff;margin:8px 0 7px;font-size:32px;line-height:1.15}.page-heading p{color:#fff6;max-width:650px;margin:0;font-size:12px;line-height:1.7}.heading-icon{color:#fb7185;background:#f43f5e1a;border:1px solid #f43f5e2e;border-radius:17px;place-items:center;width:52px;height:52px;display:grid}.explore-banner{background:linear-gradient(120deg,#5b21b680,#1e1b4b99,#07060bd9);border:1px solid #ffffff17;border-radius:25px;align-items:center;min-height:260px;padding:35px;display:flex;position:relative;overflow:hidden}.explore-banner>div:first-child{z-index:2;max-width:560px;position:relative}.explore-banner>div:first-child>svg{color:#d8b4fe}.explore-banner span{color:#c4b5fd;text-transform:uppercase;letter-spacing:.16em;margin-top:9px;font-size:9px;font-weight:800;display:block}.explore-banner h2{color:#fff;letter-spacing:-.04em;margin:10px 0;font-size:28px;line-height:1.2}.explore-banner p{color:#ffffff73;margin:0 0 20px;font-size:12px}.banner-orbits{border:1px solid #ffffff12;border-radius:50%;width:270px;height:270px;position:absolute;top:50%;right:8%;transform:translateY(-50%)}.banner-orbits:before{content:"";border:1px solid #ffffff14;border-radius:50%;position:absolute;inset:42px}.banner-orbits span{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;place-items:center;width:70px;height:70px;font-size:34px;display:grid;position:absolute}.banner-orbits span:first-child{top:0;left:90px}.banner-orbits span:nth-child(2){bottom:35px;right:3px}.banner-orbits span:nth-child(3){bottom:35px;left:3px}.genre-cards{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.genre-cards a{text-align:center;background:#ffffff09;border:1px solid #ffffff12;border-radius:16px;padding:17px 13px;transition:all .2s}.genre-cards a:hover{background:#fff1;transform:translateY(-2px)}.genre-cards span{font-size:27px;display:block}.genre-cards b,.genre-cards small{display:block}.genre-cards b{color:#fff;margin-top:9px;font-size:11px}.genre-cards small{color:#ffffff52;margin-top:4px;font-size:8px}.live-label{color:#fff6;font-size:9px}.live-label i{background:#34d399;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.editor-pick{background:linear-gradient(100deg,#8b5cf624,#ec48990f);border:1px solid #ffffff14;border-radius:19px;align-items:center;gap:17px;margin-top:38px;padding:20px 22px;display:flex}.editor-pick>svg{color:#a78bfa;width:36px;height:36px}.editor-pick div{flex:1}.editor-pick span{text-transform:uppercase;letter-spacing:.15em;color:#a78bfa;font-size:9px}.editor-pick h2{color:#fff;margin:5px 0 0;font-size:14px}.editor-pick a{color:#c4b5fd;font-size:11px;font-weight:800}.category-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.category-directory-card{border:1px solid var(--line);background:#ffffff08;border-radius:20px;align-items:center;gap:15px;min-width:0;padding:15px;transition:all .25s;display:flex}.category-directory-card:hover{background:#8b5cf612;border-color:#8b5cf64d;transform:translateY(-2px)}.category-directory-art{border-radius:19px;flex:0 0 84px;place-items:center;width:84px;height:84px;font-size:36px;display:grid;box-shadow:0 14px 30px #00000047}.category-directory-card>span:nth-child(2){flex:1;min-width:0}.category-directory-card em,.category-directory-card small,.category-directory-card strong{display:block}.category-directory-card small{text-transform:uppercase;letter-spacing:.13em;color:#a78bfa;font-size:7px;font-weight:800}.category-directory-card strong{color:#fff;margin-top:5px;font-size:16px}.category-directory-card p{color:#ffffff5e;margin:6px 0;font-size:9px;line-height:1.55}.category-directory-card em{color:#ffffff40;font-size:8px;font-style:normal}.category-directory-card>svg{color:#ffffff40}.category-back{color:#fff6;align-items:center;gap:6px;width:max-content;margin:1px 0 15px;font-size:10px;display:flex}.category-back:hover{color:#c4b5fd}.category-hero{border:1px solid #ffffff1c;border-radius:27px;align-items:center;gap:27px;min-height:260px;padding:34px;display:flex;position:relative;overflow:hidden}.category-hero-shade{background:linear-gradient(100deg,#07060b2e,#07060bc7);position:absolute;inset:0}.category-hero-icon{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1a;border:1px solid #ffffff2b;border-radius:26px;flex:0 0 164px;place-items:center;width:164px;height:164px;font-size:72px;display:grid;position:relative;box-shadow:0 24px 50px #00000052}.category-hero-copy{max-width:650px;position:relative}.category-hero-copy>span{text-transform:uppercase;letter-spacing:.18em;color:#ffffffb8;font-size:8px;font-weight:800}.category-hero-copy h1{color:#fff;letter-spacing:-.045em;margin:8px 0;font-size:36px}.category-hero-copy>p{color:#ffffff9e;margin:0;font-size:11px;line-height:1.75}.category-hero-copy>div{gap:10px;margin-top:18px;display:flex}.category-hero-copy>div span{color:#ffffffb8;background:#07060b2e;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:8px;display:flex}.category-more{border:1px solid var(--line);background:#ffffff06;border-radius:21px;justify-content:space-between;align-items:center;gap:20px;margin-top:38px;padding:21px;display:flex}.category-more>div:first-child>span{text-transform:uppercase;letter-spacing:.13em;color:#a78bfa;font-size:7px}.category-more h2{color:#fff;margin:5px 0 0;font-size:15px}.category-more>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.category-more a{border:1px solid var(--line);color:#ffffff8c;border-radius:999px;align-items:center;gap:7px;padding:7px 10px 7px 7px;font-size:8px;display:flex}.category-more a:hover{color:#fff;background:#ffffff0d}.category-more a span{border-radius:50%;place-items:center;width:25px;height:25px;font-size:12px;display:grid}.search-toolbar{gap:10px;margin-bottom:14px;display:flex}.search-toolbar label{border:1px solid var(--line);color:#ffffff57;background:#ffffff0b;border-radius:14px;align-items:center;gap:10px;height:48px;padding:0 15px;display:flex}.search-toolbar label:first-child{flex:1}.search-toolbar input,.search-toolbar select{color:#fff;background:0 0;border:0;outline:0;width:100%;font-size:12px}.search-toolbar select option{color:#111}.sort-select{width:190px}.result-count{color:#ffffff5e;margin:0 0 18px;font-size:11px}.result-count b{color:#fff}.empty-state{text-align:center;background:#ffffff05;border:1px dashed #ffffff1f;border-radius:22px;padding:60px 20px}.empty-state>span{color:#a78bfa;font-size:46px}.empty-state h2{color:#fff;margin:13px 0 7px;font-size:19px}.empty-state p{color:#ffffff61;max-width:360px;margin:0 auto 20px;font-size:11px;line-height:1.65}.story-skeleton span{aspect-ratio:1;background:#ffffff0f;border-radius:17px;animation:pulse 1.3s infinite;display:block}.story-skeleton i{background:#ffffff0f;border-radius:5px;height:10px;margin-top:10px;display:block}.story-skeleton i:last-child{width:65%}.detail-hero{border:1px solid var(--line);background:#0c0a14;border-radius:27px;align-items:center;gap:32px;padding:35px;display:flex;position:relative;overflow:hidden}.detail-backdrop{opacity:.18;filter:blur(65px);position:absolute;inset:0;transform:scale(1.3)}.detail-cover{border:1px solid #ffffff1f;border-radius:25px;flex:0 0 220px;place-items:center;width:220px;height:220px;font-size:80px;display:grid;position:relative;box-shadow:0 25px 60px #00000080}.detail-copy{max-width:740px;position:relative}.detail-genres{flex-wrap:wrap;gap:7px;display:flex}.detail-genre{background:#ffffff17;border:1px solid #ffffff1a;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:800;display:inline-block}.detail-copy h1{color:#fff;letter-spacing:-.045em;margin:12px 0 8px;font-size:35px}.detail-author{color:#ffffff6b;font-size:11px}.detail-author b{color:#ffffffbf}.detail-stats{gap:14px;margin-top:15px;display:flex}.detail-stats span{color:#ffffff85;align-items:center;gap:5px;font-size:10px;display:flex}.detail-stats span:first-child{color:#facc15}.detail-description{overscroll-behavior:contain;scrollbar-gutter:stable;color:#ffffff85;white-space:pre-line;overflow-wrap:anywhere;scrollbar-width:thin;scrollbar-color:#a78bfa57 #ffffff0a;max-width:680px;max-height:84px;margin:17px 0 0;padding-right:10px;font-size:12px;line-height:1.75;overflow:hidden auto}.library-stats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.library-stats>a,.library-stats>div{border:1px solid var(--line);background:#ffffff09;border-radius:17px;align-items:center;gap:13px;padding:17px;display:flex}.library-stats svg{color:#a78bfa}.library-stats b,.library-stats small{display:block}.library-stats b{color:#fff;font-size:18px}.library-stats small{color:#ffffff54;margin-top:3px;font-size:9px}.history-list>div:not(.section-header){border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:10px;display:flex}.history-list>div>span:first-child{background:#ffffff0f;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.history-list b,.history-list small{display:block}.history-list b{color:#ffffffbf;font-size:11px}.history-list small{color:#ffffff45;margin-top:4px;font-size:9px}.history-duration{color:#ffffff4d;margin-left:auto;font-size:10px}.playlist-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.playlist-card{border:1px solid var(--line);text-align:left;background:#ffffff09;border-radius:18px;align-items:center;gap:14px;padding:13px;display:flex}.playlist-card:hover{background:#ffffff0f}.playlist-art{border-radius:15px;flex:0 0 70px;place-items:center;width:70px;height:70px;font-size:30px;display:grid}.playlist-card>span:nth-child(2){flex:1}.playlist-card small,.playlist-card strong{display:block}.playlist-card strong{color:#fff;font-size:13px}.playlist-card small{color:#ffffff57;margin-top:6px;font-size:9px}.playlist-card>svg{color:#ffffff45}.playlist-create{border-style:dashed}.playlist-create .playlist-art{color:#ffffff59;background:#ffffff0a}.playlist-hero{border:1px solid var(--line);background:linear-gradient(135deg,#7c3aed2b,#ffffff05);border-radius:25px;align-items:center;gap:27px;min-height:260px;padding:30px;display:flex}.playlist-hero-art{border-radius:23px;flex:0 0 180px;place-items:center;width:180px;height:180px;font-size:70px;display:grid;box-shadow:0 22px 45px #0006}.playlist-hero>div:nth-child(2)>span{text-transform:uppercase;letter-spacing:.15em;color:#c4b5fd;font-size:9px}.playlist-hero h1{color:#fff;letter-spacing:-.04em;margin:8px 0;font-size:31px}.playlist-hero p{color:#ffffff73;font-size:11px}.playlist-hero small{color:#ffffff45;font-size:9px}.playlist-hero>div>div{align-items:center;gap:10px;margin-top:19px;display:flex}.profile-hero{border:1px solid var(--line);background:linear-gradient(110deg,#8b5cf629,#ffffff06);border-radius:22px;align-items:center;gap:17px;padding:24px;display:flex}.profile-avatar{color:#fff;background:linear-gradient(135deg,#d946ef,#7c3aed);border-radius:50%;place-items:center;width:74px;height:74px;font-size:27px;font-weight:800;display:grid}.profile-hero>div{flex:1}.vip-badge{color:#fcd34d;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:5px;font-size:9px;display:inline-flex}.profile-hero h2{color:#fff;margin:6px 0 4px;font-size:22px}.profile-hero p{color:#ffffff59;margin:0;font-size:10px}.profile-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:13px;display:grid}.profile-stats div{text-align:center;border:1px solid var(--line);background:#ffffff08;border-radius:17px;padding:18px}.profile-stats svg{color:#a78bfa}.profile-stats b,.profile-stats span{display:block}.profile-stats b{color:#fff;margin-top:7px;font-size:19px}.profile-stats span{color:#ffffff57;margin-top:3px;font-size:9px}.profile-grid{grid-template-columns:1fr 1fr;gap:13px;margin-top:13px;display:grid}.account-card,.account-links{border:1px solid var(--line);background:#ffffff08;border-radius:19px;padding:22px}.account-card>span{color:#c4b5fd;text-transform:uppercase;letter-spacing:.13em;font-size:9px}.account-card h3{color:#fff;margin:8px 0;font-size:20px}.account-card p{color:#ffffff5c;margin-bottom:18px;font-size:10px;line-height:1.7}.account-links{padding:8px 18px;display:grid}.account-links button{color:#ffffffa6;background:0 0;border:0;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;font-size:11px;display:flex}.account-links button:last-child{border:0}.account-links svg{color:#ffffff3b}.settings-layout{grid-template-columns:190px 1fr;gap:20px;display:grid}.settings-layout>aside{flex-direction:column;gap:4px;display:flex}.settings-layout>aside button{color:#ffffff6e;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:10px;height:40px;padding:0 12px;font-size:11px;display:flex}.settings-layout>aside button.active,.settings-layout>aside button:hover{color:#fff;background:#fff1}.settings-groups{gap:13px;display:grid}.settings-groups section{border:1px solid var(--line);background:#ffffff06;border-radius:19px;padding:18px}.settings-title{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding-bottom:12px;display:flex}.settings-title>svg{color:#a78bfa}.settings-title h2{color:#fff;margin:0;font-size:14px}.settings-title p{color:#ffffff4d;margin:4px 0 0;font-size:9px}.setting-row{border-bottom:1px solid #ffffff0b;justify-content:space-between;align-items:center;gap:12px;padding:13px 2px;display:flex}.setting-row:last-child{border:0}.setting-row b,.setting-row small{display:block}.setting-row b{color:#ffffffbf;font-size:11px}.setting-row small{color:#ffffff4d;margin-top:4px;font-size:9px}.switch{background:#ffffff1f;border:0;border-radius:999px;width:39px;height:22px;position:relative}.switch i{background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:3px;left:3px}.switch.on{background:#7c3aed}.switch.on i{left:20px}.setting-value{color:#a78bfa;background:0 0;border:0;font-size:10px}.notification-list{gap:8px;display:grid}.notification-list article{border:1px solid var(--line);background:#ffffff06;border-radius:16px;gap:13px;padding:15px;display:flex}.notification-list article.unread{background:#7c3aed14;border-color:#8b5cf62e}.notification-list article>span{color:#a78bfa;background:#8b5cf621;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.notification-list b{color:#fff;font-size:12px}.notification-list p{color:#fff6;margin:5px 0;font-size:10px}.notification-list small{color:#ffffff40;font-size:8px}.system-page{background:radial-gradient(circle at center,#7c3aed2e,transparent 35%),var(--ink-950);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:30px;display:flex}.system-page>span{color:#0000;background:linear-gradient(135deg,#a78bfa,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:70px;font-weight:900}.system-page h1{color:#fff;margin:10px 0;font-size:28px}.system-page p{color:#fff6;margin:0 0 22px;font-size:11px}.player-spinner{animation:player-spin .8s linear infinite}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes eq{0%,to{height:25%}50%{height:100%}}@keyframes pulse{50%{opacity:.5}}@keyframes loading{to{background-position:-250% 0}}@keyframes player-spin{to{transform:rotate(1turn)}}@media (max-width:1279px){.story-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-stats{display:none}.genre-cards{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.sidebar{transition:width .28s cubic-bezier(.22,1,.36,1),flex-basis .28s cubic-bezier(.22,1,.36,1),opacity .2s,border-color .2s;overflow:hidden}.icon-button.sidebar-close-desktop{display:grid}.app-shell.sidebar-collapsed .sidebar{opacity:0;pointer-events:none;border-right-color:#0000;flex-basis:0;width:0}.app-shell.sidebar-collapsed .icon-button.mobile-menu{display:grid}.mini-player{transition:left .28s cubic-bezier(.22,1,.36,1)}.app-shell.sidebar-collapsed .mini-player{left:16px}}@media (max-width:1023px){body{overflow:hidden}.sidebar{visibility:hidden;width:280px;transition:transform .3s cubic-bezier(.22,1,.36,1),visibility 0s .3s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.is-open{visibility:visible;transition:transform .3s cubic-bezier(.22,1,.36,1);transform:none}.icon-button.sidebar-close-desktop{display:none}.icon-button.sidebar-close-mobile{display:grid}.sidebar-backdrop{z-index:55;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000009e;border:0;position:fixed;inset:0}.sidebar-backdrop.is-open{display:block}.app-header{flex-basis:64px;height:64px}.header-inner{padding:0 18px}.icon-button.mobile-menu,.mobile-avatar{display:grid}.header-icon{display:none}.page-container{padding:20px 20px 150px}.mini-player{border-radius:19px;grid-template-columns:1fr auto;height:78px;padding:9px 12px;bottom:73px;left:10px;right:10px}.mini-player .mini-progress{width:calc(100% - 26px);left:13px;right:13px}.mini-cover{flex-basis:47px;width:47px;height:47px}.mini-extras,.mini-player>.player-controls .control-secondary:first-of-type,.mini-player>.player-controls .optional-control{display:none}.mobile-nav{z-index:44;height:65px;padding:5px 8px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0b0a12f0;border-top:1px solid #ffffff0f;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:#ffffff5c;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:9px;display:flex}.mobile-nav a.active{color:#a78bfa}.story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-cover{flex-basis:180px;width:180px;height:180px}.detail-copy h1{font-size:30px}.banner-orbits{opacity:.6;right:-4%}}@media (max-width:639px){.header-inner{gap:5px;padding:0 12px}.global-search{height:38px;padding:0 11px}.global-search input{font-size:10px}.mobile-menu{width:34px}.page-container{padding:14px 14px 150px}.home-hero{border-radius:21px;flex-direction:column;align-items:center;gap:16px;min-height:auto;padding:22px 16px;display:flex}.hero-cover{border-radius:18px;flex-basis:124px;width:124px;height:124px;font-size:50px}.hero-copy{text-align:center;width:100%}.hero-copy h1{font-size:24px}.hero-copy p{font-size:10px}.hero-actions{justify-content:center;margin-top:16px}.ghost-button,.primary-button{padding:10px 15px;font-size:10px}.genre-strip{margin-top:14px}.genre-strip button{padding:7px 12px;font-size:10px}.section-block{margin-top:27px}.section-header h2{font-size:16px}.section-header p{font-size:9px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cover-emoji{font-size:43px}.cover-play{opacity:1;width:35px;height:35px;transform:none}.story-info h3{font-size:11px}.story-info small{display:none}.chapters-preview{margin-top:35px}.chapter-story-cover{width:49px;height:49px;font-size:22px}.chapter-heading h2{font-size:15px}.chapter-list{grid-template-columns:1fr}.playing-pill{display:none}.mini-player{height:70px}.now-playing b{font-size:10px}.now-playing small{font-size:8px}.mini-cover{flex-basis:43px;width:43px;height:43px}.mini-player>.player-controls{gap:0}.mini-player .control-play{width:40px;height:40px}.mini-player>.player-controls .control-secondary{width:30px}.full-cover-wrap{min-height:280px;padding:25px 0}.full-cover{width:min(73vw,285px);font-size:76px}.full-title h2{font-size:19px}.quick-actions button{padding:8px 10px}.page-heading{margin-bottom:20px}.page-heading h1{font-size:25px}.page-heading p{font-size:10px}.explore-banner{min-height:280px;padding:23px}.explore-banner h2{font-size:23px}.banner-orbits{opacity:.25;right:-95px}.genre-cards{grid-template-columns:repeat(3,1fr);gap:7px}.genre-cards a{padding:13px 7px}.editor-pick{align-items:flex-start}.editor-pick a{white-space:nowrap}.search-toolbar{flex-direction:column}.sort-select{width:100%!important}.detail-hero{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:21px}.detail-cover{flex-basis:155px;width:155px;height:155px;font-size:60px}.detail-copy h1{font-size:26px}.detail-actions,.detail-stats{flex-wrap:wrap;justify-content:center}.detail-description{font-size:10px}.library-stats{grid-template-columns:repeat(2,1fr)}.playlist-grid{grid-template-columns:1fr}.playlist-art{flex-basis:58px;width:58px;height:58px}.playlist-hero{text-align:center;flex-direction:column;padding:22px}.playlist-hero-art{flex-basis:140px;width:140px;height:140px}.playlist-hero>div>div{justify-content:center}.profile-hero{text-align:center;flex-direction:column}.profile-hero>div{flex:auto}.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-grid{grid-template-columns:1fr}.settings-layout{display:block}.settings-layout>aside{display:none}.current-chapter{margin-top:14px}}.coin-pill,.upgrade-pill{border-radius:999px;align-items:center;gap:6px;height:34px;padding:0 11px;font-size:10px;font-weight:700;display:flex}.coin-pill{color:#fcd34d;background:#f59e0b1a;border:1px solid #f59e0b2e}.coin-pill span{color:#ffffff59;font-weight:500}.upgrade-pill{color:#ddd6fe;background:#7c3aed24;border:1px solid #8b5cf638}.chapter-row.locked{background:#f59e0b06;border-color:#f59e0b12}.chapter-row.locked:hover{background:#f59e0b11;border-color:#f59e0b24}.chapter-row.locked .chapter-index{color:#fbbf24;background:#f59e0b1a}.chapter-price{color:#fcd34d;background:#f59e0b1a;border:1px solid #f59e0b24;border-radius:999px;align-items:center;gap:4px;padding:5px 8px;font-size:9px;font-weight:800;display:flex}.dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;place-items:center;padding:18px;animation:fade-in .18s;display:grid;position:fixed;inset:0}.unlock-dialog{text-align:center;background:linear-gradient(145deg,#171323,#0d0b14);border:1px solid #ffffff1c;border-radius:25px;width:min(100%,410px);padding:29px;animation:dialog-in .25s cubic-bezier(.2,.8,.2,1);position:relative;box-shadow:0 28px 80px #0000009e}.dialog-close{color:#ffffff7a;background:#ffffff0f;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:14px;right:14px}.unlock-icon{color:#fcd34d;background:linear-gradient(135deg,#f59e0b2e,#ea580c17);border:1px solid #f59e0b33;border-radius:19px;place-items:center;width:62px;height:62px;margin:0 auto 15px;display:grid}.dialog-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#a78bfa;font-size:9px;font-weight:800}.unlock-dialog h2{color:#fff;margin:7px 0;font-size:22px}.unlock-dialog>p{color:#ffffff61;margin:0;font-size:10px;line-height:1.7}.unlock-dialog>p b{color:#ffffffc2;font-size:12px}.unlock-price{background:#ffffff09;border:1px solid #ffffff12;border-radius:15px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-top:18px;padding:15px;display:flex}.unlock-price>span,.wallet-balance span{color:#ffffff5e;font-size:9px}.unlock-price>b{color:#fcd34d;align-items:center;gap:6px;font-size:15px;display:flex}.unlock-price>small{color:#a78bfa;justify-content:flex-end;align-items:center;gap:4px;width:100%;font-size:8px;display:flex}.wallet-balance{justify-content:space-between;padding:12px 5px;display:flex}.wallet-balance b{color:#fff;font-size:10px}.dialog-confirm{width:100%;margin-top:3px}.unlock-policy{color:#ffffff40;margin-top:12px;font-size:8px;line-height:1.5;display:block}.insufficient-note{background:#f43f5e14;border:1px solid #f43f5e2e;border-radius:13px;justify-content:space-between;align-items:center;gap:8px;padding:12px;font-size:9px;display:flex}.insufficient-note span{color:#fda4af}.insufficient-note a{color:#fff;font-weight:800}.create-playlist-dialog{background:linear-gradient(145deg,#171323,#0d0b14);border:1px solid #ffffff1c;border-radius:25px;width:min(100%,500px);max-height:min(720px,100dvh - 36px);padding:27px;animation:dialog-in .25s cubic-bezier(.2,.8,.2,1);position:relative;overflow:auto;box-shadow:0 28px 80px #0000009e}.create-playlist-icon{color:#c4b5fd;background:linear-gradient(135deg,#8b5cf633,#d946ef14);border:1px solid #8b5cf638;border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:14px;display:grid}.create-playlist-dialog h2{color:#fff;letter-spacing:-.035em;margin:6px 0;font-size:23px}.create-playlist-dialog>p{color:#ffffff61;margin:0;font-size:10px;line-height:1.6}.create-playlist-dialog form{gap:14px;margin-top:22px;display:grid}.form-field{gap:7px;display:grid;position:relative}.cover-picker legend,.form-field>span{color:#ffffffa8;font-size:10px;font-weight:700}.form-field>span i{color:#fb7185;font-style:normal}.form-field>span em{float:right;color:#ffffff40;font-size:8px;font-style:normal;font-weight:500}.form-field input,.form-field textarea{color:#fff;resize:none;background:#ffffff0b;border:1px solid #ffffff17;border-radius:12px;outline:0;width:100%;padding:11px 13px;font-size:11px}.form-field input:focus,.form-field textarea:focus{border-color:#8b5cf699;box-shadow:0 0 0 3px #8b5cf61c}.form-field input[aria-invalid=true]{border-color:#f43f5e8c}.form-field input::placeholder,.form-field textarea::placeholder{color:#ffffff38}.form-field>small{color:#fff3;font-size:7px;position:absolute;bottom:8px;right:10px}.form-error{color:#fda4af;margin-top:-9px;font-size:8px}.cover-picker{border:0;margin:0;padding:0}.cover-picker legend{margin-bottom:8px}.cover-picker>div{flex-wrap:wrap;gap:9px;display:flex}.cover-picker button{color:#fff;border:2px solid #0000;border-radius:13px;width:45px;height:45px;font-size:20px;position:relative}.cover-picker button.active{border-color:#fff;box-shadow:0 0 0 3px #8b5cf652}.cover-picker button i{color:#111;background:#fff;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;bottom:-5px;right:-5px}.privacy-toggle{text-align:left;background:#ffffff09;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:10px;width:100%;padding:11px;display:flex}.privacy-toggle>span:first-child{color:#c4b5fd;background:#8b5cf61a;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.privacy-toggle>span:nth-child(2){flex:1}.privacy-toggle b,.privacy-toggle small{display:block}.privacy-toggle b{color:#fff;font-size:10px}.privacy-toggle small{color:#ffffff4d;margin-top:3px;font-size:8px}.privacy-toggle>i{background:#ffffff1f;border-radius:999px;width:34px;height:19px;padding:2px;transition:all .2s}.privacy-toggle>i em{background:#fff9;border-radius:50%;width:15px;height:15px;transition:all .2s;display:block}.privacy-toggle>i.active{background:#7c3aed}.privacy-toggle>i.active em{background:#fff;transform:translate(15px)}.dialog-actions{justify-content:flex-end;gap:9px;margin-top:3px;display:flex}.dialog-actions .ghost-button,.dialog-actions .primary-button{padding:10px 17px}.playlist-hero>div:nth-child(2)>span{align-items:center;gap:5px;display:flex}.primary-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.playlist-empty{text-align:center;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:20px;padding:38px 20px}.playlist-empty>span{color:#a78bfa;background:#8b5cf61a;border-radius:15px;place-items:center;width:48px;height:48px;margin:auto;display:grid}.playlist-empty h3{color:#fff;margin:13px 0 5px;font-size:15px}.playlist-empty p{color:#ffffff57;max-width:420px;margin:0 auto 16px;font-size:9px}.playlist-detail-loading{background:linear-gradient(110deg,#ffffff06 30%,#ffffff0f 45%,#ffffff06 60%) 0 0/250% 100%;border-radius:25px;height:260px;animation:loading 1.2s linear infinite}.membership-current{background:linear-gradient(120deg,#7c3aed29,#d946ef0d);border:1px solid #8b5cf630;border-radius:21px;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex}.membership-current>div{align-items:center;gap:14px;display:flex}.membership-crown{color:#fcd34d;background:#f59e0b1a;border:1px solid #f59e0b29;border-radius:16px;flex:0 0 52px;place-items:center;width:52px;height:52px;display:grid}.membership-current span:not(.membership-crown){color:#a78bfa;text-transform:uppercase;letter-spacing:.12em;font-size:8px}.membership-current h2{color:#fff;margin:4px 0;font-size:17px}.membership-current p{color:#ffffff5c;margin:0;font-size:9px}.danger{color:#fb7185}.billing-toggle{border:1px solid var(--line);background:#ffffff09;border-radius:999px;width:max-content;margin:24px auto 17px;padding:4px;display:flex}.billing-toggle button{color:#ffffff73;background:0 0;border:0;border-radius:999px;padding:9px 15px;font-size:10px}.billing-toggle button.active{color:#111;background:#fff;font-weight:800}.billing-toggle span{color:#16a34a;margin-left:5px;font-size:8px}.plan-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:12px;display:grid}.plan-card{border:1px solid var(--line);background:#ffffff08;border-radius:22px;flex-direction:column;padding:22px;display:flex;position:relative}.plan-card.featured{background:linear-gradient(160deg,#7c3aed29,#ffffff09);border-color:#8b5cf673;box-shadow:0 18px 50px #4c1d952e}.popular-plan{color:#fff;text-transform:uppercase;letter-spacing:.08em;background:#7c3aed;border-radius:999px;align-items:center;gap:4px;padding:5px 8px;font-size:7px;font-weight:800;display:flex;position:absolute;top:13px;right:13px}.plan-icon{color:#a78bfa;background:#8b5cf61a;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.plan-card h3{color:#fff;margin:13px 0 6px;font-size:20px}.plan-card>p{color:#ffffff59;min-height:29px;margin:0;font-size:9px}.plan-price{align-items:baseline;gap:5px;margin-top:17px;display:flex}.plan-price b{color:#fff;font-size:21px}.plan-price span{color:#ffffff47;font-size:8px}.coin-allowance{color:#fcd34d;background:#f59e0b14;border-radius:9px;margin-top:10px;padding:8px;font-size:9px;font-weight:700}.plan-card ul{flex:1;gap:9px;margin:17px 0 21px;padding:0;list-style:none;display:grid}.plan-card li{color:#ffffff8c;align-items:center;gap:7px;font-size:9px;display:flex}.plan-card li svg{color:#34d399;width:13px}.plan-card>a,.plan-card>button{width:100%}.plan-card button:disabled{opacity:.55;cursor:default}.membership-trust{color:#ffffff54;justify-content:center;gap:25px;margin-top:19px;font-size:8px;display:flex}.membership-trust span{align-items:center;gap:6px;display:flex}.membership-trust svg{color:#a78bfa;width:14px}.wallet-hero{background:radial-gradient(circle at 85% 20%,#f59e0b24,#0000 27%),linear-gradient(120deg,#7c3aed26,#ffffff06);border:1px solid #f59e0b2b;border-radius:24px;justify-content:space-between;align-items:flex-end;gap:20px;padding:27px;display:flex}.wallet-hero>div>span{text-transform:uppercase;letter-spacing:.13em;color:#ffffff5e;font-size:8px}.wallet-hero h2{color:#fff;align-items:center;gap:9px;margin:7px 0;font-size:35px;display:flex}.wallet-hero h2 svg{color:#fcd34d}.wallet-hero h2 small{color:#fcd34d;font-size:12px}.wallet-hero p{color:#ffffff57;margin:0;font-size:9px}.wallet-actions{gap:8px;display:flex}.secure-label{color:#ffffff4d;font-size:8px}.coin-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.coin-pack{border:1px solid var(--line);text-align:center;background:#ffffff08;border-radius:18px;flex-direction:column;align-items:center;padding:18px;display:flex;position:relative}.coin-pack.featured{background:linear-gradient(160deg,#f59e0b1a,#ffffff08);border-color:#f59e0b57}.coin-popular{color:#1c1003;text-transform:uppercase;background:#f59e0b;border-radius:999px;padding:4px 9px;font-size:7px;font-weight:900;position:absolute;top:-8px}.coin-stack{color:#fbbf24;background:#f59e0b1a;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.coin-pack h3{color:#fff;margin:11px 0 3px;font-size:15px}.coin-pack p{color:#fbbf24;height:21px;margin:0;font-size:8px}.coin-pack>b{color:#fff;margin:10px 0 13px;font-size:14px}.coin-pack>a{width:100%;padding:9px 12px;font-size:9px}.transaction-list{border:1px solid var(--line);border-radius:17px;overflow:hidden}.transaction-list article{border-bottom:1px solid #ffffff0d;align-items:center;gap:11px;padding:12px 14px;display:flex}.transaction-list article:last-child{border:0}.transaction-icon{border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.transaction-icon svg{width:16px}.transaction-icon.positive{background:#10b9811a}.transaction-icon.negative{background:#f43f5e1a}.transaction-list article>div{flex:1}.transaction-list b,.transaction-list small{display:block}.transaction-list b{color:#ffffffbd;font-size:10px}.transaction-list small{color:#ffffff45;margin-top:4px;font-size:8px}.transaction-list strong{font-size:10px}.positive{color:#34d399}.negative{color:#fb7185}.checkout-layout{grid-template-columns:minmax(0,1fr) 360px;gap:18px;max-width:1000px;margin:0 auto;display:grid}.checkout-main,.order-summary{border:1px solid var(--line);background:#ffffff06;border-radius:22px;padding:26px}.checkout-back{color:#fff6;background:0 0;border:0;align-items:center;gap:4px;margin:0 0 25px -7px;font-size:9px;display:flex}.checkout-back svg{width:16px}.checkout-main h1{color:#fff;letter-spacing:-.04em;margin:7px 0;font-size:27px}.checkout-main>p{color:#ffffff5c;font-size:10px}.payment-methods{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;display:grid}.payment-methods button{border:1px solid var(--line);text-align:left;color:#fff;background:#ffffff06;border-radius:14px;align-items:center;gap:10px;padding:13px;display:flex;position:relative}.payment-methods button:disabled{opacity:.48;cursor:not-allowed}.payment-methods button.active{background:#7c3aed1a;border-color:#8b5cf67a}.payment-methods button>span{color:#a78bfa;background:#8b5cf61a;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.payment-methods b,.payment-methods small{display:block}.payment-methods b{font-size:10px}.payment-methods small{color:#ffffff4d;margin-top:4px;font-size:7px}.payment-methods i{background:#7c3aed;border-radius:50%;place-items:center;width:18px;height:18px;margin-left:auto;display:grid}.payment-methods i svg{width:11px}.checkout-agreement{color:#fff6;align-items:flex-start;gap:9px;margin-top:18px;font-size:8px;line-height:1.6;display:flex}.checkout-agreement input{accent-color:#7c3aed}.order-summary>span{text-transform:uppercase;letter-spacing:.13em;color:#ffffff4d;font-size:8px}.order-summary h2{color:#fff;margin:7px 0 17px;font-size:19px}.summary-product{border:1px solid var(--line);background:#ffffff09;border-radius:14px;align-items:center;gap:10px;margin-bottom:16px;padding:12px;display:flex}.summary-product>svg{color:#fbbf24}.summary-product b,.summary-product small{display:block}.summary-product b{color:#fff;font-size:10px}.summary-product small{color:#ffffff4d;margin-top:3px;font-size:8px}.summary-balance,.summary-row,.summary-total{justify-content:space-between;align-items:center;display:flex}.summary-row{color:#fff6;padding:6px 0;font-size:9px}.summary-row b{color:#ffffffb8}.summary-total{border-top:1px solid var(--line);margin-top:9px;padding-top:14px}.summary-total span{color:#fff;font-size:10px}.summary-total b{color:#fff;font-size:17px}.checkout-pay{width:100%;margin-top:18px}.checkout-pay:disabled{opacity:.5;cursor:not-allowed}.checkout-demo{text-align:center;color:#ffffff38;margin-top:9px;font-size:7px;line-height:1.5;display:block}.summary-balance{color:#ffffff59;background:#f59e0b12;border-radius:10px;margin-top:15px;padding:9px;font-size:8px}.summary-balance b{color:#fbbf24}.checkout-success{text-align:center;border:1px solid var(--line);background:linear-gradient(145deg,#10b98114,#7c3aed14);border-radius:25px;max-width:560px;margin:7vh auto 0;padding:38px}.success-mark{color:#34d399;background:#10b9811a;border:1px solid #10b9812e;border-radius:50%;place-items:center;width:70px;height:70px;margin:0 auto 17px;display:grid}.success-mark svg{width:38px;height:38px}.checkout-success h1{color:#fff;letter-spacing:-.04em;margin:8px 0;font-size:26px}.checkout-success>p{color:#fff6;max-width:430px;margin:0 auto;font-size:10px;line-height:1.7}.success-benefit{border:1px solid var(--line);text-align:left;background:#ffffff09;border-radius:14px;align-items:center;gap:11px;max-width:320px;margin:20px auto;padding:13px;display:flex}.success-benefit>svg{color:#fbbf24}.success-benefit b,.success-benefit small{display:block}.success-benefit b{color:#fff;font-size:10px}.success-benefit small{color:#ffffff47;margin-top:4px;font-size:8px}.success-actions{justify-content:center;gap:8px;display:flex}@keyframes fade-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.97)}}@media (max-width:1023px){.upgrade-pill{display:none}.plan-grid{grid-template-columns:1fr 1fr}.plan-card.free{grid-column:1/-1}.coin-grid{grid-template-columns:1fr 1fr}.checkout-layout{grid-template-columns:1fr}.order-summary{order:-1}}@media (max-width:639px){.coin-pill{padding:0 8px}.coin-pill span{display:none}.membership-current,.membership-current>div{align-items:flex-start}.membership-current>.text-button{white-space:nowrap}.plan-grid{grid-template-columns:1fr}.plan-card.free{grid-column:auto}.membership-trust{flex-direction:column;align-items:center;gap:8px}.wallet-hero{flex-direction:column;align-items:flex-start}.wallet-actions{flex-wrap:wrap;width:100%}.coin-grid{grid-template-columns:1fr 1fr}.checkout-main,.order-summary{padding:19px}.payment-methods{grid-template-columns:1fr}.checkout-success{margin-top:3vh;padding:28px 20px}.success-actions{flex-direction:column}.unlock-dialog{padding:25px 19px}.chapter-price{font-size:8px}}.full-player-options{position:relative}.full-player-menu{z-index:2;background:#191626f7;border:1px solid #ffffff1f;border-radius:13px;min-width:165px;padding:6px;position:absolute;top:48px;right:0;box-shadow:0 14px 32px #00000059}.full-player-menu a,.full-player-menu button{color:#ffffffc7;text-align:left;background:0 0;border:0;border-radius:8px;width:100%;padding:9px 10px;font-size:11px;display:block}.full-player-menu a:hover,.full-player-menu button:hover{color:#fff;background:#ffffff14}.settings-layout>aside a{color:#ffffff6e;text-align:left;background:0 0;border-radius:11px;align-items:center;gap:10px;height:40px;padding:0 12px;font-size:11px;display:flex}.settings-layout>aside a.active,.settings-layout>aside a:hover{color:#fff;background:#fff1}.account-links a{color:#ffffffa6;background:0 0;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;font-size:11px;text-decoration:none;display:flex}.account-links a:last-child{border:0}.session-list{gap:8px;margin-top:12px;display:grid}.session-row{border-bottom:1px solid #ffffff0b;justify-content:space-between;align-items:center;gap:12px;padding:11px 2px;display:flex}.session-row:last-child{border:0}.session-row b,.session-row small{display:block}.session-row b{color:#ffffffbf;font-size:11px}.session-row small{color:#ffffff4d;margin-top:4px;font-size:9px}.settings-loading{color:#ffffff59;margin:14px 2px 3px;font-size:10px}.text-button.danger{color:#fda4af}@media (max-width:767px){.category-directory{grid-template-columns:1fr}.category-hero{text-align:center;flex-direction:column;min-height:auto;padding:24px}.category-hero-icon{flex-basis:132px;width:132px;height:132px;font-size:56px}.category-hero-copy h1{font-size:28px}.category-hero-copy>div{flex-wrap:wrap;justify-content:center}.category-more{flex-direction:column;align-items:flex-start}.category-more>div:last-child{justify-content:flex-start}}@media (max-width:479px){.category-directory-art{flex-basis:68px;width:68px;height:68px;font-size:29px}.category-directory-card p{display:none}.category-hero{padding:21px 16px}.category-hero-copy>p{font-size:10px}.category-more a{font-size:7px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.playlist-manage{background:#ffffff06;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:9px;margin:0 0 16px;padding:10px;display:flex}.playlist-manage select{color:#fff;background:#171323;border:1px solid #ffffff1a;border-radius:9px;flex:1;min-width:0;padding:9px 10px;font-size:10px}.playlist-manage .ghost-button{white-space:nowrap;padding:9px 12px}.story-card{position:relative}.story-remove{color:#fda4af;z-index:2;background:#120c1be0;border:1px solid #ffffff1f;border-radius:8px;place-items:center;width:27px;height:27px;display:grid;position:absolute;bottom:7px;right:7px}.story-remove:hover{color:#fff;background:#be123c}.checkout-vietqr{background:linear-gradient(135deg,#7c3aed24,#ffffff06);border:1px solid #8b5cf640;border-radius:26px;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:28px;max-width:920px;margin:18px auto;padding:28px;display:grid}.checkout-vietqr-copy h1{color:#fff;letter-spacing:-.04em;margin:9px 0;font-size:28px}.checkout-vietqr-copy>p{color:#ffffff7a;max-width:540px;font-size:11px;line-height:1.7}.checkout-vietqr-copy dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0;display:grid}.checkout-vietqr-copy dl div{background:#07060b33;border:1px solid #ffffff12;border-radius:13px;padding:12px}.checkout-vietqr-copy dt{color:#ffffff59;text-transform:uppercase;letter-spacing:.11em;font-size:8px}.checkout-vietqr-copy dd{color:#fff;overflow-wrap:anywhere;margin:6px 0 0;font-size:12px;font-weight:700}.vietqr-reference{background:#fbbf2412;border:1px solid #fbbf2447;border-radius:14px;gap:6px;padding:14px;display:grid}.vietqr-reference span{color:#fcd34d;text-transform:uppercase;letter-spacing:.1em;font-size:8px}.vietqr-reference strong{color:#fff;letter-spacing:.08em;font-size:15px}.vietqr-reference button{color:#fcd34d;background:0 0;border:0;align-items:center;gap:6px;width:max-content;padding:0;font-size:10px;font-weight:700;display:flex}.checkout-vietqr-code{align-content:start;justify-items:center;gap:14px;display:grid}.vietqr-canvas-wrap{background:#fff;border-radius:20px;place-items:center;min-height:320px;padding:14px;display:grid;box-shadow:0 18px 45px #0000004d}.vietqr-canvas-wrap p{color:#171323;text-align:center;max-width:220px;font-size:11px;line-height:1.6}.vietqr-canvas-wrap canvas{max-width:100%;height:auto}.vietqr-status{color:#ffffff7a;gap:8px;font-size:9px;line-height:1.5;display:flex}.vietqr-status svg{color:#fbbf24;flex:none}.checkout-vietqr-code .primary-button{justify-content:center;width:100%}@media (max-width:639px){.checkout-vietqr{border-radius:20px;grid-template-columns:1fr;margin:0;padding:20px 16px}.checkout-vietqr-copy h1{font-size:23px}.checkout-vietqr-copy dl{grid-template-columns:1fr}.checkout-vietqr-code{order:-1}.vietqr-canvas-wrap{min-height:auto}.vietqr-canvas-wrap canvas{width:260px!important;height:260px!important}}.detail-cover{overflow:hidden}.story-cover-holder{position:relative}.story-cover-art{border-radius:inherit;place-items:center;font-size:58px;display:grid;position:absolute;inset:0;overflow:hidden}.story-engagement{background:#12101c9e;border:1px solid #ffffff14;border-radius:23px;margin-top:36px;padding:24px}.sponsor-dialog-backdrop{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050409c2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.sponsor-dialog{background:linear-gradient(145deg,#201836,#110f1c);border:1px solid #ffffff1f;border-radius:23px;width:min(100%,430px);padding:25px;animation:dialog-in .2s;position:relative;box-shadow:0 28px 70px #0000008c}.sponsor-close{color:#ffffff8c;background:#ffffff0f;border:0;border-radius:10px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:13px;right:13px}.sponsor-disclosure{color:#c4b5fd;letter-spacing:.1em;text-transform:uppercase;background:#8b5cf624;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-block}.sponsor-image{object-fit:cover;background:#ffffff0d;border-radius:14px;width:100%;height:145px;margin-top:15px}.sponsor-dialog h2{color:#fff;letter-spacing:-.03em;margin:14px 35px 7px 0;font-size:19px}.sponsor-dialog p{color:#ffffff80;margin:0;font-size:11px;line-height:1.65}.sponsor-link{color:#ddd6fe;align-items:center;gap:6px;width:max-content;max-width:100%;margin-top:14px;font-size:11px;font-weight:800;text-decoration:none;display:flex}.sponsor-link:hover{color:#fff}.sponsor-dialog small{color:#ffffff59;align-items:flex-start;gap:6px;margin-top:15px;font-size:9px;line-height:1.55;display:flex}.sponsor-dialog small svg{color:#a78bfa;flex:none;margin-top:1px}.sponsor-actions{justify-content:flex-end;gap:8px;margin-top:19px;display:flex}.sponsor-actions .ghost-button,.sponsor-actions .primary-button{padding:10px 14px;font-size:10px}.promotion-slot{background:linear-gradient(105deg,#7c3aed21,#ffffff06);border:1px solid #8b5cf638;border-radius:20px;align-items:stretch;gap:15px;margin:28px 0;display:flex;overflow:hidden}.promotion-slot>img{object-fit:cover;background:#ffffff0d;width:190px;min-height:132px}.promotion-slot>div{min-width:0;padding:18px}.promotion-slot span{color:#c4b5fd;letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:800;display:block}.promotion-slot b{color:#fff;margin-top:8px;font-size:15px;display:block}.promotion-slot p{color:#ffffff73;margin:7px 0;font-size:10px;line-height:1.6}.promotion-slot a{color:#ddd6fe;align-items:center;gap:5px;width:max-content;margin-top:10px;font-size:10px;font-weight:800;text-decoration:none;display:flex}.promotion-slot a:hover{color:#fff}.promotion-slot.affiliate-gift{background:radial-gradient(circle at 88% 20%,#fbbf242b,#0000 35%),linear-gradient(105deg,#7c3aed29,#ffffff06);border-color:#fbbf2442;position:relative}.affiliate-gift-icon{background:#fbbf241c;border:1px solid #fbbf2440;border-radius:15px;flex:0 0 48px;align-self:center;place-items:center;width:48px;height:48px;margin-left:18px;box-shadow:0 10px 25px #f59e0b1f;color:#fcd34d!important;display:grid!important}.affiliate-gift-icon+div{padding-left:0}.affiliate-gift>div>span{color:#fcd34d}.affiliate-gift a{color:#fde68a}@media (max-width:520px){.promotion-slot{display:block}.promotion-slot>img{width:100%;height:140px}.sponsor-actions{flex-direction:column-reverse}.sponsor-actions .ghost-button,.sponsor-actions .primary-button{width:100%}}.engagement-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.engagement-heading h2{color:#fff;letter-spacing:-.03em;margin:7px 0 5px;font-size:21px}.engagement-heading p{color:#ffffff61;margin:0;font-size:11px}.rating-summary{color:#fbbf24;text-align:center;background:#fbbf240f;border:1px solid #fbbf2424;border-radius:15px;min-width:132px;padding:13px 15px}.rating-summary strong{color:#fef3c7;font-size:27px;line-height:1;display:block}.rating-summary span{justify-content:center;gap:2px;margin:7px 0 5px;display:flex}.rating-summary small{color:#ffffff61;font-size:9px;display:block}.rating-editor{background:#ffffff09;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:12px;margin-top:20px;padding:12px 14px;display:flex}.rating-editor>span{color:#ffffff8c;font-size:11px;font-weight:700}.rating-editor>div{gap:2px;display:flex}.rating-editor button{color:#ffffff38;background:0 0;border:0;padding:2px}.rating-editor button.active,.rating-editor button:hover{color:#fbbf24}.rating-editor small{color:#ffffff4d;margin-left:auto;font-size:10px}.comment-composer{background:#ffffff06;border:1px solid #ffffff12;border-radius:15px;margin-top:13px;padding:13px}.comment-composer textarea{resize:vertical;color:#fff;background:#00000029;border:1px solid #ffffff14;border-radius:11px;outline:0;width:100%;min-height:82px;padding:11px 12px;font-size:12px;line-height:1.6}.comment-composer textarea:focus{border-color:#8b5cf68c;box-shadow:0 0 0 3px #8b5cf61a}.comment-composer textarea:disabled{opacity:.55}.comment-composer>div{justify-content:flex-end;align-items:center;gap:10px;margin-top:8px;display:flex}.comment-composer small{color:#ffffff47;margin-right:auto;font-size:10px}.comment-composer .ghost-button,.comment-composer .primary-button{padding:8px 13px;font-size:10px}.comment-list{gap:12px;margin-top:18px;display:grid}.story-comment{border-top:1px solid #ffffff0f;gap:11px;padding:13px 0;display:flex}.story-comment.is-reply{margin:0 0 0 42px;padding:10px 0}.story-comment.is-deleted{opacity:.62}.comment-avatar{color:#fff;background:linear-gradient(135deg,#d946ef,#7c3aed);border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid;overflow:hidden}.comment-avatar img{object-fit:cover;width:100%;height:100%}.comment-content{flex:1;min-width:0}.comment-meta{align-items:center;gap:9px;display:flex}.comment-meta b{color:#ffffffd6;font-size:11px}.comment-meta span{color:#ffffff47;font-size:9px}.comment-content p{color:#ffffff9e;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0;font-size:12px;line-height:1.65}.comment-actions{gap:10px;margin-top:8px;display:flex}.comment-actions button{color:#ffffff4d;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:10px;display:inline-flex}.comment-actions button.active,.comment-actions button:hover{color:#c4b5fd}.comment-actions button:disabled{opacity:.45}.empty-panel{color:#ffffff59;text-align:center;border:1px dashed #ffffff17;border-radius:13px;margin:0;padding:20px;font-size:11px}@media (max-width:680px){.story-engagement{padding:17px}.engagement-heading{flex-direction:column}.rating-summary{width:100%}.rating-editor{flex-wrap:wrap;align-items:flex-start}.rating-editor small{width:100%;margin-left:0}.story-comment.is-reply{margin-left:25px}.comment-composer>div{flex-wrap:wrap}.comment-composer small{width:100%;margin-right:0}}.resume-backdrop{z-index:120;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08060fb8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.resume-dialog{background:linear-gradient(145deg,#221839fa,#110e1dfa);border:1px solid #ffffff1f;border-radius:24px;width:min(100%,420px);padding:28px;animation:resume-dialog-in .22s ease-out;position:relative;box-shadow:0 24px 80px #00000073}.resume-close{color:#ffffff8c;cursor:pointer;background:#ffffff12;border:0;border-radius:10px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:14px;right:14px}.resume-close:hover{color:#fff;background:#ffffff21}.resume-eyebrow{color:#c4b5fd;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.resume-dialog h2{color:#fff;letter-spacing:-.04em;margin:9px 38px 8px 0;font-size:24px}.resume-story{color:#ffffffb3;margin:0;font-size:13px;font-weight:700}.resume-position{color:#ffffff75;margin:17px 0 23px;font-size:12px;line-height:1.6}.resume-position b{color:#e9d5ff}.resume-actions{gap:9px;display:flex}.resume-actions button{cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-size:11px;font-weight:800;display:inline-flex}.resume-secondary{color:#ffffffb8;background:#ffffff0f;border:1px solid #ffffff1a;flex:1}.resume-secondary:hover{color:#fff;background:#ffffff1a}.resume-primary{color:#fff;background:linear-gradient(100deg,#7c3aed,#d946ef);border:1px solid #a78bfa66;flex:1.2;box-shadow:0 8px 20px #7c3aed3b}.resume-primary:hover{filter:brightness(1.1)}@keyframes resume-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:520px){.resume-dialog{padding:24px 19px}.resume-actions{flex-direction:column-reverse}.resume-actions button{width:100%}}.player-sync-status{color:#ffffff57;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;max-width:180px;font-size:8px;line-height:1.3;display:inline-flex;overflow:hidden}.player-sync-status i{background:#94a3b8;border-radius:50%;flex:0 0 6px;width:6px;height:6px}.player-sync-status span{text-overflow:ellipsis;overflow:hidden}.player-sync-status.sync-local i{background:#a78bfa}.player-sync-status.sync-synced i{background:#34d399}.player-sync-status.sync-pending i{background:#fbbf24}.player-sync-status.sync-syncing i{background:#60a5fa;animation:sync-pulse 1s ease-in-out infinite}.player-sync-status.sync-offline i{background:#fb923c}.player-sync-status.sync-error i{background:#fb7185}.current-chapter .player-sync-status{margin-top:8px;font-size:9px;display:flex}.current-chapter .player-sync-status i{margin-top:1px}@keyframes sync-pulse{50%{opacity:.35}}.media-cover{isolation:isolate;contain:paint;background-clip:padding-box;position:relative;overflow:hidden;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.story-cover-art.media-cover{position:absolute}.cover-placeholder{z-index:0;place-items:center;display:grid;position:absolute;inset:0}.media-cover>.cover-image{z-index:1;border-radius:inherit;object-fit:cover;object-position:center;opacity:0;backface-visibility:hidden;min-width:100%;min-height:100%;transition:opacity .18s;display:block;transform:translateZ(0);width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;position:absolute!important;inset:0!important}.media-cover>.cover-image.is-loaded{opacity:1}.detail-cover,.full-cover,.hero-cover,.mini-cover{overflow:hidden}.catalog-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin:2rem 0;display:flex}.catalog-pagination a{border:1px solid var(--line,#e5e7eb);min-height:2.5rem;color:inherit;border-radius:.7rem;padding:.55rem .9rem;font-weight:700}.catalog-pagination a.disabled{pointer-events:none;opacity:.45}.catalog-pagination span{color:var(--muted,#6b7280);font-size:.9rem}.page-skeleton{gap:18px;display:grid}.skeleton{background:linear-gradient(100deg,#ffffff0e 18%,#ffffff1f 35%,#ffffff0e 55%) 0 0/220% 100%;border-radius:10px;animation:skeleton-shimmer 1.4s ease-in-out infinite;display:block;overflow:hidden}.skeleton-heading{width:min(390px,78%);height:32px}.skeleton-title{width:min(250px,85%);height:18px}.skeleton-copy{width:min(560px,100%);height:13px}.skeleton-copy.short{width:58%}.skeleton-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.skeleton-card{gap:12px;display:grid}.skeleton-art{aspect-ratio:3/4}.skeleton-detail{border:1px solid #ffffff12;border-radius:22px;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:24px;padding:22px;display:grid}.skeleton-detail>div:last-child{gap:13px;display:grid}.skeleton-cover{aspect-ratio:3/4}.skeleton-list{gap:10px;display:grid}.skeleton-row{height:58px}.auth-loading-skeleton{background:#12101cb8;border:1px solid #ffffff14;border-radius:22px;gap:14px;width:min(100% - 32px,430px);margin:10vh auto;padding:28px;display:grid}.skeleton-input{height:46px}.skeleton-button{width:135px;height:43px}@keyframes skeleton-shimmer{to{background-position:-220% 0}}@media (max-width:900px){.skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.skeleton-detail{grid-template-columns:96px minmax(0,1fr);gap:15px;padding:16px}}.home-heading{max-width:760px;margin:0 0 20px}.home-heading h1{color:#fff;letter-spacing:-.048em;margin:0;font-size:clamp(28px,4vw,46px);line-height:1.12}.home-heading p{color:#ffffff85;max-width:660px;margin:11px 0 0;font-size:13px;line-height:1.7}.hero-copy h2{color:#fff;letter-spacing:-.045em;text-shadow:0 0 30px #a78bfa6b;margin:10px 0 7px;font-size:34px;line-height:1}@media (max-width:639px){.home-heading{margin-bottom:16px}.home-heading h1{font-size:28px}.home-heading p{font-size:11px}.hero-copy h2{font-size:24px}}.recent-stories-loading>.story-grid,.recent-stories>.story-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.recent-stories-loading{margin-top:17px}.catalog-load-more{text-align:center;justify-items:center;gap:9px;margin-top:24px;display:grid}.catalog-load-more .ghost-button{min-width:170px}.catalog-load-more .ghost-button:disabled{cursor:wait;opacity:.72}.catalog-load-more p{color:#fda4af;margin:0;font-size:10px}.catalog-load-more small{color:#ffffff4d;font-size:9px}.load-more-spinner{animation:player-spin .8s linear infinite}@media (max-width:1279px){.recent-stories-loading>.story-grid,.recent-stories>.story-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1023px){.recent-stories-loading>.story-grid,.recent-stories>.story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:639px){.recent-stories-loading>.story-grid,.recent-stories>.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-load-more{margin-top:19px}.catalog-load-more .ghost-button{width:min(100%,220px)}}.eligible-plans{text-align:left;background:#8b5cf60d;border:1px solid #a78bfa1f;border-radius:13px;gap:8px;margin:0 0 11px;padding:12px;display:grid}.eligible-plans>span{color:#ffffff6b;align-items:center;gap:6px;font-size:9px;display:flex}.eligible-plans>div{flex-wrap:wrap;gap:5px;display:flex}.eligible-plans b{color:#ddd6fe;background:#8b5cf624;border-radius:999px;padding:4px 7px;font-size:8px}.eligible-plans small{color:#ffffff47;font-size:8px}.eligible-plans>a{color:#c4b5fd;width:max-content;font-size:8px;font-weight:800}@media (max-width:1023px){body{overflow:hidden auto}.app-shell{height:auto}.app-main,.app-shell{min-height:100svh}.page-scroll{flex:none;min-height:0;overflow:visible}.page-container{padding-bottom:calc(150px + env(safe-area-inset-bottom))}.sidebar{height:100dvh;max-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;inset:0 auto auto 0;overflow:hidden auto}.brand-row{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));flex:0 0 80px}.brand{flex:auto;min-width:0;overflow:hidden}.brand>span{width:100%;min-width:0;display:block}.brand-logo{width:min(168px,100%)}.icon-button.sidebar-close-mobile{flex:0 0 40px}.sidebar-playlists{min-height:0}.profile-chip{flex:none}.app-header{height:calc(64px + env(safe-area-inset-top));flex-basis:calc(64px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.header-inner{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.icon-button.mobile-menu{flex:0 0 40px}.global-search{flex:1 1 0;min-width:0}.global-search input{min-width:0}.header-actions{flex:none;min-width:0;margin-left:0}.coin-pill,.mobile-avatar{white-space:nowrap;flex:none}.mobile-nav{height:calc(65px + env(safe-area-inset-bottom));padding:5px max(8px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.mini-player{bottom:calc(73px + env(safe-area-inset-bottom))}}@media (max-width:639px){.header-inner{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.icon-button.mobile-menu{flex-basis:34px}}.full-player{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--ink-950);isolation:isolate;height:100dvh;min-height:100svh;max-height:100dvh}.full-player-bg,.full-player-shade{pointer-events:none}.full-player-inner{padding:max(20px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(30px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}html.full-player-open .mini-player,html.full-player-open .mobile-nav{visibility:hidden;pointer-events:none}@media (max-height:900px){.full-player-inner{padding-top:max(14px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}.full-cover-wrap{min-height:0;padding:14px 0}.full-cover{border-radius:24px;width:min(44dvh,280px);font-size:64px}.full-title h2{font-size:20px}.full-seek{margin-top:14px}.player-controls.large{margin-top:8px}.quick-actions{flex-wrap:wrap}.current-chapter,.quick-actions{margin-top:12px}}@media (orientation:landscape) and (max-height:700px){.full-player-inner{grid-template-rows:auto 1fr auto auto auto auto;grid-template-columns:minmax(140px,.78fr) minmax(280px,1.35fr);align-content:center;column-gap:clamp(18px,4vw,44px);width:min(100% - 32px,900px);min-height:100%;display:grid}.full-player-head{grid-area:1/1/auto/-1}.full-cover-wrap{grid-area:2/1/7;align-self:center;min-height:0;padding:10px 0}.full-cover{width:min(36vw,52dvh,240px)}.full-title{grid-area:2/2;align-self:end}.full-seek{grid-area:3/2;margin-top:8px}.player-controls.large{grid-area:4/2;margin-top:4px}.large .control-secondary{width:38px;height:38px}.large .control-play{width:54px;height:54px}.large .control-play svg{width:23px}.quick-actions{flex-wrap:nowrap;grid-area:5/2;margin-top:6px}.quick-actions button{padding:6px 9px}.current-chapter{grid-area:6/2;margin-top:7px;padding:9px 12px}.current-chapter .player-sync-status,.current-chapter b{margin-top:4px}}@media (orientation:landscape) and (max-height:420px){.full-player-inner{grid-template-columns:minmax(112px,.6fr) minmax(260px,1.4fr);column-gap:16px}.full-cover{border-radius:19px;width:min(30vw,44dvh,175px);font-size:48px}.full-player-head span{display:none}.full-title h2{font-size:17px}.full-title p{margin-top:4px}.quick-actions button{font-size:9px}}.full-player-head>div:nth-child(2){flex:1;min-width:0;padding:0 12px}.full-player-head b,.full-title p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.full-player-options{flex:none}.full-title h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sleep-timer{display:flex;position:relative}.sleep-timer-menu{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#14111ffa;border:1px solid #ffffff1f;border-radius:14px;width:152px;padding:7px;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);box-shadow:0 18px 42px #00000075}.sleep-timer-menu>span{color:#ffffff61;text-transform:uppercase;letter-spacing:.1em;padding:5px 8px 7px;font-size:9px;font-weight:700;display:block}.quick-actions .sleep-timer-menu button{color:#ffffffbf;background:0 0;border:0;border-radius:8px;justify-content:flex-start;width:100%;padding:8px;font-size:10px}.quick-actions .sleep-timer-menu button:focus-visible,.quick-actions .sleep-timer-menu button:hover{color:#ddd6fe;background:#a78bfa24}.quick-actions .sleep-timer-menu .sleep-timer-cancel{color:#fda4af;border-top:1px solid #ffffff12;border-radius:0 0 8px 8px;margin-top:3px}.background-music{display:flex;position:relative}.quick-actions button.music-active{color:#c4b5fd;background:#8b5cf624;border-color:#a78bfa59}.background-music-menu{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#14111ffa;border:1px solid #ffffff1f;border-radius:15px;width:min(270px,100vw - 28px);max-height:min(390px,60vh);padding:8px;position:absolute;bottom:calc(100% + 9px);right:0;overflow-y:auto;box-shadow:0 18px 42px #0000007a}.background-music-menu>span{color:#fff6;text-transform:uppercase;letter-spacing:.1em;padding:5px 8px 8px;font-size:9px;font-weight:750;display:block}.quick-actions .background-music-menu>button{color:#ffffffb3;text-align:left;background:0 0;border:0;border-radius:9px;justify-content:flex-start;width:100%;min-width:0;padding:9px;font-size:10px}.quick-actions .background-music-menu>button i{text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.quick-actions .background-music-menu>button.selected,.quick-actions .background-music-menu>button:focus-visible,.quick-actions .background-music-menu>button:hover{color:#ddd6fe;background:#8b5cf624}.background-music-menu>small{color:#ffffff61;padding:7px 8px;font-size:9px;line-height:1.45;display:block}.background-music-menu .background-error{color:#fda4af}.background-toggle,.background-volume{color:#ffffffad;border-top:1px solid #ffffff12;align-items:center;gap:8px;margin-top:6px;padding:9px 8px;font-size:9px;display:flex}.background-toggle input{accent-color:#a78bfa}.background-volume{grid-template-columns:auto 1fr auto;display:grid}.background-volume>span{white-space:nowrap;align-items:center;gap:4px;display:flex}.background-volume input{width:100%;min-width:58px}.background-volume output{color:#c4b5fd;text-align:right;font-variant-numeric:tabular-nums;min-width:28px}@media (max-width:480px){.background-music-menu{right:14px;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);width:auto;max-height:55dvh;position:fixed;left:14px}.quick-actions{align-items:center}.quick-actions>.background-music{position:static}}.offline-page{color:#fff;text-align:center;background:radial-gradient(circle at 50% 25%,#7c3aed3d,#0000 38%),#07060b;place-items:center;min-height:100dvh;padding:24px;display:grid}.offline-page>div{background:#ffffff0a;border:1px solid #ffffff17;border-radius:24px;width:min(100%,420px);padding:34px}.offline-page span{font-size:48px}.offline-page h1{margin:16px 0 8px;font-size:26px}.offline-page p{color:#ffffff8c;margin:0;font-size:13px;line-height:1.7}.offline-page a{color:#fff;background:linear-gradient(135deg,#7c3aed,#db2777);border-radius:999px;margin-top:20px;padding:10px 18px;font-size:12px;font-weight:750;display:inline-flex}.detail-description::-webkit-scrollbar{width:4px}.detail-description::-webkit-scrollbar-track{background:#ffffff0a;border-radius:999px}.detail-description::-webkit-scrollbar-thumb{background:#a78bfa57;border-radius:999px}.detail-description::-webkit-scrollbar-thumb:hover{background:#a78bfa94}.detail-description:focus-visible{outline-offset:5px;border-radius:4px;outline:1px solid #a78bfa80}@media (max-width:639px){.detail-description{text-align:center;max-height:88px;padding:0 8px}}.current-chapter-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.chapter-reader-trigger{color:#ddd6fe;letter-spacing:0;text-transform:none;background:#8b5cf621;border:1px solid #c4b5fd33;border-radius:999px;flex:none;align-items:center;gap:6px;padding:7px 10px;font-size:9px;font-weight:750;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.chapter-reader-trigger:focus-visible,.chapter-reader-trigger:hover:not(:disabled){color:#fff;background:#8b5cf640;border-color:#c4b5fd7a}.chapter-reader-trigger:disabled{cursor:not-allowed;opacity:.45}.chapter-reader{z-index:8;color:#f8fafc;isolation:isolate;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:radial-gradient(circle at 50% 0,#7c3aed33,#0000 42%),#0b0911;width:100%;max-width:100vw;height:100dvh;min-height:100svh;position:fixed;inset:0;overflow:hidden}.chapter-reader-shell{width:min(100%,1040px);min-width:0;max-width:100%;height:100%;padding:max(18px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);margin:auto;display:grid;overflow:hidden}.chapter-reader-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;gap:24px;min-width:0;max-width:100%;padding:5px 0 18px;display:flex}.chapter-reader-header>div{min-width:0}.chapter-reader-header span{color:#a78bfa;letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:800}.chapter-reader-header h2{color:#fff;margin:6px 0 0;font-size:clamp(20px,3vw,30px);line-height:1.25}.chapter-reader-header h2,.chapter-reader-header p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chapter-reader-header p{color:#ffffff73;margin:5px 0 0;font-size:11px}.chapter-reader-close{color:#ffffffb8;background:#ffffff0e;border:1px solid #ffffff17;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.chapter-reader-close:focus-visible,.chapter-reader-close:hover{color:#fff;background:#ffffff1c}.chapter-reader-close svg{width:19px}.chapter-reader-toolbar{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:18px;min-width:0;max-width:100%;padding:14px 0;display:flex}.reader-font-options,.reader-size-controls{align-items:center;gap:8px;min-width:0;display:flex}.reader-font-options>span,.reader-size-controls>span{color:#ffffff6b;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:5px;margin-right:3px;font-size:9px;font-weight:750;display:inline-flex}.reader-font-options>div{gap:6px;min-width:0;display:flex}.reader-font-options button,.reader-size-controls button{color:#ffffff9e;background:#ffffff0b;border:1px solid #ffffff17}.reader-font-options button{border-radius:999px;padding:7px 10px;font-size:9px;font-weight:700}.reader-font-options button.active{color:#ede9fe;background:#7c3aed38;border-color:#a78bfa85}.reader-size-controls button{border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.reader-size-controls button:disabled{opacity:.35}.reader-size-controls button svg{width:14px}.reader-size-controls output{color:#ede9fe;font-variant-numeric:tabular-nums;text-align:center;min-width:40px;font-size:10px}.chapter-reader-body{overscroll-behavior:contain;scrollbar-color:#a78bfa73 transparent;scrollbar-width:thin;-webkit-overflow-scrolling:touch;min-width:0;max-width:100%;min-height:0;padding:clamp(24px,5vh,48px) 8px 56px;overflow:hidden auto}.chapter-reader-copy{color:#ffffffe0;letter-spacing:.01em;overflow-wrap:anywhere;word-break:normal;width:min(100%,760px);min-width:0;max-width:100%;margin:auto;line-height:1.9}.chapter-reader-copy>p{white-space:pre-wrap;max-width:100%;margin:0 0 1.15em}.chapter-reader-copy>p:last-child{margin-bottom:0}.chapter-reader-empty{text-align:center;padding:14vh 20px}.chapter-reader-empty svg{color:#8b5cf6;width:34px;height:34px}.chapter-reader-empty h3{margin:13px 0 6px;font:700 16px/1.4 Be Vietnam Pro,system-ui,sans-serif}.chapter-reader-empty p{color:#ffffff6b;margin:0;font:400 11px/1.7 Be Vietnam Pro,system-ui,sans-serif}@media (max-width:639px){.current-chapter-top{gap:8px}.chapter-reader-trigger{padding:6px 9px}.chapter-reader-shell{padding-right:max(14px,env(safe-area-inset-right));padding-left:max(14px,env(safe-area-inset-left))}.chapter-reader-header{gap:12px;padding-bottom:13px}.chapter-reader-header h2{font-size:18px}.chapter-reader-toolbar{flex-direction:column;align-items:stretch;gap:12px;padding:11px 0}.reader-font-options{grid-template-columns:minmax(0,1fr);gap:8px;width:100%;display:grid}.reader-font-options>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;display:grid}.reader-font-options button{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-left:5px;padding-right:5px;overflow:hidden}.reader-size-controls{grid-template-columns:minmax(0,1fr) 32px 44px 32px;gap:6px;width:100%;display:grid}.reader-size-controls>span{min-width:0}.reader-size-controls button{width:32px}.reader-size-controls output{min-width:0}.chapter-reader-body{padding-top:25px;padding-left:2px;padding-right:2px}.chapter-reader-copy{line-height:1.8}}@media (orientation:landscape) and (max-height:520px){.chapter-reader-shell{padding-top:max(10px,env(safe-area-inset-top))}.chapter-reader-header{padding-bottom:8px}.chapter-reader-header h2{margin-top:2px;font-size:17px}.chapter-reader-header p{margin-top:2px}.chapter-reader-toolbar{padding:7px 0}.chapter-reader-body{padding-top:16px}.chapter-reader-close{flex-basis:34px;width:34px;height:34px}}.playlist-card,.playlist-card>span:nth-child(2){min-width:0;overflow:hidden}.playlist-card small,.playlist-card strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-card em{color:#c4b5fdad;align-items:center;gap:4px;margin-top:7px;font-size:8px;font-style:normal;font-weight:700;display:flex}.playlist-load-error{background:#be185d14;border:1px solid #fb718538;border-radius:16px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;padding:15px;display:flex}.playlist-load-error>span{min-width:0}.playlist-load-error small,.playlist-load-error strong{display:block}.playlist-load-error strong{color:#fecdd3;font-size:11px}.playlist-load-error small{color:#ffffff6b;overflow-wrap:anywhere;margin-top:4px;font-size:9px}.playlist-load-error .ghost-button{flex:none}.playlist-card-skeleton{background:linear-gradient(110deg,#ffffff06 30%,#ffffff0f 45%,#ffffff06 60%) 0 0/250% 100%;height:98px;animation:loading 1.2s linear infinite}.playlist-hero-copy{flex:1;min-width:0}.playlist-hero-copy h1,.playlist-hero-copy p{overflow-wrap:anywhere}.playlist-hero-actions,.playlist-hero-copy>span{flex-wrap:wrap}.playlist-delete-button{color:#fda4af}.playlist-delete-button:hover{color:#fff;background:#be123c}@media (max-width:639px){.playlist-card{gap:11px;padding:11px}.playlist-card>svg{flex:none}.playlist-load-error{flex-direction:column;align-items:stretch}.playlist-load-error .ghost-button{justify-content:center}.playlist-hero{min-width:0;overflow:hidden}.playlist-hero-copy{width:100%}.playlist-hero-copy h1{font-size:25px}.playlist-hero-actions{justify-content:center}.playlist-manage{flex-direction:column;align-items:stretch}.playlist-manage .ghost-button{justify-content:center}}.chapter-heading{min-width:0}.chapter-story-cover{flex:0 0 58px}.chapter-heading-copy{flex:1;min-width:0;overflow:hidden}.chapter-heading-copy h2{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}.chapter-heading-copy p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chapter-heading>.violet-button{white-space:nowrap;flex:none;min-width:0}.chapter-heading>.violet-button span{text-overflow:ellipsis;overflow:hidden}.chapter-list,.chapter-row{min-width:0;max-width:100%}.chapter-row{overflow:hidden}.chapter-copy{flex:1 1 0;min-width:0;max-width:100%;overflow:hidden}.chapter-copy b{white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;line-height:1.35;display:-webkit-box;overflow:hidden}.chapter-copy small{white-space:nowrap;max-width:100%}.chapter-row>.row-play{flex:0 0 15px}.chapter-row>.chapter-price,.chapter-row>.playing-pill{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;max-width:42%;overflow:hidden}@media (max-width:480px){.chapter-heading{grid-template-columns:49px minmax(0,1fr);align-items:center;gap:11px;display:grid}.chapter-story-cover{flex-basis:49px;width:49px;height:49px}.chapter-heading>.violet-button{grid-column:1/-1;width:100%;margin:0}.chapter-row{gap:9px;padding:9px 8px}.chapter-copy small{margin-top:4px}.chapter-row>.chapter-price{max-width:32%}}.adult-badge{z-index:5;color:#fff;letter-spacing:.04em;background:#be185de6;border:1px solid #fb718566;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900;position:absolute;top:9px;right:9px;box-shadow:0 5px 16px #4c051959}.adult-badge+.new-badge{top:37px}.detail-adult-badge{color:#fecdd3;letter-spacing:.06em;background:#be185d33;border:1px solid #fb71855c;border-radius:999px;align-items:center;padding:5px 8px;font-size:8px;font-weight:900;display:inline-flex}.adult-content-curtain{z-index:139;background:#08070d;position:fixed;inset:0}.adult-gate-backdrop{z-index:140;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050409d1;place-items:center;animation:fade-in .18s;display:grid;position:fixed;inset:0;overflow-y:auto}.adult-gate-dialog{text-align:center;background:radial-gradient(circle at 50% 0,#be185d2e,#0000 38%),linear-gradient(145deg,#1e1420,#0d0b14);border:1px solid #fb718533;border-radius:26px;width:min(100%,450px);padding:29px;animation:dialog-in .24s cubic-bezier(.2,.8,.2,1);box-shadow:0 28px 90px #000000ad}.adult-gate-icon{color:#fda4af;background:linear-gradient(135deg,#f43f5e33,#be185d14);border:1px solid #fb71853d;border-radius:21px;place-items:center;width:66px;height:66px;margin:0 auto 15px;display:grid}.adult-gate-icon svg{width:29px;height:29px}.adult-gate-eyebrow{color:#fda4af;letter-spacing:.15em;text-transform:uppercase;font-size:9px;font-weight:850}.adult-gate-dialog h2{color:#fff;letter-spacing:-.035em;margin:8px 0 6px;font-size:23px}.adult-gate-dialog>p{color:#ffffff73;margin:0;font-size:11px;line-height:1.7}.adult-gate-dialog .adult-gate-story{color:#fffc;margin-bottom:13px;font-size:12px;font-weight:750}.adult-gate-note{color:#fff6;text-align:left;background:#ffffff09;border:1px solid #ffffff12;border-radius:13px;align-items:flex-start;gap:8px;margin-top:17px;padding:11px 12px;font-size:9px;line-height:1.55;display:flex}.adult-gate-note svg{color:#a78bfa;flex:none}.adult-gate-actions{grid-template-columns:.8fr 1.2fr;gap:9px;margin-top:20px;display:grid}.adult-gate-actions a,.adult-gate-actions button{justify-content:center;min-height:43px}@media (max-width:520px){.adult-gate-dialog{padding:25px 19px}.adult-gate-dialog h2{font-size:20px}.adult-gate-actions{grid-template-columns:1fr}.adult-gate-actions .ghost-button{order:2}}.taxonomy-login-dialog{background:radial-gradient(circle at 50% 0,#7c3aed38,#0000 40%),linear-gradient(145deg,#171225,#0d0b14);border-color:#8b5cf642}.taxonomy-login-dialog .adult-gate-icon{color:#c4b5fd;background:#7c3aed24;border-color:#a78bfa4d}.taxonomy-login-dialog .adult-gate-eyebrow{color:#c4b5fd}.taxonomy-protected-loading{gap:16px;display:grid}.taxonomy-protected-loading>p{color:#ffffff6b;justify-content:center;align-items:center;gap:7px;margin:0;font-size:10px;display:flex}.taxonomy-protected-error{margin-top:8px}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}