.reader-header{background:linear-gradient(135deg,var(--color-secondaire) 0%,var(--color-quaternaire) 100%);color:#fff;padding:var(--space-m) 0 0;flex-shrink:0;position:relative;z-index:20}.rh-container{width:90%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-m)}@media(max-width:768px){.reader-header{padding:var(--space-s) 0 0}.rh-container{gap:var(--space-s)}}.rh-top{display:flex;justify-content:space-between;align-items:center}.back-pill-btn{display:flex;align-items:center;gap:10px;padding:8px 20px 8px 14px;border-radius:var(--radius-full);background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;transition:var(--transition-smooth);flex-shrink:0;font-weight:700;font-size:.95rem}.back-pill-btn:hover{background:#fff;color:var(--color-secondaire);transform:translate(-3px)}.category-badge{background:#ffffff40;padding:6px 14px;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.rh-content{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--space-s)}.rh-book-title{font-size:1.6rem;font-weight:800;margin:0;line-height:1.2;color:#fff}@media(max-width:768px){.rh-book-title{font-size:1.3rem}}.rh-meta{display:flex;align-items:center;gap:var(--space-m);opacity:1}.meta-item{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:#fff}.rh-progress-area{margin-top:auto;width:100%;padding-bottom:var(--space-s)}.progress-labels{display:flex;justify-content:space-between;font-size:.8rem;font-weight:700;margin-bottom:6px;opacity:.95;color:#fff}.progress-track{width:100%;height:4px;background:#fff3;border-radius:var(--radius-full);overflow:hidden}.progress-fill{width:var(--rh-progress, 0%);height:100%;background:#fff;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #ffffff80}.rh-top-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.rh-audio-toggle{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#ffffff26;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.rh-audio-toggle:hover:not(:disabled){background:#ffffff40}.rh-audio-toggle.active{background:#fff;color:var(--color-primary, #ff6b00)}.rh-audio-toggle:disabled{opacity:.4;cursor:not-allowed}.rh-lang-switcher{position:relative}.rh-lang-current{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#ffffff26;color:#fff;cursor:pointer;font-size:.85rem}.rh-lang-current:hover{background:#ffffff40}.rh-lang-flag{font-size:1rem;line-height:1}.rh-lang-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:160px;background:#fff;border-radius:10px;box-shadow:0 8px 24px #0000002e;list-style:none;padding:.3rem;margin:0;z-index:50}.rh-lang-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.55rem .75rem;border:0;background:transparent;color:#222;cursor:pointer;border-radius:6px;font-size:.9rem;text-align:left}.rh-lang-item:hover{background:#f4f4f5}.rh-lang-item.active{background:var(--color-primary-light, #ffe9d6);color:var(--color-primary, #ff6b00);font-weight:600}.rh-menu{position:relative}.rh-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-full);background-color:#ffffff26;color:#fff;cursor:pointer;transition:var(--transition-smooth)}.rh-menu-btn:hover,.rh-menu-btn[aria-expanded=true]{background-color:#ffffff47}.rh-menu-panel{position:absolute;top:calc(100% + var(--space-2xs));right:0;z-index:60;min-width:210px;padding:var(--space-2xs);border:1px solid var(--border-subtle);border-radius:var(--radius-l);background-color:var(--bg-surface);box-shadow:var(--shadow-ui)}.rh-menu-item{display:flex;align-items:center;gap:var(--space-xs);width:100%;min-height:44px;padding:0 var(--space-xs);border:0;border-radius:var(--radius-m);background-color:transparent;color:var(--text-main);font-family:var(--font-body);font-size:.88rem;text-align:left;cursor:pointer;transition:var(--transition-smooth)}.rh-menu-item:hover{background-color:var(--bg-translucent)}.rh-menu-item.is-active{font-weight:600}.rh-menu-check{margin-left:auto;color:var(--color-secondaire)}.rh-menu-abbr{display:inline-flex;align-items:center;justify-content:center;min-width:24px;font-size:.72rem;font-weight:700;color:var(--text-muted)}.rh-menu-separator{height:1px;margin:var(--space-2xs) 0;background-color:var(--border-subtle)}.rh-menu-label{margin:0;padding:var(--space-2xs) var(--space-xs);font-family:var(--font-body);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.scene-content-wrapper{display:flex;flex-direction:column;gap:var(--space-l);width:100%;padding-bottom:var(--space-xl)}.scene-card{background:transparent;border:none;border-radius:0;box-shadow:none;padding:var(--space-l) 0;display:flex;flex-direction:column;gap:var(--space-m);position:relative}.scene-card.format-bd{padding:0;background:transparent;border:none;box-shadow:none;gap:var(--space-m)}.scene-card.format-bd .chapter-badge,.scene-card.format-bd .scene-title,.scene-card.format-bd .narrative-text,.scene-card.format-bd .choices-section{margin-left:var(--space-s);margin-right:var(--space-s)}.scene-card.format-bd .choices-section{padding-bottom:var(--space-m)}.scene-card.format-bd .scene-image-container{aspect-ratio:auto;max-height:none;height:auto;background:transparent;border:none;border-radius:0}.scene-card.format-bd .scene-image{height:auto;width:100%;max-height:none;object-fit:contain;border-radius:var(--radius-m);box-shadow:var(--shadow-ui)}.webtoon-strip{display:flex;flex-direction:column;gap:0;width:100%}.webtoon-panel{position:relative;width:100%;line-height:0}.webtoon-image{width:100%;height:auto;display:block;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.webtoon-panel .image-protection-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:all;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media(max-width:768px){.scene-card{padding:var(--space-m);gap:var(--space-s)}}.chapter-badge{background:#ee7325;color:#fff;padding:6px 16px;border-radius:var(--radius-s);font-size:.8rem;font-weight:700;width:fit-content;text-transform:uppercase;letter-spacing:.05em}.chapter-badge--branch{background:var(--color-secondaire, #61affe);display:flex;align-items:center;gap:6px}.scene-title{font-size:1.15rem;font-weight:800;color:var(--text-main);margin:0}.scene-image-container{width:100%;border-radius:var(--radius-m);overflow:hidden;background:var(--bg-main);border:1px solid var(--border-subtle);position:relative}.scene-image-container.no-copy{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.image-protection-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:transparent}.scene-image-blur-bg{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;width:calc(100% + 40px);height:calc(100% + 40px);object-fit:cover;filter:blur(28px);opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.scene-image{position:relative;z-index:1;width:100%;height:auto;max-height:540px;object-fit:contain;display:block;transition:transform .3s ease;pointer-events:none}.scene-image-placeholder{width:100%;aspect-ratio:16 / 7;max-height:320px;background:var(--bg-main);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted);border-radius:var(--radius-m);border:1px dashed var(--border-subtle)}.narrative-text{display:flex;flex-direction:column;gap:var(--space-m);color:var(--text-main);line-height:1.6;font-size:1rem;padding:var(--space-s) 0}.narrative-text p{margin:0;white-space:pre-wrap}.text-before,.text-after{margin:0;color:var(--text-main);line-height:1.7;font-size:1rem;white-space:pre-wrap}.choices-section{margin-top:var(--space-m);border-top:1px solid var(--border-subtle);padding-top:var(--space-m)}.choices-title{font-size:.95rem;font-weight:800;margin-bottom:var(--space-m);color:var(--color-secondaire)}.choices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,170px));gap:var(--space-m)}.choice-card{display:flex;flex-direction:column;background:color-mix(in srgb,var(--color-secondaire),transparent 95%);border:1.5px solid var(--color-secondaire);border-radius:var(--radius-m);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;text-align:left;color:inherit}.choice-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 8px 24px #ee732540;background:color-mix(in srgb,var(--color-secondaire),transparent 88%)}.choice-card:disabled{opacity:.5;cursor:not-allowed;transform:none}.choice-header{padding:10px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex:1}.choice-text{font-size:.85rem;font-weight:700;color:var(--text-main);line-height:1.4;transition:color .2s}.choice-icon{color:var(--color-secondaire);flex-shrink:0;margin-top:2px;transition:transform .3s}.choice-card:hover .choice-icon{transform:translate(4px)}.choice-image-container{width:100%;aspect-ratio:3 / 4;background-color:#111;position:relative;border-top:1px solid color-mix(in srgb,var(--color-secondaire),transparent 70%);overflow:hidden}.choice-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;user-select:none;-webkit-user-select:none;pointer-events:none}.choice-card:hover .choice-image{transform:scale(1.05)}.choice-card.no-image .choice-header{padding-bottom:14px}.did-you-know-box{background:var(--bg-surface);border:1px solid var(--color-secondaire);border-radius:var(--radius-m);padding:var(--space-m) var(--space-l);display:flex;flex-direction:column;gap:8px;border-left:4px solid var(--color-secondaire)}.dyk-header{display:flex;align-items:center;gap:10px;color:var(--color-secondaire)}.dyk-title{font-weight:800;font-size:.9rem}.dyk-content{display:flex;gap:12px}.dyk-bullet{width:22px;height:22px;background:var(--color-secondaire);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;margin-top:2px}.dyk-text{margin:0;font-size:.9rem;color:var(--text-main);line-height:1.5;font-weight:500}.reader-nav-footer{position:relative;z-index:15;display:flex;justify-content:center;gap:var(--space-m);margin-top:var(--space-l)}.btn-nav{padding:.65rem 2rem;border-radius:var(--radius-m);font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-prev{background:var(--bg-surface);border:1.5px solid var(--border-subtle);color:var(--text-main)}.btn-prev:hover:not(:disabled){background:var(--bg-main);border-color:var(--color-secondaire)}.btn-prev:disabled{opacity:.5;cursor:not-allowed}.btn-next{background:#ee7325;border:none;color:#fff}.btn-next:hover{background:#fd9802;transform:translateY(-2px);box-shadow:0 4px 12px #ee732533}.btn-finish{background:linear-gradient(135deg,#ee7325,#fd9802);border:none;color:#fff;display:flex;align-items:center;gap:.8rem;padding:.65rem 2.5rem;box-shadow:0 4px 15px #ee73254d;animation:pulse-gold 2s infinite}@keyframes pulse-gold{0%{box-shadow:0 0 #ee732566}70%{box-shadow:0 0 0 10px #ee732500}to{box-shadow:0 0 #ee732500}}.btn-finish:hover{transform:scale(1.05);filter:brightness(1.1)}.btn-resume{background:transparent;border:2px solid var(--color-secondaire, #ee7325);color:var(--color-secondaire, #ee7325);display:flex;align-items:center;gap:.6rem;padding:.65rem 2rem;font-weight:600;transition:background .2s ease,color .2s ease,transform .15s ease}.btn-resume:hover{background:var(--color-secondaire, #ee7325);color:#fff;transform:translateY(-2px)}.reader-page{min-height:100dvh;background:transparent;display:flex;flex-direction:column;font-family:var(--font-main);color:var(--text-main)}.reader-scroll-area{position:relative;z-index:5;flex:1;background:transparent;padding:var(--space-l) 0;display:flex;flex-direction:column;align-items:center}.reader-scroll-area::-webkit-scrollbar{width:6px}.reader-scroll-area::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.scene-container{position:relative;z-index:10;width:90%;max-width:1200px;margin:0 auto}.scene-container.format-bd{width:100%;max-width:1120px}@media(max-width:1024px){.scene-container.format-bd{width:100%}}.webtoon-reader-strip{width:100%;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;background:#0d0d0d;padding-bottom:var(--space-xl)}@media(min-width:1400px){.webtoon-reader-strip{max-width:1200px}}@media(max-width:1024px){.webtoon-reader-strip{max-width:100%}}.webtoon-scene-block{width:100%;display:flex;flex-direction:column}.webtoon-end-block{display:flex;flex-wrap:nowrap;justify-content:center;gap:var(--space-s);padding:var(--space-xl) var(--space-m)}.webtoon-end-block .btn-nav,.reader-nav-footer .btn-nav{min-width:0;white-space:nowrap}@media(max-width:600px){.webtoon-end-block,.reader-nav-footer{flex-wrap:nowrap;gap:var(--space-xs)}.webtoon-end-block .btn-nav,.reader-nav-footer .btn-nav,.webtoon-nav-actions .btn-nav{flex:0 1 auto;padding:.65rem var(--space-s);font-size:.85rem}}.webtoon-chapter-continue{display:flex;justify-content:center;padding:var(--space-xl) var(--space-m) var(--space-l);background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.4) 100%)}.btn-next-chapter{display:flex;align-items:center;gap:.55rem;padding:.8rem 2.4rem;background:linear-gradient(135deg,var(--color-primary, #ff8c00) 0%,#e67e22 100%);border:none;border-radius:var(--radius-m);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #ff8c0059}.btn-next-chapter:hover{transform:translateY(-2px);box-shadow:0 6px 28px #ff8c0080}.webtoon-nav-actions{display:flex;justify-content:center;gap:var(--space-m);padding:var(--space-m) var(--space-m) var(--space-l)}.btn-restart{background:var(--bg-surface);border:1.5px solid var(--border-subtle);color:var(--text-main);padding:.65rem 2rem;border-radius:var(--radius-m);font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-restart:hover{background:var(--bg-main);border-color:var(--color-secondaire)}.webtoon-choices-block{display:flex;flex-direction:column;align-items:center;gap:var(--space-m);padding:var(--space-xl) var(--space-m);background:linear-gradient(to bottom,#0d0d0d,#1a1a2e)}.webtoon-choices-label{color:var(--color-text-muted, #aaa);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-xs)}.webtoon-choices-grid{display:flex;flex-direction:row;gap:12px;width:100%;max-width:760px;justify-content:center}.webtoon-choice-card{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;cursor:pointer;border-radius:10px;overflow:hidden;border:2px solid transparent;transition:border-color .2s,transform .15s}.webtoon-choice-card:hover{border-color:var(--color-primary, #ff8c00);transform:translateY(-3px)}.webtoon-choice-preview{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;background:#111;border-radius:8px}.webtoon-choice-preview--empty{background:#ffffff0d}.webtoon-choice-img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;user-select:none;-webkit-user-select:none}.webtoon-choice-btn{width:100%;padding:var(--space-s) var(--space-xs);background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--color-text, #fff);font-size:.9rem;font-family:inherit;cursor:pointer;transition:background .2s,border-color .2s;text-align:center;line-height:1.3}.webtoon-choice-card:hover .webtoon-choice-btn{background:#ff8c0026;border-color:var(--color-primary, #ff8c00)}.reader-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;color:var(--text-muted)}.back-circle-btn{width:44px;height:44px;border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-ui);flex-shrink:0}.back-circle-btn:hover{background:var(--color-secondaire);color:#fff;border-color:var(--color-secondaire);transform:translate(-3px)}.scene-container.dir-forward{animation:slideInUp .45s cubic-bezier(.22,1,.36,1) both}.scene-container.dir-back{animation:slideInDown .45s cubic-bezier(.22,1,.36,1) both}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.reader-loading,.reader-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-m);color:var(--text-muted)}.reader-error button{background:var(--color-secondaire);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:var(--radius-m);font-weight:700;cursor:pointer}.reader-end-screen{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;padding:2rem 0}.end-trophy{font-size:4rem;animation:bounceIn .65s cubic-bezier(.22,1,.36,1) both;filter:drop-shadow(0 0 20px rgba(238,115,37,.5))}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) rotate(-10deg)}60%{opacity:1;transform:scale(1.15) rotate(3deg)}to{opacity:1;transform:scale(1) rotate(0)}}.end-title{margin:0;font-size:1.7rem;font-weight:800;color:var(--color-secondaire)}.quiz-suggestion-box{width:100%;max-width:480px;background:var(--bg-surface);border:2px solid var(--color-accent);border-radius:var(--radius-m);padding:1.5rem;margin:1rem 0;display:flex;flex-direction:column;gap:1.2rem;animation:slideInUp .5s cubic-bezier(.22,1,.36,1) both}.suggestion-header{display:flex;align-items:flex-start;gap:1rem;text-align:left}.suggestion-header .accent-icon{color:var(--color-accent);flex-shrink:0;margin-top:.2rem}.suggestion-text h3{margin:0 0 .2rem;font-size:1.15rem;font-weight:800;color:var(--text-main)}.suggestion-text p{margin:0;font-size:.9rem;color:var(--text-muted);line-height:1.4}.quizzes-grid-compact{display:flex;flex-direction:column;gap:.75rem}.quiz-suggest-btn{display:flex;align-items:center;justify-content:space-between;background:var(--bg-main);border:1px solid var(--border-subtle);padding:.8rem 1.2rem;border-radius:var(--radius-m);color:var(--text-main);cursor:pointer;transition:all .2s ease;text-align:left}.quiz-suggest-btn:hover{background:var(--color-accent);color:#fff!important;border-color:transparent;transform:translate(5px)}.quiz-suggest-btn:hover .quiz-label,.quiz-suggest-btn:hover svg{color:#fff!important}.quiz-suggest-btn .quiz-label{font-weight:700;font-size:.95rem}.end-text{margin:0;color:var(--text-main);font-size:1rem;line-height:1.75;max-width:550px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-m);padding:1.2rem 1.5rem}.end-image{width:100%;max-width:380px;border-radius:var(--radius-m);border:1px solid var(--border-subtle)}.end-actions{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}.end-btn{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:var(--radius-full);border:1px solid var(--border-subtle);cursor:pointer;font-family:var(--font-main);font-weight:700;font-size:.95rem;transition:var(--transition-smooth);background:var(--bg-surface);color:var(--text-main)}.end-btn.primary{background:var(--color-secondaire);color:#fff;border-color:var(--color-secondaire)}.end-btn.primary:hover{background:var(--color-quaternaire);transform:translateY(-2px);box-shadow:0 5px 15px #ee73254d}.end-btn.secondary:hover{background:var(--bg-main);border-color:var(--color-secondaire);color:var(--color-secondaire)}.reading-reward-box{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#ee732514,#ee732505);border:2px solid var(--color-secondaire);border-radius:var(--radius-m);animation:slideInUp .5s cubic-bezier(.22,1,.36,1) both;animation-delay:.3s;min-width:200px}.reward-xp-row{display:flex;align-items:center;gap:.5rem}.reward-xp-icon{color:var(--color-secondaire);animation:pulseGlow 1.5s ease-in-out infinite}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 4px rgba(238,115,37,.3))}50%{filter:drop-shadow(0 0 12px rgba(238,115,37,.6))}}.reward-xp-amount{font-size:1.6rem;font-weight:900;color:var(--color-secondaire)}.reward-xp-label{margin:0;font-size:.85rem;color:var(--text-muted);font-weight:600}.reward-levelup{display:flex;align-items:center;gap:.4rem;margin-top:.3rem;padding:.3rem .8rem;background:var(--color-secondaire);color:#fff;border-radius:var(--radius-full);font-size:.8rem;font-weight:800}.reader-audio-bar{display:none}