:root{--accent-primary:#2563EB;--accent-secondary:#EA580C;--accent-tertiary:#92400E;--color-success:#4CAF50;--color-warning:#FFC107;--color-error:#F44336;--color-info:#2196F3;--color-coin:#FFD700;--color-premium:#FFD700;--color-coin-bg:rgba(255,215,0,0.1);--theme-transition:background-color 0.3s ease,color 0.3s ease,border-color 0.3s ease;--platform-bg-primary:#FFFFFF;--platform-bg-secondary:#F8FAFC;--platform-bg-tertiary:#F1F5F9;--platform-bg-elevated:#FFFFFF;--platform-text-primary:#111827;--platform-text-secondary:#343434;--platform-text-muted:#4B5563;--platform-text-disabled:#6B7280;--platform-border-subtle:#F3F4F6;--platform-border-default:#E5E7EB;--platform-border-prominent:#D1D5DB;--platform-button-bg:#F9FAFB;--platform-button-bg-hover:#F3F4F6;--platform-button-border:#E5E7EB;--platform-button-text:#343434;--platform-shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--platform-shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--platform-shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--reader-bg:#FFFFFF;--reader-bg-elevated:#FFFFFF;--reader-bg-secondary:#F8FAFC;--reader-text-primary:#111827;--reader-text-secondary:#343434;--reader-text-muted:#6B7280;--reader-border:#E5E7EB;--reader-accent:#343434}.dark,.platform-dark{--platform-bg-primary:#121212;--platform-bg-secondary:#1E1E1E;--platform-bg-tertiary:#2D2D2D;--platform-bg-elevated:#1E1E1E;--platform-text-primary:#FFFFFF;--platform-text-secondary:#E0E0E0;--platform-text-muted:#B0B0B0;--platform-text-disabled:#6E6E6E;--platform-border-subtle:#2D2D2D;--platform-border-default:#404040;--platform-border-prominent:#525252;--platform-button-bg:#343434;--platform-button-bg-hover:#4B5563;--platform-button-border:#4B5563;--platform-button-text:#F9FAFB;--platform-shadow-sm:0 1px 2px 0 rgba(0,0,0,0.3);--platform-shadow-md:0 4px 6px -1px rgba(0,0,0,0.5);--platform-shadow-lg:0 10px 15px -3px rgba(0,0,0,0.5)}body.reader-light{--reader-bg:#FFFFFF;--reader-text-primary:#111827;--reader-text-secondary:#343434;--reader-border:#E5E7EB;--reader-accent:#343434}body.reader-dark{--reader-bg:#121212;--reader-text-primary:#FFFFFF;--reader-text-secondary:#E0E0E0;--reader-border:#333333;--reader-accent:#FFFFFF}body.reader-sepia{--reader-bg:#F4ECD8;--reader-text-primary:#3C2E26;--reader-text-secondary:#705d43;--reader-border:#c7b299;--reader-accent:#3C2E26}body,html{color:var(--platform-text-primary)}#__next,body,html{min-height:100vh}*{box-sizing:border-box}body{margin:0;padding:0;width:100%;overflow-x:hidden}body>div:first-child{min-height:100vh;width:100%}header{transition:var(--theme-transition)}header,nav{background-color:var(--platform-bg-elevated)!important;border-color:var(--platform-border-default)!important;color:var(--platform-text-primary)!important}button:not(.reader-button){background-color:var(--platform-button-bg);color:var(--platform-button-text);border:1px solid var(--platform-button-border);transition:var(--theme-transition)}button:not(.reader-button):hover{background-color:var(--platform-button-bg-hover)}input,select,textarea{background-color:var(--platform-bg-secondary);color:var(--platform-text-primary);border:1px solid var(--platform-border-default)}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary);outline:2px solid rgba(56,189,248,.2)}:focus-visible{outline:2px solid var(--accent-primary)!important;box-shadow:0 0 0 4px rgba(56,189,248,.2)!important}a{text-decoration:none}a,a:hover{color:var(--accent-primary)}a:hover{text-decoration:underline}::-moz-selection{background-color:var(--accent-primary);color:white}::selection{background-color:var(--accent-primary);color:white}.mobile-nav-item{color:var(--platform-text-muted);transition:var(--theme-transition)}.mobile-nav-item.active,.mobile-nav-item:hover{color:var(--accent-primary)}.header-nav-item{color:var(--platform-text-muted);transition:var(--theme-transition)}.header-nav-item:hover,.reading-settings-panel{color:var(--platform-text-primary)}.reading-settings-panel{background-color:var(--platform-bg-elevated);border:1px solid var(--platform-border-default);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.platform-bg{background-color:var(--platform-bg-primary)}.platform-bg-secondary{background-color:var(--platform-bg-secondary)}.platform-text{color:var(--platform-text-primary)}.platform-text-secondary{color:var(--platform-text-secondary)}.platform-text-muted{color:var(--platform-text-muted)}.platform-border{border-color:var(--platform-border-default)}.reader-bg{background-color:var(--reader-bg)}.reader-text{color:var(--reader-text-primary)}.reader-text-secondary{color:var(--reader-text-secondary)}.reader-border{border-color:var(--reader-border)}.accent-primary{color:var(--accent-primary)}.accent-secondary{color:var(--accent-secondary)}.accent-tertiary{color:var(--accent-tertiary)}.platform-component{background-color:var(--platform-bg-elevated);border-color:var(--platform-border-default);color:var(--platform-text-primary)}.help-page-container{color:var(--platform-text-primary);min-height:100vh}.help-page-container .text-gray-900,.help-page-container h1,.help-page-container h2,.help-page-container h3,.help-page-container h4,.help-page-container h5,.help-page-container h6,.help-page-container li,.help-page-container p,.help-page-container span{color:var(--platform-text-primary)!important}.help-page-container .text-gray-600{color:var(--platform-text-secondary)!important}.help-page-container .text-gray-500{color:var(--platform-text-muted)!important}.help-page-container .dark\:text-gray-100{color:var(--platform-text-primary)!important}.help-page-container .dark\:text-gray-300{color:var(--platform-text-secondary)!important}.help-page-container .dark\:text-gray-400{color:var(--platform-text-muted)!important}.theme-reader{--color-bg-primary:var(--reader-bg);--color-text-primary:var(--reader-text);color-scheme:light}.theme-reader .card,.theme-reader .dialog,.theme-reader .dropdown,.theme-reader .modal,.theme-reader .panel,.theme-reader .popover,.theme-reader .reader-header,.theme-reader .tooltip,.theme-reader [class*=bg-gray],.theme-reader [class*=bg-neutral],.theme-reader [class*=bg-white],.theme-reader [role=dialog],.theme-reader [role=tooltip],.theme-reader article,.theme-reader aside,.theme-reader body,.theme-reader div[role=main],.theme-reader footer,.theme-reader header,.theme-reader main,.theme-reader nav,.theme-reader section{background-color:var(--reader-bg);color:var(--reader-text)}.theme-reader .btn,.theme-reader [role=button],.theme-reader button{background-color:transparent;color:var(--reader-text);border-color:var(--reader-border)}.theme-reader .btn:hover,.theme-reader [role=button]:hover,.theme-reader button:hover{background-color:var(--reader-border);color:var(--reader-text)}.theme-reader a{color:var(--reader-text-secondary)}.theme-reader a:hover{color:var(--reader-text-primary)}.theme-reader .text-muted-foreground,.theme-reader [class*=text-gray],.theme-reader [class*=text-muted],.theme-reader [class*=text-neutral]{color:var(--reader-text-secondary)}.theme-reader [class*=border]{border-color:var(--reader-border)}.theme-reader input,.theme-reader select,.theme-reader textarea{background-color:var(--reader-bg);color:var(--reader-text);border-color:var(--reader-border)}.theme-reader [class*=shadow]{box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}.theme-reader .reader-settings-panel,.theme-reader .reading-settings-panel,.theme-reader [class*=ReadingSettings]{background-color:var(--reader-bg);color:var(--reader-text);border-color:var(--reader-border)}.theme-reader .comments-section,.theme-reader .reviews-section,.theme-reader [class*=Comment],.theme-reader [class*=Review]{background-color:var(--reader-bg);color:var(--reader-text)}.theme-reader .dark\:bg-gray-900,.theme-reader .dark\:bg-neutral-900,.theme-reader [class*="dark:"]{--tw-bg-opacity:1;background-color:transparent}.theme-reader [class*=Toaster],.theme-reader [class*=toast]{background-color:var(--reader-bg);color:var(--reader-text);border-color:var(--reader-border)}.reader-light{--reader-bg:#ffffff;--reader-text:#1f1f1f;--reader-border:#d1d5db;--reader-text-secondary:#6b7280}.reader-dark{--reader-bg:#121212;--reader-text:#ffffff;--reader-border:#333333;--reader-text-secondary:#E0E0E0}.reader-sepia{--reader-bg:#F4ECD8;--reader-text:#5a4633;--reader-border:#c7b299;--reader-text-secondary:#705d43}.theme-reader .card{background-color:var(--reader-bg);border:1px solid var(--reader-border);background-color:rgba(0,0,0,.05)}.reader-dark .card{background-color:rgba(255,255,255,.05)}.theme-reader .reader-footer,.theme-reader .reader-header{background-color:var(--reader-bg)}[class*=bottom][class*=panel],[class*=mobile][class*=reader],[data-testid*=reading],[data-testid*=settings],[id*=reading],[id*=settings],div[style*="position: absolute"][style*=bottom],div[style*="position: fixed"][style*=bottom]{background-color:var(--panel-background)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid var(--panel-border)!important;border-radius:12px 12px 0 0!important;box-shadow:0 -4px 6px -1px rgba(0,0,0,.1),0 -2px 4px -1px rgba(0,0,0,.06)!important;color:var(--text-primary)!important}[class*=bottom][class*=panel] button,[class*=mobile][class*=reader] button,[data-testid*=reading] button,[data-testid*=settings] button,[id*=reading] button,[id*=settings] button{background-color:var(--button-background)!important;color:var(--button-foreground)!important;border:1px solid var(--button-border)!important;border-radius:8px!important;transition:all .2s ease!important}[class*=bottom][class*=panel] button:hover,[class*=mobile][class*=reader] button:hover,[data-testid*=reading] button:hover,[data-testid*=settings] button:hover,[id*=reading] button:hover,[id*=settings] button:hover{background-color:var(--button-background-hover)!important;transform:translateY(-1px)!important}[class*=bottom][class*=panel] input,[class*=bottom][class*=panel] select,[class*=mobile][class*=reader] input,[class*=mobile][class*=reader] select,[data-testid*=reading] input,[data-testid*=reading] select,[data-testid*=settings] input,[data-testid*=settings] select,[id*=reading] input,[id*=reading] select,[id*=settings] input,[id*=settings] select{background-color:var(--input-background)!important;color:var(--input-foreground)!important;border:1px solid var(--input-border)!important;border-radius:8px!important}[class*=bottom][class*=panel] h1,[class*=bottom][class*=panel] h2,[class*=bottom][class*=panel] h3,[class*=bottom][class*=panel] label,[class*=bottom][class*=panel] span,[class*=mobile][class*=reader] h1,[class*=mobile][class*=reader] h2,[class*=mobile][class*=reader] h3,[class*=mobile][class*=reader] label,[class*=mobile][class*=reader] span,[data-testid*=reading] h1,[data-testid*=reading] h2,[data-testid*=reading] h3,[data-testid*=reading] label,[data-testid*=reading] span,[data-testid*=settings] h1,[data-testid*=settings] h2,[data-testid*=settings] h3,[data-testid*=settings] label,[data-testid*=settings] span,[id*=reading] h1,[id*=reading] h2,[id*=reading] h3,[id*=reading] label,[id*=reading] span,[id*=settings] h1,[id*=settings] h2,[id*=settings] h3,[id*=settings] label,[id*=settings] span{color:#343434!important;font-weight:500!important}.dark [class*=bottom][class*=panel] h1,.dark [class*=bottom][class*=panel] h2,.dark [class*=bottom][class*=panel] h3,.dark [class*=bottom][class*=panel] label,.dark [class*=bottom][class*=panel] span,.dark [class*=mobile][class*=reader] h1,.dark [class*=mobile][class*=reader] h2,.dark [class*=mobile][class*=reader] h3,.dark [class*=mobile][class*=reader] label,.dark [class*=mobile][class*=reader] span,.dark [data-testid*=reading] h1,.dark [data-testid*=reading] h2,.dark [data-testid*=reading] h3,.dark [data-testid*=reading] label,.dark [data-testid*=reading] span,.dark [data-testid*=settings] h1,.dark [data-testid*=settings] h2,.dark [data-testid*=settings] h3,.dark [data-testid*=settings] label,.dark [data-testid*=settings] span,.dark [id*=reading] h1,.dark [id*=reading] h2,.dark [id*=reading] h3,.dark [id*=reading] label,.dark [id*=reading] span,.dark [id*=settings] h1,.dark [id*=settings] h2,.dark [id*=settings] h3,.dark [id*=settings] label,.dark [id*=settings] span{color:#f9fafb!important}[class*=bottom][class*=panel] input[type=range],[class*=mobile][class*=reader] input[type=range],[data-testid*=reading] input[type=range],[data-testid*=settings] input[type=range],[id*=reading] input[type=range],[id*=settings] input[type=range]{background-color:rgba(229,231,235,.6)!important;border-radius:8px!important;accent-color:#2563EB!important}.dark [class*=bottom][class*=panel] input[type=range],.dark [class*=mobile][class*=reader] input[type=range],.dark [data-testid*=reading] input[type=range],.dark [data-testid*=settings] input[type=range],.dark [id*=reading] input[type=range],.dark [id*=settings] input[type=range]{background-color:rgba(55,65,81,.6)!important;accent-color:#2563EB!important}.reading-container{position:relative;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .2s cubic-bezier(.4,0,.2,1)}.reading-container.gesture-active{transform:scale(.98)}.reading-container.swipe-feedback-left{transform:translateX(-10px);transition:transform .15s ease-out}.reading-container.swipe-feedback-right{transform:translateX(10px);transition:transform .15s ease-out}.reading-container.swipe-feedback-up{transform:translateY(-10px);transition:transform .15s ease-out}.reading-container.swipe-feedback-down{transform:translateY(10px);transition:transform .15s ease-out}.reading-container.long-press-active{transform:scale(1.02);filter:brightness(1.1);transition:all .2s ease-out}.navigation-feedback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;pointer-events:none;opacity:0;transition:opacity .2s ease-out}.navigation-feedback.active{opacity:1}.navigation-feedback-content{background:rgba(0,0,0,.8);color:white;padding:16px 24px;border-radius:12px;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.font-size-indicator{position:fixed;top:20px;right:20px;background:rgba(52,52,52,.9);color:white;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;z-index:1000;opacity:0;transform:translateY(-10px);transition:all .2s ease-out;pointer-events:none}.font-size-indicator.visible{opacity:1;transform:translateY(0)}.quick-settings-panel{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px 16px 0 0;padding:20px;z-index:100;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 -4px 20px rgba(0,0,0,.1)}.dark .quick-settings-panel{background:rgba(52,52,52,.95);box-shadow:0 -4px 20px rgba(0,0,0,.3)}.quick-settings-panel.open{transform:translateY(0)}.reading-text-animated{transition:font-size .2s ease-out,line-height .2s ease-out,filter .2s ease-out}.reading-content{will-change:transform;contain:layout style paint}.mobile-touch-target{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;touch-action:manipulation}@keyframes haptic-light{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes haptic-medium{0%{transform:scale(1)}25%{transform:scale(1.03)}50%{transform:scale(.97)}75%{transform:scale(1.02)}to{transform:scale(1)}}.haptic-feedback-light{animation:haptic-light .1s ease-out}.haptic-feedback-medium{animation:haptic-medium .2s ease-out}.progress-bar-enhanced{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#2563EB,#E86E35);z-index:1000;transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px rgba(52,52,52,.3)}:focus-visible{outline:2px solid var(--accent-primary,#2563EB)!important;outline-offset:2px!important}:focus:not(:focus-visible){outline:none!important}.button:focus-visible,[role=button]:focus-visible,[type=button]:focus-visible,[type=submit]:focus-visible,button:focus-visible{outline:2px solid var(--accent-primary,#2563EB)!important;outline-offset:2px!important}a:focus-visible{outline:2px solid var(--accent-primary,#2563EB)!important;outline-offset:2px!important}[role=button]:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible{outline:none!important;box-shadow:inset 0 -2px 0 0 var(--accent-primary)!important;transition:box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px rgba(37,99,235,.1)!important;transition:all .15s ease}.accent-focus:focus-visible,.cta-button:focus-visible,.premium-button:focus-visible{outline:none!important;box-shadow:inset 0 0 0 2px var(--accent-primary),0 0 20px rgba(37,99,235,.15)!important;transform:translateY(-1px);transition:all .2s ease}a{transition:all .2s ease;position:relative}a,a:hover{text-decoration:none!important}a:not(.button):not(.no-hover):hover{color:var(--accent-secondary)!important;transform:translateX(2px)}.header-nav-item:hover,.mobile-nav-item:hover,.nav-link:hover{background-color:rgba(37,99,235,.08);border-radius:6px;padding-inline:8px;margin-inline:-8px;transform:none}.content-link:hover:after,article a:not(.button):hover:after,p a:not(.button):hover:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--accent-primary);transform:scaleX(1);transform-origin:left;transition:transform .3s ease}.content-link:after,article a:not(.button):after,p a:not(.button):after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--accent-primary);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.card-link:hover,.chapter-card:hover,.novel-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.button,[role=button],button{text-decoration:none!important}.reader-container :focus-visible{outline:1px dotted rgba(37,99,235,.3)!important;outline-offset:4px!important;box-shadow:none!important}.coin-purchase:focus-visible,.premium-section :focus-visible{outline:none!important;box-shadow:0 0 0 2px rgba(255,215,0,.3),0 0 20px rgba(255,215,0,.1)!important}.dark a:not(.button):hover{color:var(--accent-secondary)!important}.dark .header-nav-item:hover,.dark .nav-link:hover{background-color:rgba(56,189,248,.12)}@media (max-width:768px){*{-webkit-tap-highlight-color:transparent!important}a:active,button:active{opacity:.8;transform:scale(.98)}}@media (prefers-reduced-motion:no-preference){.accessibility-mode :focus-visible{outline:3px solid var(--accent-primary)!important;outline-offset:2px!important}}