*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-reading: "Lora", "Noto Serif", Georgia, serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .2);--shadow-glow: 0 0 20px var(--accent-glow);--z-dropdown: 100;--z-navbar: 200;--z-modal: 300;--z-toast: 400;--z-tts: 150;--navbar-height: 64px;--max-width: 1200px;--content-width: 720px}[data-theme=dark]{--bg-primary: hsl(230, 25%, 7%);--bg-secondary: hsl(230, 20%, 11%);--bg-tertiary: hsl(230, 18%, 15%);--bg-elevated: hsl(230, 16%, 18%);--bg-surface: hsl(230, 20%, 13%);--text-primary: hsl(220, 20%, 92%);--text-secondary: hsl(220, 15%, 60%);--text-tertiary: hsl(220, 12%, 42%);--text-inverse: hsl(230, 25%, 7%);--accent: hsl(265, 85%, 65%);--accent-hover: hsl(265, 85%, 72%);--accent-glow: hsla(265, 85%, 65%, .25);--accent-subtle: hsla(265, 85%, 65%, .1);--border-primary: hsla(220, 15%, 50%, .15);--border-secondary: hsla(220, 15%, 50%, .08);--gradient-hero: linear-gradient(135deg, hsl(265, 85%, 65%), hsl(220, 90%, 60%), hsl(330, 80%, 60%));--gradient-card: linear-gradient(145deg, hsla(265, 50%, 40%, .08), hsla(220, 50%, 40%, .04));--glass-bg: hsla(230, 20%, 12%, .8);--glass-border: hsla(220, 15%, 50%, .12);--success: hsl(145, 65%, 50%);--warning: hsl(40, 90%, 55%);--error: hsl(0, 75%, 60%);--info: hsl(210, 80%, 60%);color-scheme:dark}[data-theme=light]{--bg-primary: hsl(220, 20%, 97%);--bg-secondary: hsl(220, 15%, 100%);--bg-tertiary: hsl(220, 15%, 94%);--bg-elevated: hsl(0, 0%, 100%);--bg-surface: hsl(220, 15%, 96%);--text-primary: hsl(230, 25%, 15%);--text-secondary: hsl(220, 15%, 45%);--text-tertiary: hsl(220, 12%, 62%);--text-inverse: hsl(220, 20%, 97%);--accent: hsl(265, 75%, 55%);--accent-hover: hsl(265, 75%, 48%);--accent-glow: hsla(265, 75%, 55%, .2);--accent-subtle: hsla(265, 75%, 55%, .06);--border-primary: hsla(220, 15%, 30%, .12);--border-secondary: hsla(220, 15%, 30%, .06);--gradient-hero: linear-gradient(135deg, hsl(265, 75%, 55%), hsl(220, 80%, 50%), hsl(330, 70%, 50%));--gradient-card: linear-gradient(145deg, hsla(265, 40%, 50%, .05), hsla(220, 40%, 50%, .02));--glass-bg: hsla(220, 20%, 100%, .85);--glass-border: hsla(220, 15%, 30%, .1);--success: hsl(145, 60%, 42%);--warning: hsl(40, 85%, 48%);--error: hsl(0, 70%, 52%);--info: hsl(210, 75%, 50%);color-scheme:light}[data-theme=sepia]{--bg-primary: hsl(35, 30%, 90%);--bg-secondary: hsl(35, 35%, 93%);--bg-tertiary: hsl(35, 25%, 86%);--bg-elevated: hsl(35, 35%, 95%);--bg-surface: hsl(35, 30%, 91%);--text-primary: hsl(30, 30%, 18%);--text-secondary: hsl(30, 20%, 40%);--text-tertiary: hsl(30, 15%, 55%);--text-inverse: hsl(35, 30%, 90%);--accent: hsl(25, 70%, 45%);--accent-hover: hsl(25, 70%, 38%);--accent-glow: hsla(25, 70%, 45%, .2);--accent-subtle: hsla(25, 70%, 45%, .08);--border-primary: hsla(30, 20%, 30%, .15);--border-secondary: hsla(30, 20%, 30%, .08);--gradient-hero: linear-gradient(135deg, hsl(25, 70%, 45%), hsl(15, 60%, 40%), hsl(35, 65%, 50%));--gradient-card: linear-gradient(145deg, hsla(25, 40%, 45%, .06), hsla(35, 40%, 45%, .03));--glass-bg: hsla(35, 30%, 92%, .85);--glass-border: hsla(30, 20%, 30%, .1);--success: hsl(145, 55%, 38%);--warning: hsl(40, 80%, 45%);--error: hsl(0, 65%, 48%);--info: hsl(210, 70%, 45%);color-scheme:light}[data-theme=amoled]{--bg-primary: hsl(0, 0%, 0%);--bg-secondary: hsl(0, 0%, 5%);--bg-tertiary: hsl(0, 0%, 8%);--bg-elevated: hsl(0, 0%, 10%);--bg-surface: hsl(0, 0%, 4%);--text-primary: hsl(0, 0%, 85%);--text-secondary: hsl(0, 0%, 50%);--text-tertiary: hsl(0, 0%, 35%);--text-inverse: hsl(0, 0%, 0%);--accent: hsl(265, 80%, 60%);--accent-hover: hsl(265, 80%, 68%);--accent-glow: hsla(265, 80%, 60%, .2);--accent-subtle: hsla(265, 80%, 60%, .08);--border-primary: hsla(0, 0%, 50%, .12);--border-secondary: hsla(0, 0%, 50%, .06);--gradient-hero: linear-gradient(135deg, hsl(265, 80%, 60%), hsl(220, 85%, 55%), hsl(330, 75%, 55%));--gradient-card: linear-gradient(145deg, hsla(265, 40%, 35%, .1), hsla(220, 40%, 35%, .05));--glass-bg: hsla(0, 0%, 5%, .9);--glass-border: hsla(0, 0%, 50%, .1);--success: hsl(145, 65%, 50%);--warning: hsl(40, 90%, 55%);--error: hsl(0, 75%, 60%);--info: hsl(210, 80%, 60%);color-scheme:dark}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-ui);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;transition:background-color var(--transition-base),color var(--transition-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#app{min-height:100vh;display:flex;flex-direction:column}#main-content{flex:1;padding-top:var(--navbar-height)}h1,h2,h3,h4,h5,h6{font-family:var(--font-ui);font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:2.5rem}h2{font-size:1.75rem}h3{font-size:1.35rem}h4{font-size:1.1rem}p{margin-bottom:var(--space-md);color:var(--text-secondary)}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.content-width{max-width:var(--content-width);margin:0 auto}.gradient-text{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.65rem 1.4rem;border:none;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;line-height:1.4;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--accent)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--accent-subtle);color:var(--accent)}.btn-sm{padding:.4rem .9rem;font-size:.8rem}.btn-lg{padding:.85rem 2rem;font-size:1rem}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-full)}.input{width:100%;padding:.65rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-ui);font-size:.9rem;transition:all var(--transition-fast);outline:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input::placeholder{color:var(--text-tertiary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton{background:var(--bg-tertiary);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes glow{0%,to{box-shadow:0 0 8px var(--accent-glow)}50%{box-shadow:0 0 20px var(--accent-glow)}}.animate-fade-in{animation:fadeIn .4s ease-out both}.animate-fade-in-up{animation:fadeInUp .5s ease-out both}.stagger-children>*{animation:fadeInUp .4s ease-out both}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:60ms}.stagger-children>*:nth-child(3){animation-delay:.12s}.stagger-children>*:nth-child(4){animation-delay:.18s}.stagger-children>*:nth-child(5){animation-delay:.24s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.36s}.stagger-children>*:nth-child(8){animation-delay:.42s}::selection{background:var(--accent);color:#fff}@media(max-width:768px){:root{--navbar-height: 56px}h1{font-size:1.75rem}h2{font-size:1.35rem}h3{font-size:1.15rem}.container{padding:0 var(--space-md)}}@media(max-width:480px){h1{font-size:1.5rem}.btn{padding:.55rem 1.1rem;font-size:.85rem}}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--glass-border);z-index:var(--z-navbar);transition:all var(--transition-base)}.navbar-brand{display:flex;align-items:center;gap:var(--space-sm);font-size:1.25rem;font-weight:700;color:var(--text-primary);text-decoration:none}.navbar-brand .logo-icon{font-size:1.5rem}.navbar-brand span{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-actions{display:flex;align-items:center;gap:var(--space-sm)}.navbar-search{position:relative;width:220px;transition:width var(--transition-base)}.navbar-search:focus-within{width:320px}.navbar-search input{width:100%;padding:.45rem 1rem .45rem 2.4rem;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-full);color:var(--text-primary);font-size:.85rem;outline:none;transition:all var(--transition-fast)}.navbar-search input:focus{border-color:var(--accent);background:var(--bg-secondary)}.navbar-search .search-icon{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.theme-toggle{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-secondary);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:1.1rem;transition:all var(--transition-fast)}.theme-toggle:hover{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.hero{position:relative;padding:var(--space-3xl) 0;text-align:center;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:-20%;width:140%;height:200%;background:radial-gradient(ellipse at 30% 50%,var(--accent-glow) 0%,transparent 50%),radial-gradient(ellipse at 70% 50%,hsla(220,90%,60%,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.hero-content{position:relative;z-index:1}.hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin-bottom:var(--space-md);letter-spacing:-.02em}.hero-subtitle{font-size:1.15rem;color:var(--text-secondary);margin-bottom:var(--space-xl);font-weight:400}.hero-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm)}.section-title{display:flex;align-items:center;gap:var(--space-sm);font-size:1.3rem;font-weight:600}.section-title .icon{font-size:1.2rem}.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-lg)}.story-card{position:relative;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-base)}.story-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:var(--accent)}.story-card-cover{position:relative;width:100%;aspect-ratio:3/4;background:var(--gradient-card);overflow:hidden;display:flex;align-items:center;justify-content:center}.story-card-cover .cover-placeholder{font-size:3rem;opacity:.5}.story-card-cover img{width:100%;height:100%;object-fit:cover}.story-card-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);padding:2px 8px;background:var(--accent);color:#fff;border-radius:var(--radius-full);font-size:.7rem;font-weight:600}.story-card-info{padding:var(--space-md)}.story-card-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-card-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:.78rem;color:var(--text-tertiary)}.story-card-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--text-tertiary)}.chapter-list{display:flex;flex-direction:column;gap:2px}.chapter-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;color:var(--text-primary)}.chapter-item:hover{background:var(--accent-subtle);color:var(--accent)}.chapter-item.read{opacity:.5}.chapter-item .chapter-number{font-size:.82rem;color:var(--text-tertiary);min-width:60px}.chapter-item .chapter-title{flex:1;font-size:.9rem}.chapter-item .chapter-words{font-size:.75rem;color:var(--text-tertiary)}.story-detail-header{display:flex;gap:var(--space-xl);margin-bottom:var(--space-xl)}.story-detail-cover{width:200px;min-width:200px;aspect-ratio:3/4;background:var(--gradient-card);border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:4rem;border:1px solid var(--border-secondary)}.story-detail-info{flex:1}.story-detail-info h1{font-size:1.8rem;margin-bottom:var(--space-sm)}.story-detail-meta{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-md);color:var(--text-secondary);font-size:.9rem}.story-detail-meta .meta-item{display:flex;align-items:center;gap:var(--space-xs)}.story-detail-description{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-lg)}.story-detail-actions{display:flex;gap:var(--space-md)}.dropzone{position:relative;border:2px dashed var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-3xl) var(--space-xl);text-align:center;cursor:pointer;transition:all var(--transition-base);background:var(--bg-secondary)}.dropzone:hover,.dropzone.dragover{border-color:var(--accent);background:var(--accent-subtle)}.dropzone.dragover{transform:scale(1.01);box-shadow:var(--shadow-glow)}.dropzone-icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.6}.dropzone-title{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.dropzone-subtitle{font-size:.85rem;color:var(--text-tertiary)}.dropzone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}#toast-container{position:fixed;top:calc(var(--navbar-height) + var(--space-md));right:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);z-index:var(--z-toast);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-md);font-size:.88rem;color:var(--text-primary);animation:slideInRight .3s ease-out;pointer-events:auto;max-width:380px;box-shadow:var(--shadow-lg)}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--error)}.toast.warning{border-left:3px solid var(--warning)}.toast.info{border-left:3px solid var(--info)}.toast.removing{animation:slideOutRight .3s ease-in forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:var(--space-md);opacity:.4}.empty-state-title{font-size:1.2rem;font-weight:600;margin-bottom:var(--space-sm)}.empty-state-text{color:var(--text-tertiary);font-size:.9rem;margin-bottom:var(--space-lg)}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-primary)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;transition:all var(--transition-fast)}.stat-card:hover{border-color:var(--accent);box-shadow:var(--shadow-glow)}.stat-card .stat-value{font-size:2rem;font-weight:700;color:var(--accent);margin-bottom:var(--space-xs)}.stat-card .stat-label{font-size:.85rem;color:var(--text-tertiary)}.admin-table{width:100%;border-collapse:separate;border-spacing:0 4px}.admin-table th{padding:var(--space-sm) var(--space-md);text-align:left;font-size:.78rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.admin-table td{padding:var(--space-sm) var(--space-md);font-size:.88rem;background:var(--bg-secondary)}.admin-table tr td:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.admin-table tr td:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.login-container{max-width:400px;margin:var(--space-3xl) auto;padding:var(--space-xl);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl)}.login-container h2{text-align:center;margin-bottom:var(--space-xl)}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-xs)}.progress-bar{width:100%;height:3px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width var(--transition-base);box-shadow:0 0 8px var(--accent-glow)}.parse-preview{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:var(--space-lg)}.parse-preview h3{margin-bottom:var(--space-md)}.parse-preview-meta{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-md);font-size:.9rem;color:var(--text-secondary)}.parse-preview-chapters{max-height:300px;overflow-y:auto;border:1px solid var(--border-secondary);border-radius:var(--radius-md)}@media(max-width:768px){.navbar-search{width:160px}.navbar-search:focus-within{width:200px}.story-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-md)}.story-detail-header{flex-direction:column;align-items:center;text-align:center}.story-detail-cover{width:160px;min-width:auto}.story-detail-actions{justify-content:center}.hero{padding:var(--space-xl) 0}.admin-stats{grid-template-columns:repeat(2,1fr)}.package-grid,.wallet-cards{grid-template-columns:1fr}}@media(max-width:480px){.navbar-search{display:none}.story-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.story-card-info{padding:var(--space-sm)}.story-card-title{font-size:.82rem}.nav-login-btn{font-size:.75rem;padding:.3rem .7rem}}.auth-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:var(--space-xl)}.auth-logo{font-size:3rem;margin-bottom:var(--space-sm)}.auth-title{font-size:1.6rem;font-weight:700;margin-bottom:var(--space-xs)}.auth-subtitle{color:var(--text-tertiary);font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:var(--space-sm)}.form-label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-xs)}.form-input{width:100%;padding:.65rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;outline:none;transition:all var(--transition-fast);box-sizing:border-box}.form-input:focus{border-color:var(--accent);background:var(--bg-primary)}.form-hint{font-size:.78rem;color:var(--text-tertiary);margin-top:4px;display:block}.auth-switch{text-align:center;margin-top:var(--space-lg);font-size:.9rem;color:var(--text-tertiary)}.auth-switch a{color:var(--accent);text-decoration:none;font-weight:600}.auth-benefits{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--accent-subtle);border-radius:var(--radius-md);border:1px solid var(--accent)}.auth-benefits h3{font-size:1rem;margin-bottom:var(--space-sm)}.auth-benefits ul{list-style:none;padding:0;margin:0}.auth-benefits li{padding:var(--space-xs) 0;font-size:.88rem;color:var(--text-secondary)}.vip-badge{display:inline-block;padding:2px 10px;background:linear-gradient(135deg,gold,orange);color:#1a1a1a;font-size:.7rem;font-weight:700;border-radius:var(--radius-full);vertical-align:middle;margin-left:var(--space-xs);text-transform:uppercase;letter-spacing:.05em}.free-badge{display:inline-block;padding:2px 10px;background:var(--success);color:#fff;font-size:.7rem;font-weight:700;border-radius:var(--radius-full);vertical-align:middle;margin-left:var(--space-xs)}.chapter-item.vip-chapter{border-left:3px solid #FFD700}.chapter-lock{font-size:.8rem;margin-left:var(--space-xs)}.navbar-coins{display:flex;align-items:center;gap:4px;padding:.3rem .7rem;background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:.82rem;font-weight:600;color:var(--warning);text-decoration:none;transition:all var(--transition-fast)}.navbar-coins:hover{background:var(--accent-subtle)}.navbar-user{position:relative;display:flex;align-items:center;text-decoration:none}.nav-avatar{width:34px;height:34px;border-radius:50%;background:var(--gradient-hero);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.85rem}.nav-vip-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;background:gold;border:2px solid var(--bg-primary);border-radius:50%}.nav-login-btn{font-size:.82rem;padding:.35rem .9rem;white-space:nowrap}.nav-link-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;text-decoration:none;font-size:1.1rem}.profile-header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-primary)}.profile-avatar{width:72px;height:72px;border-radius:50%;background:var(--gradient-hero);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;flex-shrink:0}.profile-info{flex:1}.profile-name{font-size:1.4rem;font-weight:700;margin-bottom:2px}.profile-username{font-size:.85rem;color:var(--text-tertiary)}.profile-actions{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.wallet-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md);margin-top:var(--space-md)}.wallet-card{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;transition:all var(--transition-fast)}.wallet-card:hover{border-color:var(--accent);box-shadow:var(--shadow-glow)}.wallet-icon{font-size:1.5rem;margin-bottom:var(--space-xs)}.wallet-value{font-size:1.6rem;font-weight:700;color:var(--accent)}.wallet-label{font-size:.8rem;color:var(--text-tertiary);margin-top:2px}.coin-card{border-left:3px solid var(--warning)}.vip-card{border-left:3px solid #FFD700}.spent-card{border-left:3px solid var(--info)}.wallet-balance-hero{text-align:center;padding:var(--space-2xl);margin-bottom:var(--space-xl);background:var(--gradient-card);border-radius:var(--radius-xl);border:1px solid var(--border-secondary)}.balance-amount{font-size:3rem;font-weight:700;color:var(--warning)}.balance-label{font-size:.9rem;color:var(--text-tertiary)}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.package-card,.vip-pkg-card{position:relative;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-md);text-align:center;cursor:pointer;transition:all var(--transition-base)}.package-card:hover,.vip-pkg-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.package-card.popular,.vip-pkg-card.popular{border-color:var(--accent)}.pkg-badge{position:absolute;top:-10px;right:var(--space-md);padding:2px 10px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;border-radius:var(--radius-full)}.pkg-coins,.vip-price{font-size:1.5rem;font-weight:700;color:var(--accent)}.pkg-coins span,.vip-price span{font-size:.9rem;font-weight:400;color:var(--text-secondary)}.pkg-price{font-size:1rem;color:var(--text-secondary);margin-top:var(--space-xs)}.pkg-bonus{font-size:.8rem;color:var(--success);margin-top:var(--space-xs);font-weight:600}.vip-duration{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--space-xs)}.vip-perday{font-size:.78rem;color:var(--text-tertiary);margin-top:var(--space-xs)}.qr-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.qr-modal{position:relative;background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-2xl);max-width:420px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid var(--border-primary)}.qr-modal h2{text-align:center;margin-bottom:var(--space-lg);font-size:1.2rem}.qr-close{position:absolute;top:var(--space-md);right:var(--space-md);background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--text-tertiary)}.qr-image-wrap{text-align:center;margin-bottom:var(--space-lg)}.qr-image{max-width:260px;width:100%;border-radius:var(--radius-md)}.qr-details{display:flex;flex-direction:column;gap:var(--space-sm)}.qr-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0;border-bottom:1px solid var(--border-secondary);font-size:.88rem}.qr-row span{color:var(--text-tertiary)}.qr-amount{color:var(--success);font-size:1.1rem}.qr-txcode{color:var(--accent);font-family:monospace}.qr-note{text-align:center;font-size:.8rem;color:var(--text-tertiary);margin-top:var(--space-md)}.vip-lock-container{position:relative}.vip-preview-text{color:var(--text-primary);line-height:1.8;filter:blur(4px);-webkit-user-select:none;user-select:none;max-height:200px;overflow:hidden}.vip-lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,transparent 0%,var(--bg-primary) 40%)}.vip-lock-card{text-align:center;padding:var(--space-2xl);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);max-width:360px;width:90%;box-shadow:var(--shadow-lg)}.lock-icon{font-size:3rem;margin-bottom:var(--space-sm)}.vip-lock-card h3{font-size:1.2rem;margin-bottom:var(--space-xs)}.lock-price{margin:var(--space-md) 0}.lock-coins{font-size:1.4rem;font-weight:700;color:var(--warning)}.lock-balance{font-size:.82rem;color:var(--text-tertiary);margin-top:var(--space-sm)}.lock-hint{font-size:.85rem;color:var(--text-secondary);margin-top:var(--space-sm)}.referral-hero{background:var(--gradient-card);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center}.ref-code-wrap{margin-bottom:var(--space-xl)}.ref-label{font-size:.85rem;color:var(--text-tertiary);display:block;margin-bottom:var(--space-xs)}.ref-code{font-size:2.5rem;font-weight:700;letter-spacing:.2em;color:var(--accent);font-family:monospace;margin-bottom:var(--space-md)}.ref-reward-info{display:flex;justify-content:center;gap:var(--space-xl);flex-wrap:wrap}.ref-reward{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.85rem;color:var(--text-secondary)}.ref-reward strong{font-size:1.2rem;color:var(--warning)}.ref-list{display:flex;flex-direction:column;gap:2px}.ref-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:.88rem}.ref-friend-name{font-weight:600}.ref-friend-date{color:var(--text-tertiary);font-size:.8rem}.ref-friend-bonus{color:var(--success);font-weight:600}.transaction-list{display:flex;flex-direction:column;gap:2px}.transaction-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-sm)}.tx-left{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0}.tx-icon{font-size:1.2rem;flex-shrink:0}.tx-desc{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-date{font-size:.75rem;color:var(--text-tertiary)}.tx-amount{font-weight:700;font-size:.9rem;white-space:nowrap}.tx-amount.positive{color:var(--success)}.tx-amount.negative{color:var(--error)}.tx-status{font-size:.75rem;white-space:nowrap}.tx-pending{color:var(--warning)}.tx-approved{color:var(--success)}.tx-rejected{color:var(--error)}.page-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.admin-tabs{display:flex;gap:0;margin-bottom:var(--space-xl);border-bottom:2px solid var(--border-primary)}.admin-tab{padding:var(--space-sm) var(--space-lg);font-size:.9rem;font-weight:600;color:var(--text-tertiary);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--transition-fast)}.admin-tab:hover{color:var(--text-primary)}.admin-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.admin-tab-badge{display:inline-block;min-width:18px;padding:1px 6px;background:var(--error);color:#fff;font-size:.65rem;font-weight:700;border-radius:var(--radius-full);margin-left:4px;text-align:center}.lucky-wheel-container{max-width:800px;margin:0 auto;padding:var(--space-xl) var(--space-lg) var(--space-3xl)}.lucky-wheel-header{text-align:center;margin-bottom:var(--space-2xl)}.lucky-wheel-title{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-xs)}.lucky-wheel-subtitle{color:var(--text-secondary);font-size:1rem}.lucky-wheel-body{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-2xl);align-items:center}@media(max-width:768px){.lucky-wheel-body{grid-template-columns:1fr;gap:var(--space-xl);text-align:center}}.wheel-box{position:relative;display:flex;flex-direction:column;align-items:center;margin:0 auto}.wheel-pointer{font-size:2.5rem;line-height:1;z-index:10;margin-bottom:-15px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.wheel-outer{position:relative;width:320px;height:320px;border-radius:50%;padding:4px;background:gold;box-shadow:0 10px 30px #0006}.wheel{width:100%;height:100%;border-radius:50%;position:relative;overflow:hidden;background:conic-gradient(#f36,#f36 60deg,#f90 60deg,#f90 120deg,#3c3 120deg,#3c3 180deg,#39f 180deg,#39f 240deg,#93f 240deg,#93f 300deg,#e6b800 300deg,#e6b800 360deg);transition:transform 4s cubic-bezier(.1,.8,.25,1)}.wheel-segment{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;padding-top:30px;transform-origin:50% 50%;transform:rotate(calc(var(--i) * 60deg + 30deg));color:#fff;font-weight:800;font-size:.9rem;text-shadow:1px 1px 3px rgba(0,0,0,.8);pointer-events:none}.wheel-spin-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;border:4px solid #fff;background:radial-gradient(circle,#fff,#e6b800);color:#333;font-weight:900;font-size:.95rem;cursor:pointer;box-shadow:0 4px 10px #0006,inset 0 2px 4px #fffc;transition:all var(--transition-fast);z-index:5}.wheel-spin-btn:hover:not(:disabled){transform:translate(-50%,-50%) scale(1.08);box-shadow:0 6px 15px #e6b80066}.wheel-spin-btn:disabled{opacity:.8;cursor:not-allowed}.wheel-info-card{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md)}.user-balance-box{display:flex;flex-direction:column;gap:var(--space-sm);border-bottom:1px solid var(--border-secondary);padding-bottom:var(--space-md)}.balance-item{display:flex;justify-content:space-between;font-size:1.05rem}.balance-item .label{color:var(--text-secondary)}.balance-item .value{font-weight:700;color:var(--warning)}.badge-free{background:var(--success);color:#fff;padding:2px 8px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:700}.badge-cost{background:var(--bg-tertiary);color:var(--text-primary);padding:2px 8px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600}.wheel-rules h3{font-size:1rem;margin-bottom:var(--space-xs);color:var(--text-primary)}.wheel-rules ul{padding-left:var(--space-md);color:var(--text-secondary);font-size:.88rem;display:flex;flex-direction:column;gap:4px}.leaderboard-container{max-width:680px;margin:0 auto;padding:var(--space-xl) var(--space-lg) var(--space-3xl)}.leaderboard-tabs{display:flex;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:4px;margin-bottom:var(--space-xl)}.leaderboard-tab{flex:1;text-align:center;padding:var(--space-sm) 0;font-size:.95rem;font-weight:700;color:var(--text-tertiary);background:none;border:none;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base)}.leaderboard-tab.active{background:var(--bg-primary);color:var(--accent);box-shadow:var(--shadow-sm)}.leaderboard-list{display:flex;flex-direction:column;gap:var(--space-sm)}.leaderboard-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.leaderboard-item:hover{transform:translate(4px);border-color:var(--border-primary)}.leaderboard-rank{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;border-radius:50%;flex-shrink:0}.rank-1{background:gold;color:#333;box-shadow:0 0 10px #ffd70066}.rank-2{background:silver;color:#333}.rank-3{background:#cd7f32;color:#fff}.rank-other{color:var(--text-tertiary);border:2px solid var(--border-secondary)}.leaderboard-cover{width:48px;height:64px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--bg-tertiary);border:1px solid var(--border-secondary)}.leaderboard-info{flex:1;min-width:0}.leaderboard-item-title{font-weight:700;font-size:.95rem;margin-bottom:2px}.leaderboard-item-title a{text-decoration:none;color:var(--text-primary)}.leaderboard-item-title a:hover{color:var(--accent)}.leaderboard-item-meta{font-size:.8rem;color:var(--text-tertiary)}.leaderboard-score{font-weight:800;font-size:1.05rem;color:var(--accent);display:flex;align-items:center;gap:4px}.story-support-card{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);padding:var(--space-xl);margin-top:var(--space-2xl)}.support-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-secondary);padding-bottom:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-sm)}.support-title{font-size:1.15rem;font-weight:700;display:flex;align-items:center;gap:8px;white-space:nowrap}.support-stats{font-size:.82rem;color:var(--text-secondary);display:flex;gap:12px}.support-stats span{display:flex;align-items:center;gap:4px}.support-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-xl)}@media(max-width:600px){.support-grid{grid-template-columns:1fr;gap:var(--space-lg)}}.support-col-left{display:flex;flex-direction:column;gap:var(--space-xs);border-right:1px solid var(--border-secondary);padding-right:var(--space-xl)}@media(max-width:600px){.support-col-left{border-right:none;padding-right:0;border-bottom:1px solid var(--border-secondary);padding-bottom:var(--space-md)}}.vote-controls{display:flex;gap:var(--space-sm);margin-top:var(--space-xs)}.vote-input{width:70px;padding:.5rem;text-align:center;border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-primary);font-weight:700}.support-col-right{display:flex;flex-direction:column;gap:var(--space-xs)}.gift-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-top:var(--space-xs)}.gift-item-btn{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.gift-item-btn:hover{border-color:var(--accent);transform:translateY(-2px)}.gift-emoji{font-size:1.5rem;margin-bottom:2px}.gift-name{font-size:.8rem;font-weight:600;color:var(--text-primary)}.gift-cost{font-size:.72rem;color:var(--warning);font-weight:700;margin-top:2px}.offline-download-btn{display:flex;align-items:center;gap:6px;padding:.4rem .8rem;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);font-size:.82rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.offline-download-btn:hover{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent)}.ai-continue-section{margin:var(--space-2xl) 0;text-align:center}.ai-continue-btn{display:inline-flex;align-items:center;gap:8px;padding:var(--space-sm) var(--space-xl);background:linear-gradient(135deg,#93f,#39f);color:#fff;border-radius:var(--radius-full);font-weight:700;cursor:pointer;border:none;box-shadow:0 4px 15px #9933ff4d;transition:all var(--transition-base)}.ai-continue-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9933ff73}.ai-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.ai-modal{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-xl);max-width:500px;width:100%;box-shadow:var(--shadow-xl);position:relative}.ai-modal-close{position:absolute;top:var(--space-md);right:var(--space-md);background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-tertiary)}.ai-modal-title{font-size:1.2rem;font-weight:700;margin-bottom:var(--space-xs);display:flex;align-items:center;gap:8px}.ai-modal-hint{font-size:.8rem;color:var(--text-tertiary);margin-bottom:var(--space-md)}.ai-modal-input{width:100%;height:80px;padding:var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-primary);resize:none;font-family:inherit;font-size:.88rem;margin-bottom:var(--space-md)}.ai-modal-output{min-height:120px;max-height:240px;overflow-y:auto;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--space-md);font-size:.92rem;line-height:1.6;color:var(--text-secondary);margin-bottom:var(--space-md);white-space:pre-wrap}.ai-modal-output.loading{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.ai-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm)}.toc-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10000;opacity:0;pointer-events:none;transition:opacity .3s ease}.toc-drawer-overlay.open{opacity:1;pointer-events:auto}.toc-drawer{position:fixed;top:0;right:-320px;bottom:0;width:320px;background:var(--bg-secondary);border-left:1px solid var(--border-secondary);z-index:10001;transition:right .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}.toc-drawer.open{right:0}.toc-drawer-header{padding:var(--space-md);border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;align-items:center}.toc-drawer-title{font-weight:700;font-size:1.05rem;color:var(--text-primary);margin:0}.toc-drawer-close{background:none;border:none;font-size:1.6rem;cursor:pointer;color:var(--text-secondary);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.toc-drawer-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.toc-drawer-content{flex:1;overflow-y:auto;padding:var(--space-xs) 0}.toc-drawer-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);color:var(--text-primary);text-decoration:none;border-bottom:1px solid var(--border-secondary);font-size:.88rem;transition:background .2s;cursor:pointer}.toc-drawer-item:hover{background:var(--bg-tertiary)}.toc-drawer-item.active{color:var(--accent);font-weight:700;background:var(--accent-subtle);border-left:3px solid var(--accent)}.toc-drawer-item-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--space-xs)}.toc-drawer-item-lock{font-size:.85rem;opacity:.85}.tu-vi-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;font-size:.72rem;font-weight:800;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent;box-shadow:0 2px 4px #00000026;margin-left:6px;vertical-align:middle}.badge-phamnhan{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-secondary)}.badge-luyenkhi{background:linear-gradient(135deg,#1abc9c,#16a085);color:#fff;box-shadow:0 0 5px #1abc9c4d}.badge-trucco{background:linear-gradient(135deg,#e67e22,#d35400);color:#fff;box-shadow:0 0 6px #e67e2266}.badge-kimdan{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;box-shadow:0 0 7px #2ecc7166}.badge-nguyenanh{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;box-shadow:0 0 8px #3498db66}.badge-hoathan{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;box-shadow:0 0 10px #9b59b680;border:1px solid rgba(255,255,255,.1)}.badge-daide{background:linear-gradient(45deg,#f36,#f0c,#93f);color:#fff;box-shadow:0 0 12px #ff3366b3;animation:shine-glow 2s infinite alternate;border:1px solid rgba(255,255,255,.2)}@keyframes shine-glow{0%{filter:brightness(1)}to{filter:brightness(1.2) drop-shadow(0 0 6px #ff3366)}}.xp-progress-container{margin-top:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-full);padding:2px;border:1px solid var(--border-secondary)}.xp-progress-bar-wrap{width:100%;height:12px;background:#ffffff0d;border-radius:var(--radius-full);overflow:hidden;position:relative}.xp-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-glow) 100%);border-radius:var(--radius-full);transition:width .4s ease}.xp-text{display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-tertiary);margin-top:4px}.checkin-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-xl)}.checkin-calendar{display:flex;gap:var(--space-sm);justify-content:space-between;margin-top:var(--space-md);overflow-x:auto;padding:var(--space-xs) 0}.checkin-day{flex:1;min-width:48px;padding:var(--space-sm) var(--space-xs);background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);text-align:center;font-size:.8rem;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.checkin-day.checked{background:var(--accent-subtle);border-color:var(--accent)}.checkin-day.checked .day-status{color:var(--success)}.checkin-day .day-num{font-weight:700}.checkin-day .day-gift{font-size:1rem}.checkin-btn{width:100%;padding:.8rem;font-weight:700;border-radius:var(--radius-lg);border:none;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-glow) 100%);color:#fff;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 10px rgba(var(--accent-rgb),.2)}.checkin-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 15px rgba(var(--accent-rgb),.4)}.checkin-btn:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;box-shadow:none}.quests-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-xl)}.quests-list{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md)}.quest-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);gap:var(--space-md)}.quest-left{flex:1;min-width:0}.quest-name{font-weight:700;font-size:.95rem;margin-bottom:var(--space-xs);color:var(--text-primary)}.quest-reward-row{display:flex;gap:12px;font-size:.78rem;color:var(--warning);font-weight:600}.quest-reward-row span{display:flex;align-items:center;gap:3px}.quest-reward-row .reward-xp{color:var(--info)}.quest-progress-text{font-size:.75rem;color:var(--text-tertiary);margin-top:4px}.quest-right{flex-shrink:0}.quest-btn{padding:.5rem 1rem;font-size:.8rem;font-weight:700;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast)}.quest-btn.incomplete{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-secondary);cursor:default}.quest-btn.claimable{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;box-shadow:0 0 10px #2ecc7166}.quest-btn.claimable:hover{transform:scale(1.05)}.quest-btn.rewarded{background:var(--bg-secondary);color:var(--text-tertiary);cursor:not-allowed}.chat-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10000;opacity:0;pointer-events:none;transition:opacity .3s ease}.chat-drawer-overlay.open{opacity:1;pointer-events:auto}.chat-drawer{position:fixed;top:0;right:-420px;bottom:0;width:420px;max-width:100%;background:var(--bg-secondary);border-left:1px solid var(--border-primary);z-index:10001;transition:right .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;box-shadow:var(--shadow-2xl)}.chat-drawer.open{right:0}.chat-drawer-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-secondary);display:flex;align-items:center;gap:var(--space-md);background:var(--bg-tertiary)}.chat-char-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--accent);object-fit:cover}.chat-char-info{flex:1}.chat-char-name{font-weight:700;font-size:1rem;color:var(--text-primary);display:flex;align-items:center;gap:6px}.chat-char-status{font-size:.72rem;color:var(--success);display:flex;align-items:center;gap:3px}.chat-char-status:before{content:"";display:inline-block;width:6px;height:6px;background:var(--success);border-radius:50%}.chat-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-close-btn:hover{background:#ffffff0d}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);background:var(--bg-primary)}.chat-bubble-wrap{display:flex;flex-direction:column;max-width:80%}.chat-bubble-wrap.ai{align-self:flex-start;align-items:flex-start}.chat-bubble-wrap.user{align-self:flex-end;align-items:flex-end}.chat-bubble{padding:10px 14px;border-radius:var(--radius-lg);font-size:.9rem;line-height:1.45;white-space:pre-wrap;box-shadow:0 1px 2px #0000001a}.chat-bubble-wrap.ai .chat-bubble{background:var(--bg-secondary);color:var(--text-primary);border-top-left-radius:2px;border:1px solid var(--border-secondary)}.chat-bubble-wrap.user .chat-bubble{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-glow) 100%);color:#fff;border-top-right-radius:2px}.chat-msg-time{font-size:.7rem;color:var(--text-tertiary);margin-top:4px}.chat-input-bar{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-secondary);background:var(--bg-tertiary);display:flex;flex-direction:column;gap:var(--space-sm)}.chat-input-row{display:flex;gap:var(--space-sm);align-items:center}.chat-text-input{flex:1;padding:.7rem 1rem;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-full);color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color var(--transition-fast)}.chat-text-input:focus{border-color:var(--accent)}.chat-send-btn{width:38px;height:38px;border-radius:50%;border:none;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all var(--transition-fast)}.chat-send-btn:hover:not(:disabled){background:var(--accent-glow);transform:scale(1.05)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-price-hint{font-size:.72rem;color:var(--text-tertiary);text-align:center}.typing-dots{display:flex;gap:4px;align-items:center;height:18px}.typing-dot{width:6px;height:6px;background:var(--text-secondary);border-radius:50%;animation:typing-bounce 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.arcade-tab-bar{display:flex;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:4px;margin-bottom:var(--space-xl);max-width:480px;margin-left:auto;margin-right:auto}.arcade-tab-btn{flex:1;text-align:center;padding:var(--space-sm) 0;font-size:.95rem;font-weight:700;color:var(--text-tertiary);background:none;border:none;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base)}.arcade-tab-btn.active{background:var(--bg-primary);color:var(--accent);box-shadow:var(--shadow-sm)}.gacha-play-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);max-width:640px;margin:0 auto}.gacha-chest-display{display:flex;justify-content:center;align-items:center;height:240px;width:100%;position:relative}.chest-model-css{width:140px;height:140px;font-size:6rem;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:transform .2s ease;filter:drop-shadow(0 10px 20px rgba(0,0,0,.4))}.chest-model-css.shake{animation:chest-shake-anim .5s infinite}.chest-model-css.glow:after{content:"";position:absolute;width:100px;height:100px;background:radial-gradient(circle,rgba(var(--accent-rgb),.5) 0%,transparent 70%);border-radius:50%;z-index:-1;animation:chest-glow-pulse 1.5s infinite}@keyframes chest-shake-anim{0%{transform:rotate(0)}10%{transform:rotate(-5deg)}20%{transform:rotate(5deg)}30%{transform:rotate(-5deg)}40%{transform:rotate(5deg)}50%{transform:rotate(0)}60%{transform:rotate(-3deg)}70%{transform:rotate(3deg)}80%{transform:rotate(-3deg)}90%{transform:rotate(3deg)}to{transform:rotate(0)}}@keyframes chest-glow-pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.5);opacity:.8}}.gacha-btn-wrap{text-align:center}.gacha-open-btn{padding:.85rem 2.2rem;font-size:1.1rem;font-weight:800;border-radius:var(--radius-full);border:none;background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 15px #e67e2266}.gacha-open-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #e67e2299}.gacha-open-btn:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;box-shadow:none}.gacha-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10002;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);opacity:0;pointer-events:none;transition:opacity .35s ease}.gacha-modal-overlay.open{opacity:1;pointer-events:auto}.gacha-modal{background:radial-gradient(circle at top,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:2px solid #FFD700;border-radius:var(--radius-2xl);padding:var(--space-2xl);max-width:440px;width:100%;text-align:center;box-shadow:0 0 30px #ffd7004d;transform:scale(.85);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.gacha-modal-overlay.open .gacha-modal{transform:scale(1)}.gacha-prize-title{font-size:1.4rem;font-weight:800;color:gold;margin-bottom:var(--space-md);text-shadow:0 2px 4px rgba(0,0,0,.5)}.gacha-prize-chest{font-size:5.5rem;line-height:1;margin:var(--space-lg) 0;animation:prize-pop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes prize-pop{0%{transform:scale(.2)}80%{transform:scale(1.1)}to{transform:scale(1)}}.gacha-reward-pills{display:flex;justify-content:center;gap:var(--space-sm);margin-top:var(--space-md)}.gacha-pill{padding:var(--space-xs) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-full);font-size:.85rem;font-weight:700}.gacha-pill.coins{border-color:var(--warning);color:var(--warning)}.gacha-pill.xp{border-color:var(--info);color:var(--info)}.gacha-pill.vip{border-color:gold;color:gold}.gacha-modal-footer{margin-top:var(--space-xl)}.tts-timer-select{padding:.35rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-size:.82rem;outline:none;cursor:pointer;transition:border-color var(--transition-fast)}.tts-timer-select:focus{border-color:var(--accent)}.story-detail-main-title{font-size:1.8rem;font-weight:800;margin-bottom:var(--space-xs);color:var(--text-primary);line-height:1.3}.story-detail-rating-row{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--space-lg)}.story-detail-rating-row strong{color:var(--text-primary)}.story-detail-rating-row .rating-highlight{color:var(--warning);font-size:1rem}.story-detail-header-new{display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg)}.story-detail-cover-new{position:relative;width:150px;min-width:150px;aspect-ratio:3/4;background:var(--gradient-card);border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:3rem;border:1px solid var(--border-secondary);box-shadow:var(--shadow-sm)}.story-detail-cover-new img{width:100%;height:100%;object-fit:cover}.story-detail-cover-new .cover-vip-badge{position:absolute;bottom:0;left:0;background:#ffb700;color:#000;font-weight:800;font-size:.7rem;padding:2px 8px;border-top-right-radius:var(--radius-sm);text-transform:uppercase;z-index:2}.story-detail-info-new{flex:1;display:flex;flex-direction:column;justify-content:space-between;font-size:.9rem;color:var(--text-secondary)}.story-meta-list{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-sm)}.story-meta-row{display:flex;align-items:baseline;gap:var(--space-xs)}.story-meta-row strong{min-width:85px;color:var(--text-secondary);font-weight:400}.story-meta-row span{color:var(--text-primary);font-weight:500}.story-meta-row .status-badge{color:var(--success);font-weight:600}.latest-chapters-mini{margin-top:var(--space-xs);border-top:1px dashed var(--border-secondary);padding-top:var(--space-xs)}.latest-chapters-mini h4{font-size:.9rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs)}.latest-chapters-mini ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.latest-chapters-mini li a{display:block;font-size:.85rem;color:var(--text-secondary);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.latest-chapters-mini li a:hover{color:var(--primary)}.story-detail-actions-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-bottom:var(--space-lg)}.btn-action-main{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;transition:all var(--transition-fast);border:none;outline:none}.btn-action-primary{background:var(--gradient-primary);color:#fff}.btn-action-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.btn-action-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-action-success:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-action-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-action-secondary:hover{background:var(--border-secondary);transform:translateY(-2px)}.btn-action-download{grid-column:span 3;background:transparent;color:var(--text-tertiary);font-size:.85rem;padding:var(--space-xs);border-radius:var(--radius-sm);border:1px dashed var(--border-secondary);margin-top:calc(-1 * var(--space-xs));margin-bottom:var(--space-md)}.btn-action-download:hover{color:var(--text-primary);border-color:var(--text-secondary);background:var(--bg-card-hover)}.story-detail-description-box{border-top:1px solid var(--border-secondary);padding-top:var(--space-lg);margin-bottom:var(--space-xl)}.story-detail-description-box h3{font-size:1.1rem;font-weight:700;margin-bottom:var(--space-sm);color:var(--text-primary)}.story-detail-description-text{color:var(--text-secondary);line-height:1.7;font-size:.95rem;white-space:pre-line}@media(max-width:480px){.story-detail-header-new{gap:var(--space-md)}.story-detail-cover-new{width:120px;min-width:120px}.story-detail-actions-row{grid-template-columns:1fr;gap:var(--space-xs)}.btn-action-download{grid-column:span 1}}.reader-container{max-width:var(--content-width);margin:0 auto;padding:var(--space-md) var(--space-lg);min-height:calc(100vh - var(--navbar-height))}.reader-toolbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-navbar);transition:transform var(--transition-base);background:transparent;pointer-events:none}.reader-toolbar-main{height:var(--navbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--glass-border);pointer-events:auto;position:relative;z-index:2}.reader-toolbar.hidden{transform:translateY(-100%)}.reader-toolbar-left{display:flex;align-items:center;gap:var(--space-md)}.reader-toolbar-left .back-btn{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-secondary);background:none;border:none;cursor:pointer;font-size:.88rem;font-family:var(--font-ui);transition:color var(--transition-fast)}.reader-toolbar-left .back-btn:hover{color:var(--accent)}.reader-toolbar-title{font-size:.92rem;font-weight:500;color:var(--text-primary);max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-toolbar-right{display:flex;align-items:center;gap:var(--space-xs)}.reader-content{font-family:var(--font-reading);font-size:var(--reader-font-size, 18px);line-height:var(--reader-line-height, 1.85);color:var(--text-primary);padding:var(--space-xl) 0 var(--space-3xl);word-wrap:break-word;overflow-wrap:break-word}.reader-content p{margin-bottom:1.2em;color:var(--text-primary);text-indent:2em}.reader-content p:first-child{text-indent:0}.reader-chapter-title{font-family:var(--font-ui);font-size:1.6rem;font-weight:700;text-align:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-secondary);text-indent:0!important;color:var(--text-primary)}.reader-content .tts-highlight{background:var(--accent-glow);border-radius:3px;padding:0 2px;transition:background var(--transition-fast)}.reader-progress{position:fixed;bottom:0;left:0;right:0;height:3px;background:var(--bg-tertiary);z-index:var(--z-navbar)}.reader-progress-fill{height:100%;background:var(--accent);transition:width .1s linear;box-shadow:0 0 10px var(--accent-glow)}.reader-nav{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl) 0;margin-top:var(--space-xl);border-top:1px solid var(--border-secondary)}.reader-nav .btn{min-width:140px}.reader-nav .chapter-info{font-size:.85rem;color:var(--text-tertiary)}.settings-panel{position:fixed;top:var(--navbar-height);right:0;width:320px;max-height:calc(100vh - var(--navbar-height));background:var(--bg-secondary);border-left:1px solid var(--border-primary);padding:var(--space-lg);overflow-y:auto;z-index:var(--z-dropdown);transform:translate(100%);transition:transform var(--transition-base);box-shadow:var(--shadow-lg)}.settings-panel.open{transform:translate(0)}.settings-panel h3{font-size:1rem;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-secondary)}.setting-group{margin-bottom:var(--space-lg)}.setting-label{font-size:.82rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-sm);display:block}.setting-row{display:flex;align-items:center;gap:var(--space-sm)}.font-size-control{display:flex;align-items:center;gap:var(--space-md)}.font-size-control .size-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:1rem;transition:all var(--transition-fast)}.font-size-control .size-btn:hover{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.font-size-control .size-value{font-size:.85rem;color:var(--text-primary);font-weight:500;min-width:40px;text-align:center}.theme-options{display:flex;gap:var(--space-sm)}.theme-option{width:36px;height:36px;border-radius:var(--radius-full);border:2px solid var(--border-primary);cursor:pointer;transition:all var(--transition-fast);position:relative}.theme-option:hover{transform:scale(1.1)}.theme-option.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.theme-option[data-theme-value=dark]{background:#0d0f16}.theme-option[data-theme-value=light]{background:#f6f7f9}.theme-option[data-theme-value=sepia]{background:#ede7de}.theme-option[data-theme-value=amoled]{background:#000}.font-family-options{display:flex;gap:var(--space-sm)}.font-option{flex:1;padding:var(--space-sm);text-align:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;transition:all var(--transition-fast);color:var(--text-primary)}.font-option:hover{border-color:var(--accent)}.font-option.active{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.font-option.serif{font-family:var(--font-reading)}.font-option.sans{font-family:var(--font-ui)}.tts-panel{position:absolute;top:100%;left:0;right:0;width:100%;height:48px;padding:0 var(--space-lg);background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-sm);z-index:1;transform:translateY(-100%);transition:transform var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-lg);pointer-events:none;opacity:0}.tts-panel.visible{transform:translateY(0);pointer-events:auto;opacity:1}.tts-controls{display:flex;align-items:center;gap:var(--space-xs)}.tts-divider{width:1px;height:20px;background:var(--border-secondary)}.tts-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:.95rem;transition:all var(--transition-fast)}.tts-btn:hover{background:var(--accent-subtle);color:var(--accent)}.tts-btn.play-btn{width:36px;height:36px;background:var(--accent);color:#fff;font-size:1.1rem}.tts-btn.play-btn:hover{background:var(--accent-hover);box-shadow:var(--shadow-glow)}.tts-info{display:flex;align-items:center;gap:var(--space-md);font-size:.8rem;color:var(--text-secondary)}.tts-speed{padding:2px 8px;background:var(--bg-tertiary);border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.tts-speed:hover{background:var(--accent-subtle);color:var(--accent)}.tts-voice-select{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);color:var(--text-primary);padding:2px 6px;font-size:.8rem;font-family:var(--font-ui);cursor:pointer;outline:none}@media(max-width:768px){.reader-container{padding:var(--space-sm) var(--space-md)}.reader-toolbar-title{max-width:200px;font-size:.82rem}.settings-panel{width:100%;border-left:none;border-top:1px solid var(--border-primary)}.reader-content{font-size:var(--reader-font-size, 16px);line-height:var(--reader-line-height, 1.75)}.tts-panel{padding:0 var(--space-md);gap:var(--space-md)}}@media(max-width:480px){.tts-panel{gap:var(--space-xs);padding:0 var(--space-xs)}.tts-divider{display:none}#tts-status{font-size:.75rem}}