@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500&family=Inter:wght@300;400;450;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");:root{--color-bg-primary:ivory;--color-bg-secondary:#f8f4ec;--color-bg-tertiary:#f0ebe0;--color-bg-dark:#1a1a2e;--color-bg-dark-mid:#252540;--color-accent:#e87c2a;--color-accent-hover:#d06a1f;--color-accent-light:rgba(232,124,42,.08);--color-accent-secondary:#6baed6;--color-accent-secondary-light:rgba(107,174,214,.1);--color-text:#1e1e1e;--color-text-secondary:#5a5a5a;--color-text-tertiary:#8a8a8a;--color-text-light:ivory;--color-text-primary:var(--color-text);--color-bg-primary-compat:var(--color-bg-primary);--color-accent-primary:var(--color-accent);--color-border:#ddd5c5;--color-border-light:#ede8dd;--color-success:#2e8b57;--color-warning:#c59400;--color-error:#c5392f;--font-heading:"Playfair Display","Georgia",serif;--font-body:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:clamp(0.7rem,0.68rem + 0.1vw,0.75rem);--text-sm:clamp(0.8rem,0.76rem + 0.2vw,0.875rem);--text-base:clamp(0.95rem,0.91rem + 0.2vw,1.05rem);--text-lg:clamp(1.05rem,1rem + 0.3vw,1.2rem);--text-xl:clamp(1.25rem,1.15rem + 0.5vw,1.5rem);--text-2xl:clamp(1.5rem,1.3rem + 1vw,2rem);--text-3xl:clamp(2rem,1.6rem + 2vw,3rem);--text-4xl:clamp(2.5rem,1.8rem + 3.5vw,4.25rem);--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:128px;--max-width:1280px;--content-width:720px;--wide-width:960px;--header-height:72px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.04);--shadow-lg:0 12px 40px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.04);--shadow-xl:0 24px 64px rgba(0,0,0,.1),0 8px 20px rgba(0,0,0,.06);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:var(--text-base);background:var(--color-bg-primary);color:var(--color-text);line-height:1.7;min-height:100vh;overflow-x:hidden}::selection{background:var(--color-accent);color:#fff}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.15;color:var(--color-text);letter-spacing:-.015em}h1{font-size:var(--text-4xl);font-weight:700}h2{font-size:var(--text-2xl)}h2,h3{font-weight:600}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg);font-weight:600}p{margin-bottom:1.25em;color:var(--color-text-secondary);line-height:1.75}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-accent-hover)}code,pre{font-family:var(--font-mono);font-size:.9em}pre{background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-lg);overflow-x:auto}strong{font-weight:600;color:var(--color-text)}.section-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);display:block;margin-bottom:var(--space-sm)}.section-heading{margin-bottom:var(--space-xl)}.section-heading:after{content:"";display:block;width:48px;height:3px;background:var(--color-accent);margin-top:var(--space-sm);border-radius:2px}.section-heading--center{text-align:center}.section-heading--center:after{margin-left:auto;margin-right:auto}.container{max-width:var(--max-width)}.container,.content-container{margin:0 auto;padding:0 var(--space-lg)}.content-container{max-width:var(--content-width)}.wide-container{max-width:var(--wide-width);margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-3xl) 0}.section--sm{padding:var(--space-2xl) 0}.section--alt{background:var(--color-bg-secondary)}.section--dark{background:var(--color-bg-dark)}.section--dark,.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4{color:var(--color-text-light)}.section--dark p{color:rgba(255,255,240,.7)}.divider{width:48px;height:3px;background:var(--color-accent);border:none;border-radius:2px;margin:var(--space-xl) 0}.divider--center{margin-left:auto;margin-right:auto}.divider--thin{width:100%;height:1px;background:var(--color-border)}.reading-progress{position:fixed;top:var(--header-height);left:0;height:2px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-secondary));z-index:100;transition:width 80ms linear}img{max-width:100%;height:auto;display:block}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:var(--space-lg)}.grid-2,.grid-3{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:var(--space-lg)}@media (max-width:960px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-2,.grid-3{grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-in{animation:fadeInUp var(--duration-slow) var(--ease-out) both}@media (max-width:768px){:root{--header-height:60px;--space-2xl:48px;--space-3xl:64px;--space-4xl:80px}.section{padding:var(--space-2xl) 0}.section--sm{padding:var(--space-xl) 0}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-xl)}}@media (max-width:480px){.container,.content-container,.wide-container{padding:0 var(--space-md)}h1{font-size:var(--text-2xl)}}.header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(255,255,240,.85);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--color-border-light);height:var(--header-height);display:flex;align-items:center;transition:box-shadow var(--duration-normal) var(--ease-out)}.header:hover{box-shadow:var(--shadow-sm)}.header__inner{justify-content:space-between;width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.header__inner,.header__logo{display:flex;align-items:center}.header__logo{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;color:var(--color-text)!important;text-decoration:none;letter-spacing:-.02em;gap:var(--space-xs)}.header__logo:before{content:"";display:inline-block;width:8px;height:8px;background:var(--color-accent);border-radius:50%;flex-shrink:0}.header__nav{display:flex;gap:var(--space-xs);list-style:none}.header__nav a{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);text-decoration:none;padding:6px 14px;border-radius:100px;transition:all var(--duration-fast) var(--ease-out)}.header__nav a:hover{color:var(--color-text);background:var(--color-bg-tertiary)}.header__nav a.active{color:var(--color-accent);background:var(--color-accent-light);font-weight:600}.header__hamburger{display:none;background:none;border:none;cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:background var(--duration-fast)}.header__hamburger:hover{background:var(--color-bg-tertiary)}.header__hamburger span{display:block;width:20px;height:2px;background:var(--color-text);margin:4px 0;border-radius:1px;transition:var(--duration-normal)}@media (max-width:768px){.header__hamburger{display:block}.header__nav{display:none;position:absolute;top:var(--header-height);left:0;right:0;background:rgba(255,255,240,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;padding:var(--space-md) var(--space-lg) var(--space-lg);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-lg);gap:var(--space-2xs)}.header__nav--open{display:flex}.header__nav a{padding:var(--space-sm) var(--space-md);font-size:var(--text-base);border-radius:var(--radius-md)}}.footer{background:var(--color-bg-dark);color:var(--color-text-light);padding:var(--space-3xl) 0 var(--space-xl)}.footer__inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg);display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-gap:var(--space-2xl);gap:var(--space-2xl)}.footer__section h4{color:var(--color-text-light);font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--space-lg);position:relative;padding-bottom:var(--space-sm)}.footer__section h4:after{content:"";position:absolute;bottom:0;left:0;width:24px;height:2px;background:var(--color-accent);border-radius:1px}.footer__section p{line-height:1.8}.footer__section a,.footer__section p{color:rgba(255,255,240,.5);font-size:var(--text-sm)}.footer__section a{transition:color var(--duration-fast) var(--ease-out)}.footer__section a:hover{color:var(--color-accent)}.footer__section ul{list-style:none}.footer__section li{margin-bottom:var(--space-sm)}.footer__bottom{max-width:var(--max-width);margin:var(--space-2xl) auto 0;padding:var(--space-lg) var(--space-lg) 0;border-top:1px solid rgba(255,255,240,.08);display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:rgba(255,255,240,.3)}.footer__skynet{font-size:var(--text-xs)}.footer__skynet,.footer__skynet a{color:rgba(255,255,240,.25)}.footer__skynet a:hover{color:rgba(255,255,240,.5)}@media (max-width:768px){.footer__inner{grid-template-columns:1fr;gap:var(--space-xl)}.footer__bottom{flex-direction:column;gap:var(--space-sm);text-align:center}.footer{padding:var(--space-2xl) 0 var(--space-lg)}}.card{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg) var(--space-lg);border:1px solid var(--color-border-light);transition:all var(--duration-normal) var(--ease-out);text-decoration:none;display:flex;flex-direction:column;color:inherit;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-normal) var(--ease-out)}.card:hover{border-color:var(--color-border);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card:hover:before{transform:scaleX(1)}.card__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-sm);color:var(--color-text);line-height:1.25;transition:color var(--duration-fast)}.card:hover .card__title{color:var(--color-accent)}.card__summary{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-lg);flex:1 1}.card__meta{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-top:auto}@media (max-width:768px){.card{padding:var(--space-lg) var(--space-md);border-color:var(--color-border);box-shadow:var(--shadow-sm)}}.tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:100px;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;line-height:1.4}.tag--field{background:var(--color-accent-secondary-light);color:#3d82ab}.tag--unsolved{background:rgba(197,148,0,.1);color:var(--color-warning)}.tag--solved{background:rgba(46,139,87,.1);color:var(--color-success)}.tag--theory{background:var(--color-accent-light);color:var(--color-accent)}.breadcrumbs{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);margin-bottom:var(--space-xl)}.breadcrumbs,.breadcrumbs a{color:var(--color-text-tertiary)}.breadcrumbs a{transition:color var(--duration-fast)}.breadcrumbs a:hover{color:var(--color-accent)}.breadcrumbs__separator{color:var(--color-border);font-size:.75em}.pull-quote{border-left:4px solid var(--color-accent);padding:var(--space-xl) var(--space-xl);margin:var(--space-2xl) 0;background:var(--color-accent-light);border-radius:0 var(--radius-lg) var(--radius-lg) 0;position:relative}.pull-quote:before{content:"\201C";font-family:var(--font-heading);font-size:4rem;line-height:1;color:var(--color-accent);opacity:.2;position:absolute;top:var(--space-sm);left:var(--space-lg)}.pull-quote p{font-family:var(--font-heading);font-size:var(--text-xl);font-style:italic;color:var(--color-text);margin:0;padding-left:var(--space-md);line-height:1.5}.pull-quote cite{display:block;margin-top:var(--space-md);padding-left:var(--space-md);font-size:var(--text-sm);font-style:normal;font-weight:500;color:var(--color-text-secondary)}.pull-quote cite:before{content:"\2014\00a0";color:var(--color-accent)}@media (max-width:480px){.pull-quote{padding:var(--space-lg) var(--space-md)}.pull-quote p{font-size:var(--text-lg);padding-left:0}.pull-quote:before{font-size:2.5rem;left:var(--space-sm)}}.fact-box{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-left:4px solid var(--color-accent-secondary);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-lg) var(--space-xl);margin:var(--space-xl) 0}.fact-box__title{font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent-secondary);margin-bottom:var(--space-sm)}.fact-box p{margin-bottom:0}.side-note{font-size:var(--text-sm);color:var(--color-text-secondary);border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);padding:var(--space-md) 0;font-style:italic}.disclaimer,.side-note{margin:var(--space-xl) 0}.disclaimer{background:rgba(197,148,0,.06);border:1px solid rgba(197,148,0,.25);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);display:flex;align-items:flex-start;gap:var(--space-md)}.disclaimer__icon{font-size:1.25rem;flex-shrink:0;margin-top:2px}.disclaimer p{font-size:var(--text-sm);color:var(--color-text);margin:0;line-height:1.6}@media (max-width:480px){.disclaimer{padding:var(--space-md);gap:var(--space-sm);flex-direction:column}}.math-block{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);margin:var(--space-xl) 0;overflow-x:auto;text-align:center;font-family:var(--font-mono)}.related{border-top:1px solid var(--color-border);padding-top:var(--space-2xl);margin-top:var(--space-3xl)}.related__title{font-family:var(--font-heading);font-size:var(--text-xl);margin-bottom:var(--space-lg)}.related__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg)}.hero{padding:var(--space-3xl) 0 var(--space-2xl);text-align:center;max-width:var(--wide-width);margin:0 auto}.hero__title{font-size:var(--text-4xl);color:var(--color-text);margin-bottom:var(--space-md);letter-spacing:-.02em;line-height:1.08}.hero__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-lg);line-height:1.6}@media (max-width:768px){.hero{padding:var(--space-xl) 0}.hero__subtitle{font-size:var(--text-base)}}@media (max-width:480px){.stats-row{gap:var(--space-lg);padding:var(--space-md) 0}.stat__value{font-size:var(--text-2xl)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:12px 28px;border-radius:100px;font-weight:600;font-size:var(--text-sm);cursor:pointer;border:none;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;text-decoration:none}.btn:active{transform:scale(.97)}.btn--primary{background:var(--color-accent);color:#fff;box-shadow:0 2px 8px rgba(232,124,42,.25)}.btn--primary:hover{background:var(--color-accent-hover);color:#fff;box-shadow:0 4px 16px rgba(232,124,42,.35);transform:translateY(-1px)}.btn--outline{background:transparent;border:1.5px solid var(--color-border);color:var(--color-text)}.btn--outline:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-light)}.btn--sm{padding:8px 18px;font-size:var(--text-xs)}.btn--lg{padding:16px 36px;font-size:var(--text-base)}@media (max-width:480px){.btn{padding:12px 24px}.btn,.btn--lg{font-size:var(--text-sm)}.btn--lg{padding:14px 28px}}.featured-card{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-2xl);display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-2xl);gap:var(--space-2xl);align-items:center;text-decoration:none;color:inherit;transition:all var(--duration-normal) var(--ease-out);overflow:hidden;position:relative}.featured-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px);border-color:var(--color-border)}.featured-card__visual{background:linear-gradient(135deg,var(--color-bg-secondary),var(--color-bg-tertiary));border-radius:var(--radius-lg);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;font-size:5rem;color:var(--color-accent);opacity:.6;position:relative;overflow:hidden}.featured-card__visual:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,var(--color-accent-light),transparent 70%)}.featured-card__body{display:flex;flex-direction:column;gap:var(--space-md)}@media (max-width:768px){.featured-card{grid-template-columns:1fr;padding:var(--space-lg);gap:var(--space-lg);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.featured-card__visual{aspect-ratio:16/9;font-size:3rem}}@media (max-width:480px){.featured-card{padding:var(--space-md);border-radius:var(--radius-lg)}}.stats-row{display:flex;gap:var(--space-2xl);padding:var(--space-xl) 0;border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);justify-content:center;flex-wrap:wrap}.stat{text-align:center}.stat__value{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;color:var(--color-accent);line-height:1;display:block}.stat__label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary);margin-top:var(--space-xs);display:block}.method-card{padding:var(--space-xl);border-radius:var(--radius-lg);background:var(--color-bg-primary);border:1px solid var(--color-border-light);position:relative;transition:all var(--duration-normal) var(--ease-out)}.method-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border)}.method-card__number{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;color:var(--color-accent);opacity:.15;line-height:1;margin-bottom:var(--space-sm)}.method-card h3{font-size:var(--text-lg);margin-bottom:var(--space-sm)}.method-card p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.7}.filter-row{display:flex;gap:var(--space-xs);flex-wrap:wrap}.filter-row .btn{padding:8px 20px;font-size:var(--text-xs);border-radius:100px}.article-header{margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border-light)}.article-header h1{margin-bottom:var(--space-md)}.article-header .lead{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.7;margin-bottom:0}article h2{margin-top:var(--space-2xl);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-light)}article section{margin-bottom:var(--space-xl)}.book-showcase{display:grid;grid-template-columns:auto 1fr;grid-gap:var(--space-2xl);gap:var(--space-2xl);align-items:center;max-width:var(--wide-width);margin:0 auto}.book-showcase__cover{position:relative;flex-shrink:0}.book-showcase__cover img{width:280px;height:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-xl),0 0 0 1px rgba(0,0,0,.05);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.book-showcase__cover:hover img{transform:translateY(-6px) rotate(-1deg);box-shadow:var(--shadow-xl),0 20px 60px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05)}.book-showcase__cover:after{content:"";position:absolute;bottom:-12px;left:10%;right:10%;height:20px;background:radial-gradient(ellipse,rgba(0,0,0,.12) 0,transparent 70%);border-radius:50%;z-index:-1;transition:opacity var(--duration-normal)}.book-showcase__cover:hover:after{opacity:.7}.book-showcase__body{display:flex;flex-direction:column;gap:var(--space-md)}.book-showcase__meta{font-size:var(--text-sm);color:var(--color-text-tertiary);display:flex;flex-wrap:wrap;gap:var(--space-lg)}.book-showcase__meta span{display:flex;align-items:center;gap:var(--space-xs)}.book-showcase__body h2{border:none;padding:0;margin:0;line-height:1.2}.book-showcase__body h3{font-family:var(--font-heading);font-weight:400;font-style:italic;color:var(--color-text-secondary);font-size:var(--text-lg);margin:0;line-height:1.3}.book-showcase__body p{margin-bottom:0;line-height:1.75}.btn--amazon{background:#f90;color:#111!important;font-weight:700;box-shadow:0 2px 8px rgba(255,153,0,.3)}.btn--amazon:hover{background:#e68a00;color:#111!important;box-shadow:0 4px 16px rgba(255,153,0,.4);transform:translateY(-1px)}@media (max-width:768px){.book-showcase{grid-template-columns:1fr;text-align:center;gap:var(--space-lg)}.book-showcase__cover{display:flex;justify-content:center}.book-showcase__cover img{width:180px}.book-showcase__meta{justify-content:center}.book-showcase__body{align-items:center}.book-showcase__body h2{font-size:var(--text-xl)}.book-showcase__body h3{font-size:var(--text-base)}}@media (max-width:480px){.book-showcase__cover img{width:150px}.method-card{padding:var(--space-lg)}.method-card__number{font-size:var(--text-2xl)}}.reader{position:fixed;inset:0;z-index:200;flex-direction:column}.reader,.reader__topbar{display:flex;background:var(--color-bg-primary)}.reader__topbar{align-items:center;justify-content:space-between;height:52px;padding:0 var(--space-lg);border-bottom:1px solid var(--color-border-light);flex-shrink:0;z-index:10}.reader__back{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;text-decoration:none;padding:6px 12px;margin:-6px -12px;border-radius:var(--radius-md);transition:all var(--duration-fast)}.reader__back:hover{color:var(--color-accent);background:var(--color-accent-light)}.reader__title{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:var(--text-sm);line-height:1.2;text-align:center;min-width:0}.reader__title strong{font-weight:600;color:var(--color-text)}.reader__chapter,.reader__title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader__chapter{font-size:var(--text-xs);color:var(--color-text-tertiary);max-width:300px}.reader__toc-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:all var(--duration-fast)}.reader__toc-btn:hover{color:var(--color-accent);background:var(--color-accent-light)}.reader__progress-track{height:3px;background:var(--color-border-light);flex-shrink:0;position:relative}.reader__progress-bar{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-secondary));transition:width .2s linear;border-radius:0 2px 2px 0}.reader__toc-overlay{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reader__toc{position:absolute;top:0;right:0;bottom:0;width:340px;max-width:85vw;background:var(--color-bg-primary);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;animation:slideInRight var(--duration-normal) var(--ease-out)}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.reader__toc-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-border-light)}.reader__toc-header h3{font-size:var(--text-lg);margin:0}.reader__toc-header button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-secondary);padding:4px 8px;border-radius:var(--radius-sm);line-height:1}.reader__toc-header button:hover{color:var(--color-text);background:var(--color-bg-tertiary)}.reader__toc ul{list-style:none;flex:1 1;overflow-y:auto;padding:var(--space-sm) 0}.reader__toc li{margin:0}.reader__toc-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-sm) var(--space-lg);background:none;border:none;cursor:pointer;font-size:var(--text-sm);color:var(--color-text-secondary);text-align:left;transition:all var(--duration-fast)}.reader__toc-item:hover{color:var(--color-accent);background:var(--color-accent-light)}.reader__toc-item--locked{opacity:.45;cursor:default}.reader__toc-item--locked:hover{color:var(--color-text-secondary);background:transparent}.reader__toc-cta{padding:var(--space-lg);border-top:1px solid var(--color-border-light);text-align:center}.reader__toc-cta p{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-md)}.reader__body{flex:1 1;position:relative;overflow:hidden}.reader__viewer{width:100%;height:100%}.reader__error,.reader__loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl);text-align:center}.reader__spinner{width:40px;height:40px;border:3px solid var(--color-border-light);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.reader__error h2{font-size:var(--text-xl);border:none;padding:0}.reader__error p{max-width:400px}.reader__limit-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,240,0) 0,rgba(255,255,240,.85) 30%,rgba(255,255,240,.98) 50%,ivory 70%);display:flex;align-items:center;justify-content:center;z-index:20;padding:var(--space-xl)}.reader__limit-card{text-align:center;max-width:440px;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);animation:fadeInUp var(--duration-slow) var(--ease-out)}.reader__limit-card h2{font-size:var(--text-2xl);border:none;padding:0;margin:0}.reader__limit-card p{color:var(--color-text-secondary);max-width:360px}.reader__limit-icon{margin-bottom:var(--space-sm)}.reader__limit-actions{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center;margin-top:var(--space-sm)}.reader__navbar{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 var(--space-lg);background:var(--color-bg-primary);border-top:1px solid var(--color-border-light);flex-shrink:0}.reader__nav-btn{display:inline-flex;align-items:center;gap:var(--space-xs);background:none;border:none;cursor:pointer;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);padding:8px 16px;border-radius:100px;transition:all var(--duration-fast)}.reader__nav-btn:hover{color:var(--color-accent);background:var(--color-accent-light)}.reader__nav-info{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:500}@media (max-width:640px){.reader__navbar,.reader__topbar{padding:0 var(--space-md)}.reader__back-text{display:none}.reader__chapter{max-width:160px}}