:root{--bg:#f5f5fc;--bg-raise:#edeffc;--bg-subtle:#f8f9ff;--bg-accent-soft:#e6eaff;--bg-card:#fff;--border:#dce1f1;--border-strong:#cbd4f4;--control-outline:#44518a59;--headline:#1d2440;--text:#596580;--muted:#66718f;--eyebrow:#6471ae;--accent:#44518a;--accent-hover:#1d2440;--on-accent:#fff;--success:#0c766a;--success-bg:#e9f5ef;--success-border:#cbe7d6;--warning:#7a5410;--warning-bg:#fff6e6;--warning-border:#f0dcae;--danger:#8a2f3c;--danger-bg:#fdeef0;--danger-border:#f3cdd3;--selection:#a8b9ff59;--overlay:#1d244073;--reader-light-ink:#252c40;--reader-light-paper:#fff;--reader-sepia-ink:#514230;--reader-sepia-paper:#f6eedc;--reader-night-ink:#dddfe6;--reader-night-paper:#191b20;--font-sans:var(--font-inter), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-thai-stack:var(--font-thai), var(--font-inter), ui-sans-serif, system-ui, sans-serif;--font-serif:Georgia, "Songti SC", "Noto Serif CJK SC", "SimSun", serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--font-reading:var(--font-sans);--font-wordmark:Arial, "Helvetica Neue", Helvetica, sans-serif;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-h2:clamp(24px, 3vw, 34px);--text-h1:clamp(34px, 5vw, 56px);--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-none:1.1;--leading-tight:1.25;--leading-snug:1.4;--leading-normal:1.6;--leading-relaxed:1.8;--space-0-5:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-24:96px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--shadow-sm:0 1px 2px #1d24400f;--shadow-md:0 6px 18px #1d244014;--shadow-lg:0 18px 48px #1d244024;--focus-ring:0 0 0 3px #44518a40;--duration-fast:.12s;--duration-base:.2s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--width-page:1120px;--width-content:1000px;--width-text:760px;--width-prose:620px;--width-narrow:520px;--width-dialog:380px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--selection);color:var(--headline)}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:100%;max-width:var(--width-page);padding:0 var(--space-6);margin:0 auto}@media (max-width:640px){.container{padding-inline:var(--space-4)}}.eyebrow{margin:0 0 var(--space-4);color:var(--eyebrow);text-transform:uppercase;letter-spacing:.14em;font-size:var(--text-xs);font-weight:var(--weight-bold)}.button{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--accent);color:var(--on-accent);font-family:inherit;font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);border:1px solid #0000;display:inline-flex}.button:hover{background:var(--accent-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.button .arrow{font-size:inherit;transform:translateY(-1px)}.button.small{padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm)}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 96%, transparent);border-bottom:1px solid var(--border);position:sticky;top:0}.nav{justify-content:space-between;align-items:center;height:68px;display:flex}.brand{align-items:center;gap:var(--space-3);color:var(--headline);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:-.01em;display:inline-flex}.brand .mark{border-radius:var(--radius-md);width:34px;height:34px;color:var(--accent);background:0 0;place-items:center;display:grid}.brand .mark img{width:100%;height:auto;display:block}.wordmark{font-family:var(--font-wordmark);font-weight:var(--weight-bold);letter-spacing:-.03em}.wordmark-open{color:var(--headline)}.wordmark-reader{color:var(--accent)}.nav-links{align-items:center;gap:var(--space-8);font-size:var(--text-base);display:flex}.nav-links a{color:var(--muted);transition:color var(--duration-fast) var(--ease-standard)}.nav-links a:hover{color:var(--headline)}.hero{padding:var(--space-24) 0 var(--space-16);text-align:center;position:relative;overflow:hidden}.hero-copy{position:relative}.hero h1{color:var(--headline);font-size:var(--text-h1);line-height:var(--leading-none);letter-spacing:-.03em;font-weight:var(--weight-bold);margin:0}.hero h1 .accent{color:var(--accent);display:block}.lede{max-width:var(--width-prose);margin:var(--space-6) auto 0;font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--text)}.hero-actions{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-10);flex-wrap:wrap;display:flex}.hero-note{margin:var(--space-4) 0 0;color:var(--muted);font-size:var(--text-base)}.shot-frame{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);padding:var(--space-3);box-shadow:var(--shadow-md)}.shot-frame img{border-radius:var(--radius-lg);width:100%;height:auto;display:block}.section{padding:var(--space-24) 0}.section-head{max-width:var(--width-prose);margin:0 0 var(--space-12)}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section h2{color:var(--headline);font-size:var(--text-h2);line-height:var(--leading-none);letter-spacing:-.02em;font-weight:var(--weight-bold);margin:0}.section-sub{margin:var(--space-4) 0 0;color:var(--text);font-size:var(--text-md)}.facts{gap:var(--space-8);border-block:1px solid var(--border);padding-block:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}.fact{padding:0}.fact strong{margin-bottom:var(--space-1-5);color:var(--headline);font-size:var(--text-md);display:block}.fact span{color:var(--muted);font-size:var(--text-base);line-height:var(--leading-normal)}.features{gap:var(--space-10);grid-template-columns:repeat(3,1fr);display:grid}.feature{padding:var(--space-6) 0 0;border-top:1px solid var(--border)}.feature-icon{width:40px;height:40px;margin-bottom:var(--space-4);color:var(--accent);place-items:center;display:grid}.feature h3{margin:0 0 var(--space-2);color:var(--headline);font-size:var(--text-md);font-weight:var(--weight-bold)}.feature p{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text);margin:0}.showcase-row{gap:var(--space-16);padding:var(--space-10) 0;grid-template-columns:1fr 1.25fr;align-items:center;display:grid}.showcase-row.reverse{grid-template-columns:1.25fr 1fr}.showcase-row.reverse .showcase-copy{order:2}.showcase-row.reverse .showcase-shot{order:1}.showcase-copy h3{margin:0 0 var(--space-4);color:var(--headline);font-size:var(--text-h2);line-height:var(--leading-none);letter-spacing:-.02em;font-weight:var(--weight-bold)}.showcase-copy p{font-size:var(--text-md);color:var(--text);margin:0}.two-up{gap:var(--space-6);margin-top:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.mini-card{gap:var(--space-5);flex-direction:column;padding:0;display:flex}.mini-card .shot-frame{padding:var(--space-2);border-radius:var(--radius-md);box-shadow:none}.mini-card .shot-frame img{border-radius:var(--radius-md)}.mini-copy{padding:var(--space-1) 0 var(--space-3)}.mini-copy h3{margin:0 0 var(--space-2);color:var(--headline);font-size:var(--text-lg);font-weight:var(--weight-bold)}.mini-copy p{font-size:var(--text-base);color:var(--text);margin:0}.steps{gap:var(--space-10);grid-template-columns:repeat(3,1fr);display:grid}.step{border-top:1px solid var(--border);padding:var(--space-6) 0 0}.step-num{width:34px;height:34px;margin-bottom:var(--space-5);border-radius:var(--radius-md);background:var(--accent);color:var(--on-accent);font-weight:var(--weight-bold);font-size:var(--text-md);place-items:center;display:grid}.step h3{margin:0 0 var(--space-2);color:var(--headline);font-size:var(--text-md);font-weight:var(--weight-bold)}.step p{font-size:var(--text-base);color:var(--text);margin:0}.privacy{gap:var(--space-12);grid-template-columns:1fr 1fr;align-items:center;display:grid}.privacy-list{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.privacy-list li{gap:var(--space-3);font-size:var(--text-md);line-height:var(--leading-normal);align-items:flex-start;display:flex}.privacy-list .check{width:22px;height:22px;margin-top:var(--space-0-5);border-radius:var(--radius-sm);background:var(--bg-accent-soft);color:var(--accent);flex:none;place-items:center;display:grid}.faq{max-width:var(--width-text);margin:0 auto}.faq details{border-top:1px solid var(--border);padding:var(--space-5) 0}.faq details:last-child{border-bottom:1px solid var(--border)}.faq summary{justify-content:space-between;align-items:center;gap:var(--space-4);color:var(--headline);font-size:var(--text-md);font-weight:var(--weight-semibold);cursor:pointer;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent);font-size:var(--text-xl);font-weight:var(--weight-semibold);transition:transform var(--duration-base) var(--ease-standard);flex:none}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{margin:var(--space-4) 0 0;font-size:var(--text-base);color:var(--text)}.cta-band{border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--bg-accent-soft);padding:var(--space-16) var(--space-8);text-align:center}.cta-band h2{max-width:var(--width-prose);margin:0 auto}.cta-band .hero-actions{margin-top:var(--space-8)}.footer{margin-top:var(--space-24);padding:var(--space-12) 0 var(--space-16);border-top:1px solid var(--border)}.footer-inner{justify-content:space-between;align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.footer-meta{gap:var(--space-1);color:var(--muted);font-size:var(--text-base);display:grid}.footer-links{gap:var(--space-6);font-size:var(--text-base);display:flex}.footer-links a{color:var(--muted);transition:color var(--duration-fast) var(--ease-standard)}.footer-links a:hover{color:var(--headline)}@media (max-width:960px){.facts{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.showcase-row,.showcase-row.reverse{gap:var(--space-8);grid-template-columns:1fr}.showcase-row.reverse .showcase-copy,.showcase-row.reverse .showcase-shot{order:initial}.privacy{gap:var(--space-8);grid-template-columns:1fr}}@media (max-width:640px){.nav-links{display:none}.features,.steps,.two-up,.facts{grid-template-columns:1fr}.hero{padding-top:var(--space-16)}.section{padding:var(--space-16) 0}}a:focus-visible,summary:focus-visible{box-shadow:var(--focus-ring);outline:none}html{scroll-padding-top:var(--space-24)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.faq summary:after{transition:none}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav-actions{align-items:center;gap:var(--space-5);display:flex}.language-switcher{align-items:center;gap:var(--space-1-5);color:var(--text);display:flex}.language-switcher select{max-width:100px;min-height:40px;color:var(--headline);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:0}.language-switcher select:focus-visible{box-shadow:var(--focus-ring);outline:none}html[lang=th] body{font-family:var(--font-thai-stack)}html[lang=th] .hero h1{line-height:var(--leading-tight);letter-spacing:-.02em}html[lang=th] .section h2,html[lang=th] .showcase-copy h3{line-height:var(--leading-snug)}html[lang=th] .eyebrow{letter-spacing:.03em}.translation-demo{max-width:var(--width-content);margin:var(--space-12) auto 0;text-align:left;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-card);overflow:hidden}.demo-toolbar{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-8);background:var(--bg-accent-soft);font-size:var(--text-xs);color:var(--text);display:flex}.demo-brand{align-items:center;gap:var(--space-2);font-weight:var(--weight-bold);color:var(--headline);display:inline-flex}.demo-language-labels{justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-10);border-bottom:1px solid var(--border);color:var(--headline);font-size:var(--text-base);font-weight:var(--weight-semibold);display:flex}.demo-label-detail{margin-left:var(--space-2);font-size:var(--text-2xs);font-weight:var(--weight-regular);color:var(--muted)}.comparison-pages{isolation:isolate;touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;height:500px;position:relative;overflow:hidden}.comparison-page{text-align:left;width:100%;position:absolute;inset:0;overflow:hidden}.comparison-text{width:100%;padding:var(--space-8)}.comparison-page p{margin:0 0 var(--space-5);font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--headline)}.comparison-page p:last-child{margin-bottom:0}.translated-page{clip-path:inset(0 0 0 var(--split));background:var(--bg-subtle);font-family:var(--font-thai-stack)}.original-page{clip-path:inset(0 calc(100% - var(--split)) 0 0);background:var(--bg-card);font-family:var(--font-serif)}.comparison-divider{z-index:2;left:var(--split);background:var(--eyebrow);pointer-events:none;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.comparison-divider span{border:1px solid var(--eyebrow);background:var(--bg-card);width:42px;height:42px;color:var(--accent);font-size:var(--text-xl);letter-spacing:3px;box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.comparison-range{z-index:3;appearance:none;pointer-events:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.comparison-range::-webkit-slider-runnable-track{background:0 0}.comparison-range::-webkit-slider-thumb{appearance:none;background:0 0;width:0;height:44px}.comparison-range::-moz-range-track{background:0 0;border:0}.comparison-range::-moz-range-thumb{background:0 0;border:0;width:0;height:44px}.comparison-range:focus-visible{box-shadow:var(--focus-ring);outline:none}.comparison-pages:focus-within .comparison-divider span{box-shadow:var(--focus-ring)}.translation-demo figcaption{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);border-top:1px solid var(--border);color:var(--muted);font-size:var(--text-xs);display:flex}.demo-sample{font-size:var(--text-2xs);margin-left:auto}@media (max-width:1200px){.nav-links{gap:var(--space-5)}.nav-actions{gap:var(--space-3)}}@media (max-width:960px){.nav-links{display:none}}@media (max-width:640px){.nav{gap:var(--space-3);height:auto;min-height:68px;padding-block:var(--space-3);flex-wrap:wrap}.nav-actions{gap:var(--space-2)}.brand{font-size:var(--text-md);gap:var(--space-2)}.language-switcher svg{display:none}.language-switcher select{font-size:var(--text-xs);max-width:82px}.demo-toolbar{padding:var(--space-3) var(--space-4)}.demo-toolbar>span:last-child{font-size:var(--text-2xs);text-align:right}.demo-language-labels{padding:var(--space-4) var(--space-5)}.demo-label-detail{display:none}.comparison-pages{height:570px}.comparison-text{padding:var(--space-5)}.comparison-page p{font-size:var(--text-md);line-height:var(--leading-relaxed);margin-bottom:var(--space-5)}.translation-demo figcaption{padding:var(--space-3) var(--space-4);font-size:var(--text-2xs);flex-wrap:wrap}.demo-sample{font-size:var(--text-2xs)}}.policy-page{max-width:calc(var(--width-text) + var(--space-6) + var(--space-6));padding-top:var(--space-16);padding-bottom:var(--space-24)}.policy-back,.policy-contact{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.policy-page h1{margin:var(--space-8) 0 var(--space-3);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--headline);letter-spacing:-.02em;line-height:var(--leading-tight)}html[lang=th] .policy-page h1{line-height:var(--leading-snug)}.policy-date{color:var(--muted);margin-bottom:var(--space-10)}.policy-page section{margin-top:var(--space-8)}.policy-page h2{font-size:var(--text-xl);color:var(--headline);margin:0 0 var(--space-3);line-height:var(--leading-snug)}.policy-page section p{line-height:var(--leading-relaxed);overflow-wrap:anywhere;margin:0}@media (max-width:640px){.policy-page{padding-top:var(--space-8);padding-bottom:var(--space-12)}.policy-page h1{font-size:var(--text-xl)}}.comparison-text[data-animate=true] .translation-character{opacity:0}.comparison-text[data-animate=true][data-started=true] .translation-character{animation:translation-character-in var(--duration-base) var(--ease-standard) var(--character-delay) both}@keyframes translation-character-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.comparison-text[data-animate=true] .translation-character{opacity:1;animation:none}}.app-main{padding-top:var(--space-12);padding-bottom:var(--space-6);min-height:60vh}.app-head{max-width:var(--width-content);margin:0 auto var(--space-8)}.app-head h1{color:var(--headline);font-size:var(--text-2xl);line-height:var(--leading-tight);letter-spacing:-.02em;font-weight:var(--weight-bold);margin:0}.app-lede{margin:var(--space-2) 0 0;max-width:var(--width-prose);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--muted)}html[lang=th] .app-head h1{line-height:var(--leading-snug)}.app-card{border:1px solid var(--border);background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.app-card+.app-card,.app-card+.notice,.notice+.app-card,.translate-form,.status-card{margin-top:var(--space-5)}.connection-row{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.connection-copy{margin:var(--space-1-5) 0 0;font-size:var(--text-base);max-width:var(--width-narrow)}.muted{color:var(--muted)}.button.secondary,.button.ghost{background:var(--bg-card);border-color:var(--border);color:var(--headline)}.button.secondary:hover,.button.ghost:hover{background:var(--bg-card);border-color:var(--border-strong);box-shadow:none}.button.danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.button.danger:hover{background:var(--danger-bg);border-color:var(--danger);box-shadow:none}.button:disabled{opacity:.55;cursor:default;box-shadow:none;transform:none}.pairing-box{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px dashed var(--border-strong)}.pairing-box p{margin:0 0 var(--space-2)}.pairing-code{font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:.35em;color:var(--headline);font-variant-numeric:tabular-nums}.app-field{gap:var(--space-2);display:grid}.app-field>span{text-transform:uppercase;letter-spacing:.1em;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--eyebrow)}.app-input{width:100%;min-height:46px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);color:var(--headline);font:inherit;font-size:var(--text-md)}.app-input:focus-visible{border-color:var(--border-strong);box-shadow:var(--focus-ring);outline:none}.app-form-row{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(3,minmax(140px,1fr)) auto;align-items:end;display:grid}.app-form-row .button{white-space:nowrap;justify-content:center;min-height:46px}.status-line{margin:0 0 var(--space-3);color:var(--headline);font-weight:var(--weight-semibold)}.progress{border-radius:var(--radius-pill);background:var(--bg-raise);height:8px;overflow:hidden}.progress-fill{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--accent), var(--eyebrow));height:100%;transition:width var(--duration-base) var(--ease-standard)}.status-heading{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.status-heading .status-line{margin-bottom:var(--space-1-5)}.status-percent{font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--accent)}.status-hint{font-size:var(--text-base);margin:0 0 var(--space-5);color:var(--muted);line-height:var(--leading-normal)}.progress.indeterminate .progress-fill{width:35%;animation:translation-progress 1.8s var(--ease-standard) infinite}@keyframes translation-progress{0%{transform:translate(-100%)}to{transform:translate(390%)}}#chapter-composer[hidden]{display:none}.reader-context-bar{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.reader-context-bar>a{font-size:var(--text-sm)}.reading-surface .reader-progress{color:var(--reading-ink);padding:0 var(--space-2);min-height:32px;font-size:var(--text-sm);opacity:.7}.inline-loading{gap:var(--space-2);align-items:center;display:inline-flex}.loading-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.9s linear infinite loading-spin;display:inline-block}@keyframes loading-spin{to{transform:rotate(360deg)}}.translation-loading{text-align:center;min-height:min(68svh,640px);padding:var(--space-12) var(--space-5);color:var(--headline);flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-book{border-radius:var(--radius-xl);background:var(--bg-raise);width:88px;height:88px;color:var(--accent);margin-bottom:var(--space-8);place-items:center;display:grid;position:relative}.loading-book .loading-spinner{background:var(--bg);width:26px;height:26px;box-shadow:0 0 0 var(--space-1) var(--bg);position:absolute;bottom:-5px;right:-5px}.translation-loading h1{margin:0 0 var(--space-3);font-size:var(--text-2xl);line-height:var(--leading-snug)}.translation-loading>p{max-width:var(--width-dialog);color:var(--muted);font-size:var(--text-md);line-height:var(--leading-relaxed);margin:0}.translation-loading>.loading-chapter-title{margin:0 0 var(--space-3);color:var(--headline);font-size:var(--text-lg);font-weight:var(--weight-semibold);overflow-wrap:anywhere}.translation-loading>.loading-first-note{max-width:var(--width-dialog);margin:var(--space-5) 0 0;color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-relaxed);opacity:.85}.loading-source{margin-top:var(--space-5);overflow-wrap:anywhere;max-width:100%;padding:var(--space-1-5) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--muted);font-size:var(--text-xs)}.translation-loading>.loading-upgrade-card{width:100%;max-width:var(--width-dialog);margin-top:var(--space-6);text-align:start}.translation-loading>button{margin-top:var(--space-8)}.translated-paragraph{animation:paragraph-reveal var(--duration-base) var(--ease-standard)}@keyframes paragraph-reveal{0%{opacity:0}to{opacity:1}}.reader-skeleton{gap:var(--space-4);padding-block:var(--space-3) var(--space-6);display:grid}.reader-skeleton span{border-radius:var(--radius-sm);opacity:.08;background:currentColor;width:100%;height:12px}.reader-skeleton span:last-child{width:62%}.reading-surface .reader-scroll .stream-reading-note{font-size:var(--text-sm);color:var(--reading-ink);opacity:.75;border-top:1px solid var(--border);padding-top:var(--space-4);margin-top:var(--space-6)}@media (prefers-reduced-motion:reduce){.translated-paragraph,.loading-spinner{animation:none}.progress-fill{transition:none}.progress.indeterminate .progress-fill{opacity:.45;width:100%;animation:none}}.notice{margin:var(--space-5) 0 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--bg-raise);border:1px solid var(--border)}.notice.error{color:var(--danger);background:var(--danger-bg);border-color:var(--danger-border)}.notice.success{color:var(--success);background:var(--success-bg);border-color:var(--success-border)}.status-card .notice{margin-top:0}.status-card>.button,.plan-box{margin-top:var(--space-4)}.plan-box p{margin:0 0 var(--space-3)}.plan-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.chapter-recovery>p{margin:var(--space-4) 0}.chapter-recovery .button{white-space:normal;text-align:center}.app-download{margin-top:var(--space-5);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-subtle)}.app-download-title{margin:0 0 var(--space-1);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--headline);line-height:var(--leading-snug)}.app-download-body{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--muted);line-height:var(--leading-normal)}.app-download-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, calc(var(--space-24) * 2.5)), 1fr));gap:var(--space-3);display:grid}.app-download-card{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--headline);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);text-decoration:none;display:flex}a.app-download-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}a.app-download-card:focus-visible{box-shadow:var(--focus-ring);outline:none}.app-download-icon{color:var(--headline);flex-shrink:0;display:inline-flex}.app-download-text{flex-direction:column;flex:1;min-width:0;display:flex}.app-download-text strong{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.app-download-text small{font-size:var(--text-xs);color:var(--muted)}.app-download-action{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap;flex-shrink:0}a.app-download-card:hover .app-download-action{background:var(--accent-hover)}.app-download-card.is-soon{color:var(--muted);background:0 0;border-style:dashed}.app-download-card.is-soon .app-download-icon{color:var(--muted)}.app-download-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--bg-raise);color:var(--eyebrow);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap;flex-shrink:0}.reader{margin-top:var(--space-8)}.reader-head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.reader-head h2{margin:0 0 var(--space-1);color:var(--headline);font-size:var(--text-xl);line-height:var(--leading-tight)}.reader-head p{font-size:var(--text-base);margin:0}.reader-grid{justify-content:center;gap:var(--space-5);grid-template-columns:minmax(0,760px);align-items:start;display:grid}.reader-pane{border:1px solid var(--border);background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden}.reader-pane h3{padding:var(--space-3) var(--space-5);background:var(--bg-raise);border-bottom:1px solid var(--border);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--eyebrow);margin:0}.reader-pane.translated .reader-scroll{background:var(--bg-subtle)}.reader-scroll{max-height:70vh;padding:var(--space-5) var(--space-6);overflow-y:auto}.reader-scroll p{margin:0 0 var(--space-4);font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--headline)}html[lang=th] .reader-pane.translated .reader-scroll p{font-family:var(--font-thai-stack)}.next-bar{align-items:center;gap:var(--space-4);margin-top:var(--space-6);display:flex}.ready-badge{padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-pill);background:var(--success-bg);color:var(--success);border:1px solid var(--success-border);font-size:var(--text-xs);font-weight:var(--weight-semibold);align-items:center;display:inline-flex}@media (max-width:960px){.reader-grid{grid-template-columns:1fr}.app-form-row{grid-template-columns:1fr 1fr}}@media (max-width:640px){.app-form-row{grid-template-columns:1fr}.app-card{padding:var(--space-4)}.pairing-code{font-size:var(--text-2xl)}}.reader-app-header{z-index:50;background:color-mix(in srgb, var(--bg) 96%, transparent);border-bottom:1px solid var(--border);position:sticky;top:0}.reader-app-header .nav{gap:var(--space-8)}.reader-app-main{padding:var(--space-8) 0 calc(140px + env(safe-area-inset-bottom,0px));min-height:calc(100dvh - 68px)}.reader-app-nav{bottom:calc(var(--space-5) + env(safe-area-inset-bottom,0));z-index:20;width:360px;max-width:calc(100% - var(--space-6));gap:var(--space-1);padding:var(--space-1-5);border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--bg-card) 95%, transparent);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;left:50%;transform:translate(-50%)}.reader-app-nav a,.reader-app-nav button{gap:var(--space-1);min-width:0;min-height:58px;padding:var(--space-2) var(--space-1);font-size:var(--text-xs);color:var(--muted);border-radius:var(--radius-lg);white-space:nowrap;align-content:center;justify-items:center;display:grid}.reader-app-nav button{cursor:pointer;background:0 0;border:0;font-family:inherit}.reader-app-nav svg{flex-shrink:0}.nav-label-pending{visibility:hidden}.reader-app-nav a[aria-current=page],.reader-app-nav button[aria-current=page]{background:var(--bg-accent-soft);color:var(--accent)}.translate-workspace{max-width:var(--width-content);margin:auto}.composer-heading{text-align:center;max-width:var(--width-text);margin:var(--space-12) auto var(--space-8)}.composer-heading h1{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-snug);color:var(--headline);margin:0 0 var(--space-3);letter-spacing:-.02em}.composer-heading p{color:var(--muted);font-size:var(--text-base);margin:0}.translate-form{max-width:var(--width-text);border-radius:var(--radius-xl);padding:var(--space-5);margin:auto}.translate-form>.app-field>span{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.composer-input{resize:vertical;min-height:130px;padding:var(--space-1);font-size:var(--text-md);line-height:var(--leading-normal);background:0 0;border:0}.composer-actions{justify-content:space-between;align-items:center;gap:var(--space-3);border-top:1px solid var(--border);padding-top:var(--space-3);display:flex}.composer-settings-toggle{align-items:center;gap:var(--space-2);min-width:0;min-height:44px;padding:var(--space-1);border-radius:var(--radius-md);color:var(--headline);font:inherit;font-size:var(--text-sm);cursor:pointer;text-align:left;background:0 0;border:0;display:flex}.composer-settings-toggle svg{flex-shrink:0}.composer-settings-toggle>span{min-width:0}.composer-settings-toggle small{color:var(--muted);font-size:var(--text-2xs);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.composer-submit{white-space:nowrap;min-height:44px;font-size:var(--text-base);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md)}.composer-prefetch-note{margin:var(--space-3) var(--space-1) 0;color:var(--muted);font-size:var(--text-2xs);line-height:var(--leading-normal)}.composer-submit>span{font-size:var(--text-xl)}.translation-settings{border-top:1px solid var(--border);margin-top:var(--space-4);padding-top:var(--space-1)}.translation-settings[hidden]{display:none}.translation-settings .app-form-row{grid-template-columns:repeat(3,minmax(0,1fr))}.translate-form .app-field,.translate-form .app-input{min-width:0}.composer-thread{gap:var(--space-5);margin-top:var(--space-5);grid-template-columns:1fr 1fr;align-items:center;display:grid}.composer-thread p{font-size:var(--text-xs);line-height:var(--leading-normal);margin:0}.prefetch-control{gap:var(--space-2);min-height:44px;margin-top:var(--space-3);font-size:var(--text-xs);color:var(--muted);cursor:pointer;align-items:center;display:flex}.prefetch-control input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.connection-card{max-width:var(--width-text);margin:var(--space-5) auto 0;box-shadow:none;background:0 0}.connection-card strong{font-size:var(--text-base)}.reading-toolbar{gap:var(--space-5);margin:var(--space-6) 0;font-size:var(--text-xs);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.reading-tabs{padding:var(--space-1);border-radius:var(--radius-lg);background:var(--bg-accent-soft);display:flex}.reading-tabs button{min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0}.reading-tabs button[aria-pressed=true]{background:var(--bg-card);box-shadow:var(--shadow-sm)}.reading-toolbar label{gap:var(--space-3);align-items:center;display:flex}.reading-toolbar input{width:100px}.reading-toolbar select{min-height:44px;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);font:inherit}.reading-surface{min-width:0;padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-card);--reading-ink:var(--reader-light-ink);--reading-paper:var(--reader-light-paper)}.reading-surface.theme-sepia{--reading-ink:var(--reader-sepia-ink);--reading-paper:var(--reader-sepia-paper);background:var(--reader-sepia-paper)}.reading-surface.theme-night{--reading-ink:var(--reader-night-ink);--reading-paper:var(--reader-night-paper);background:var(--reader-night-paper)}.reading-surface .reader-head h2{color:var(--reading-ink);overflow-wrap:anywhere}.reading-surface .reader-pane{background:var(--reading-paper);border:0;min-width:0}.reading-surface .reader-scroll,.reading-surface .reader-pane.translated .reader-scroll{background:var(--reading-paper);max-height:none;overflow:visible}.reading-surface .reader-scroll p{color:var(--reading-ink);font-size:var(--reading-size);line-height:var(--leading-relaxed);margin-bottom:var(--space-6);overflow-wrap:anywhere}.reader-pane[hidden]{display:none}.next-bar{padding:var(--space-5);flex-wrap:wrap;justify-content:center}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{box-shadow:var(--focus-ring);outline:none}.discovery-catalogue{max-width:var(--width-content);margin:auto}.name-search{margin-bottom:var(--space-5);position:relative}.name-search>svg{top:var(--space-4);left:var(--space-4);color:var(--muted);position:absolute}.name-search .app-input{border-radius:var(--radius-lg);min-height:48px;padding-left:var(--space-12);font-size:var(--text-md)}.discovery-feature{gap:var(--space-8);min-height:290px;padding:var(--space-8) var(--space-10);border-radius:var(--radius-xl);color:#f7f4ec;background:radial-gradient(at 95% 0,#6a609866,#0000 60%),linear-gradient(120deg,#242740,#151929);grid-template-columns:minmax(0,1fr) 150px;align-items:center;display:grid;position:relative;overflow:hidden}.discovery-feature:before{content:"";pointer-events:none;border:1px solid #ffffff14;border-radius:50%;width:430px;height:430px;position:absolute;top:-100px;right:-60px}.feature-1{background:radial-gradient(at 95% 0,#75604566,#0000 65%),linear-gradient(120deg,#31352f,#202522)}.feature-2{background:radial-gradient(at 95% 0,#7073ac66,#0000 65%),linear-gradient(120deg,#323455,#17182c)}.feature-copy,.discovery-feature>.title-art{position:relative}.feature-label{font-size:var(--text-2xs);letter-spacing:.08em;color:#cdc6dd}.feature-copy h2{font-size:var(--text-h2);line-height:var(--leading-tight);letter-spacing:-.025em;margin:var(--space-2) 0}.feature-alias{margin:0 0 var(--space-3);font-size:var(--text-md);color:#ded7e9}.feature-rank{padding:var(--space-1) var(--space-2);color:#ebd9b4;border-radius:var(--radius-sm);font-size:var(--text-xs);background:#ffffff13;border:1px solid #ffffff24;display:inline-block}.feature-description{font-size:var(--text-base);line-height:var(--leading-relaxed);color:#d1cfdc;max-width:var(--width-dialog);margin:var(--space-3) 0 var(--space-4)}.feature-google{align-items:center;gap:var(--space-3);min-height:44px;font-size:var(--text-sm);font-weight:var(--weight-semibold);display:inline-flex}.feature-google:hover{text-underline-offset:4px;text-decoration:underline}.title-art{--art-top:#384467;--art-bottom:#121826;--art-ink:#c4cfeb;aspect-ratio:3/4.3;padding:var(--space-4) var(--space-3);border-radius:var(--radius-md);background:radial-gradient(ellipse at 65% 30%,#ffffff12,transparent 65%),linear-gradient(155deg,var(--art-top),var(--art-bottom));color:var(--art-ink);border:1px solid #ffffff28;flex-direction:column;justify-content:space-between;display:flex;overflow:hidden;box-shadow:inset 5px 0 #00000024,0 8px 16px #00000016}.art-1{--art-top:#41564e;--art-bottom:#1d2624;--art-ink:#e7d4a6}.art-2{--art-top:#686291;--art-bottom:#292743;--art-ink:#ded4fa}.art-3{--art-top:#b2bfbf;--art-bottom:#3c5059;--art-ink:#fff1db}.art-4{--art-top:#916951;--art-bottom:#342622;--art-ink:#f2d3b4}.art-5{--art-top:#54777a;--art-bottom:#1f353b;--art-ink:#dceacf}.art-6{--art-top:#8c8a65;--art-bottom:#3a4031;--art-ink:#f4ebce}.art-7{--art-top:#985f69;--art-bottom:#3e222e;--art-ink:#f6d1ca}.art-8{--art-top:#97b095;--art-bottom:#3c5445;--art-ink:#f0ead1}.art-edition{font-size:var(--text-2xs);letter-spacing:.13em;text-align:center;opacity:.7;white-space:nowrap}.title-art svg{stroke:currentColor;stroke-width:.65px;opacity:.75;align-self:center;width:90%;height:auto;max-height:55%}.title-art .art-star{fill:currentColor;stroke-width:0;opacity:.6}.art-title{font-family:var(--font-serif);font-size:clamp(var(--text-md), 1.5vw, var(--text-xl));line-height:var(--leading-tight);font-weight:var(--weight-medium);text-align:center}.title-art .art-title{-webkit-line-clamp:4;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.title-art .art-title[lang=th]{font-family:var(--font-thai-stack);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.art-rule{width:30%;height:1px;margin:var(--space-2) auto 0;opacity:.6;background:currentColor}.feature-pagination{margin:var(--space-1-5) 0 var(--space-4);justify-content:center;align-items:center;gap:0;display:flex}.feature-pagination button{min-width:44px;height:44px;color:var(--muted);font:inherit;font-size:var(--text-2xl);cursor:pointer;background:0 0;border:0;border-radius:50%;position:relative}.feature-pagination .feature-dot:before{content:"";background:var(--border-strong);border-radius:50%;width:6px;height:6px;margin:auto;display:block}.feature-pagination .feature-dot[aria-pressed=true]:before{background:var(--accent);border-radius:var(--radius-md);width:16px}.ranking-caption{font-size:var(--text-2xs);color:var(--muted);margin:-8px 0 var(--space-3)}.ranking-caption a{text-underline-offset:2px;text-decoration:underline}.ranking-heading{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.ranking-heading h2{gap:var(--space-3);color:var(--headline);font-size:var(--text-lg);align-items:center;margin:0;display:flex}.ranking-heading h2 span{color:var(--eyebrow);font-size:var(--text-xl)}.ranking-card{border-radius:var(--radius-md);display:block}.ranking-card h3{font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--headline);margin:var(--space-3) 0 var(--space-1-5)}.ranking-card h3[lang=th]{line-height:var(--leading-normal)}.ranking-original{font-size:var(--text-2xs);color:var(--muted);line-height:var(--leading-normal);margin:0 0 var(--space-1-5)}.feature-copy h2[lang=th]{line-height:var(--leading-normal);letter-spacing:0}.ranking-card:hover h3{text-underline-offset:3px;text-decoration:underline}.ranking-board{gap:var(--space-6);margin:var(--space-4) 0 var(--space-10);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;display:grid}.ranking-side{gap:var(--space-6);flex-direction:column;display:flex}.ranking-panel{padding:var(--space-5) var(--space-5) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card)}.ranking-panel .ranking-heading{margin-bottom:var(--space-1);flex-wrap:wrap}.ranking-panel .ranking-caption{margin:0}.rank-list{margin:0;padding:0;list-style:none}.list-more{margin:var(--space-4) auto var(--space-3);display:flex}.feature-actions{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.novel-detail{gap:var(--space-8);display:grid}.novel-back{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--muted);justify-self:start}.novel-back:hover{color:var(--accent)}.novel-hero{gap:var(--space-8);grid-template-columns:minmax(140px,220px) minmax(0,1fr);align-items:start;display:grid}.novel-hero-copy{gap:var(--space-4);display:grid}.novel-hero-copy h1{font-size:var(--text-h1);line-height:var(--leading-tight);color:var(--headline);margin:0}.novel-names{gap:var(--space-2);margin:0;display:grid}.novel-names div{gap:var(--space-3);grid-template-columns:7.5rem minmax(0,1fr);display:grid}.novel-names dt{font-size:var(--text-xs);color:var(--muted)}.novel-names dd{font-size:var(--text-sm);color:var(--text);margin:0}.novel-genres{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.novel-genres li{padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--muted)}.novel-ranks{gap:var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--accent);flex-wrap:wrap;margin:0;display:flex}.novel-about{max-width:var(--width-content);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card)}.novel-about h2{margin:0 0 var(--space-3);font-size:var(--text-lg);color:var(--headline)}.novel-premise{margin:0 0 var(--space-3);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text)}.novel-note{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--muted)}@media (max-width:640px){.novel-hero{gap:var(--space-5);grid-template-columns:1fr}.novel-hero .title-art{width:50%}.novel-names div{grid-template-columns:1fr;gap:0}}.rank-list li+li{border-top:1px solid var(--border)}.rank-row{gap:var(--space-3);padding:var(--space-3) 0;grid-template-columns:28px 40px minmax(0,1fr) 20px;align-items:center;display:grid}.rank-number{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}.rank-number.rank-1{color:#af7b21}.rank-number.rank-2{color:#71829d}.rank-number.rank-3{color:#b77555}.title-art.title-art-compact{aspect-ratio:3/4;padding:var(--space-1);border-radius:var(--radius-sm);justify-content:center;box-shadow:inset 3px 0 #00000024}.title-art-compact svg{width:100%;max-height:none}.title-art.title-cover{box-shadow:var(--shadow-md);padding:0}.title-cover img{object-fit:cover;width:100%;height:100%;display:block}.rank-copy{min-width:0}.rank-copy h3{font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--headline);margin:0}.rank-copy h3[lang=th]{line-height:var(--leading-normal)}.rank-copy .ranking-original{margin:0}.title-meta{font-size:var(--text-2xs);color:var(--eyebrow);line-height:var(--leading-normal);margin:var(--space-0-5) 0 0}.rank-go{color:var(--muted);place-items:center;display:grid}.rank-row:hover h3{text-underline-offset:3px;text-decoration:underline}.rank-row:hover .rank-go{color:var(--accent)}.ranking-side .name-lookup-invite{flex-direction:column;align-items:start}.feature-meta{font-size:var(--text-xs);color:#cdc6dd;margin:0 0 var(--space-3)}.genre-browse{margin-bottom:var(--space-6)}.genre-chips{gap:var(--space-2);margin-bottom:var(--space-5);padding-bottom:var(--space-1);scrollbar-width:none;display:flex;overflow-x:auto}.genre-chips button{min-height:40px;padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-card);color:var(--text);font:inherit;font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:border-color var(--duration-fast) var(--ease-standard);flex:none}.genre-chips button:hover{border-color:var(--border-strong);color:var(--headline)}.genre-chips button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.genre-grid{gap:var(--space-6) var(--space-5);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:0;padding:0;list-style:none;display:grid}.ranking-card .title-meta{margin-top:var(--space-1)}.name-lookup-invite{justify-content:space-between;gap:var(--space-4);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);align-items:center;display:flex}.name-lookup-invite h2{color:var(--headline);font-size:var(--text-lg);margin:0 0 var(--space-1-5)}.name-lookup-invite p{font-size:var(--text-sm);margin:0}.name-lookup-invite .button{white-space:nowrap;min-height:44px}.discovery-source{font-size:var(--text-2xs);line-height:var(--leading-relaxed);margin-top:var(--space-8);color:var(--muted)}.discovery-source a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.discovery-source p{margin:var(--space-1-5) 0}.name-results>h2{font-size:var(--text-xl);color:var(--headline);margin-bottom:var(--space-1-5)}.name-finder-note{color:var(--muted);font-size:var(--text-xs);line-height:var(--leading-relaxed);margin:var(--space-2) 0 var(--space-5)}.name-result{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);margin-bottom:var(--space-4)}.name-pair{align-items:center;gap:var(--space-6);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.name-language{color:var(--muted);font-size:var(--text-xs);margin:0 0 var(--space-1-5)}.name-pair h3{color:var(--headline);font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-normal);margin:0}.name-arrow{color:var(--muted);font-size:var(--text-xl)}.google-search{font-size:var(--text-sm)}.name-author{color:var(--muted);font-size:var(--text-sm);margin:-8px 0 var(--space-5)}.name-search-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.name-empty{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-6);background:var(--bg-card);margin-bottom:var(--space-5)}.name-empty h3{font-size:var(--text-xl);color:var(--headline)}.name-empty p{font-size:var(--text-sm);line-height:var(--leading-relaxed)}@media (max-width:640px){.reader-app-main{padding-top:var(--space-4)}.reader-app-nav{bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0))}.app-head{margin-bottom:var(--space-6)}.app-head h1{font-size:var(--text-xl)}.composer-heading{margin:var(--space-12) auto var(--space-6)}.composer-heading h1{font-size:var(--text-xl)}.composer-heading p{font-size:var(--text-xs)}.translate-form{padding:var(--space-4)}.composer-input{min-height:120px}.composer-actions{gap:var(--space-2)}.composer-settings-toggle{font-size:var(--text-xs);gap:var(--space-2)}.composer-thread{gap:var(--space-3);grid-template-columns:1fr}.translation-settings .app-form-row{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}.translation-settings .app-form-row .app-field:last-child{grid-column:1/-1}.connection-card{padding:var(--space-4)}.connection-row{gap:var(--space-3);flex-wrap:nowrap}.connection-row>div{min-width:0}.connection-row .button{flex-shrink:0;min-height:44px}.connection-copy{font-size:var(--text-xs)}.reading-surface{padding:var(--space-5) var(--space-2)}.reading-surface .reader-head{padding-inline:var(--space-2)}.reading-toolbar{gap:var(--space-3);justify-content:center}.reading-surface .reader-scroll{padding:var(--space-5) var(--space-2)}.discovery-feature{min-height:230px;padding:var(--space-5);gap:var(--space-4);border-radius:var(--radius-lg);grid-template-columns:minmax(0,1fr) 100px}.feature-label{font-size:var(--text-2xs);letter-spacing:.03em}.feature-alias{font-size:var(--text-sm);margin-bottom:var(--space-2)}.feature-description{font-size:var(--text-xs);margin:var(--space-2) 0 var(--space-1)}.feature-google{font-size:var(--text-xs)}.discovery-feature .art-title{font-size:var(--text-base)}.discovery-feature .art-title[lang=th]{font-size:var(--text-xs)}.discovery-feature .title-art{padding:var(--space-3) var(--space-2)}.discovery-feature .art-edition{font-size:var(--text-2xs)}.ranking-board{grid-template-columns:minmax(0,1fr)}.genre-grid{gap:var(--space-5) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.ranking-card h3{font-size:var(--text-sm)}.ranking-heading h2{font-size:var(--text-lg)}.title-art .art-title{font-size:var(--text-md)}.name-lookup-invite{padding:var(--space-5);flex-direction:column;align-items:start}.name-pair{gap:var(--space-3);flex-direction:column;align-items:start}.name-arrow{transform:rotate(90deg)}.name-result{padding:var(--space-5)}.name-pair h3{font-size:var(--text-xl)}.google-search{white-space:normal;justify-content:center;width:100%}.discovery-feature{padding:var(--space-4);gap:var(--space-3);grid-template-columns:minmax(0,1fr) 82px}.feature-copy h2{font-size:var(--text-xl)}.feature-description,.reader-app-nav a,.reader-app-nav button{font-size:var(--text-2xs)}}.hero-web-cta{margin:var(--space-6) 0 var(--space-4);text-align:center}.hero-web-cta .button{text-align:center;justify-content:center;max-width:100%;min-height:52px}.hero-web-cta .button .button-label{overflow-wrap:anywhere;min-width:0}.hero-web-cta .button .arrow{flex:none}.hero-web-cta p{font-size:var(--text-sm);color:var(--muted);margin:var(--space-3) 0 0}.login-dialog{border:1px solid var(--border);border-radius:var(--radius-xl);width:min(420px,100vw - 32px);color:var(--headline);box-shadow:var(--shadow-lg);padding:0;overflow:visible}.login-dialog::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(8px)}.login-dialog-content{padding:var(--space-10) var(--space-8) var(--space-8);text-align:center;position:relative}.dialog-close{right:var(--space-3);top:var(--space-2);width:44px;height:44px;font-size:var(--text-2xl);color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;position:absolute}.login-dialog-icon{border-radius:var(--radius-xl);background:var(--bg-raise);width:60px;height:60px;color:var(--accent);justify-content:center;align-items:center;display:inline-flex}.login-dialog h2{font-size:var(--text-xl);line-height:var(--leading-normal);margin:var(--space-5) 0 var(--space-2)}.login-dialog p{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--muted);margin:0 0 var(--space-6)}.login-dialog .button{justify-content:center;width:100%;min-height:48px}.account-workspace{max-width:var(--width-text);padding:var(--space-3) 0 var(--space-10);margin:0 auto}.account-content{margin-top:var(--space-6)}.native-signin{flex-direction:column;align-items:center;width:100%;min-width:0;display:flex}.account-privacy{font-size:var(--text-xs);margin:var(--space-5) 0;color:var(--muted)}.profile-avatar{width:70px;height:70px;color:var(--accent);background:var(--bg-raise);font-size:var(--text-2xl);font-weight:var(--weight-semibold);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.profile-logout{margin:var(--space-4) auto;color:var(--muted);cursor:pointer;background:0 0;border:0;min-height:44px;display:block}.profile-privacy{font-size:var(--text-xs);color:var(--muted);margin:0}.subscription-current{align-items:baseline;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--bg-raise);flex-wrap:wrap;display:flex}.subscription-label{font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.subscription-tier{font-size:var(--text-lg);color:var(--accent)}.subscription-current p{font-size:var(--text-sm);line-height:var(--leading-normal);flex-basis:100%;margin:0}.subscription-grid{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.subscription-plan{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.subscription-plan.current{border-color:var(--accent);box-shadow:var(--focus-ring)}.subscription-plan-head{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:24px;display:flex}.subscription-plan-head h4{font-size:var(--text-md);margin:0}.plan-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--bg-raise);color:var(--muted);font-size:var(--text-2xs);font-weight:var(--weight-semibold);white-space:nowrap}.plan-badge.current{background:var(--accent);color:var(--on-accent)}.subscription-included{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--headline)}.subscription-benefits{margin:0 0 var(--space-4);padding-left:var(--space-5);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text);flex:auto}.subscription-plan .button{justify-content:center;align-self:stretch;margin-top:auto}.account-linking{text-align:center}.account-linking-line{justify-content:center;align-items:center;gap:var(--space-3);margin:0 0 var(--space-4);color:var(--headline);font-weight:var(--weight-semibold);display:flex}.connection-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (max-width:640px){.login-dialog h2{font-size:var(--text-lg)}.cta-band{padding:var(--space-16) var(--space-4)}.connection-row{flex-wrap:wrap}}.consent-dialog{width:min(520px,100vw - 32px)}.consent-dialog .login-dialog-content{text-align:start}.consent-content h2{margin-bottom:var(--space-3)}.consent-choice,.marketing-choice{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-subtle);cursor:pointer;display:flex}.consent-choice-optional{margin-top:var(--space-4)}.consent-choice input,.marketing-choice input{width:20px;height:20px;accent-color:var(--accent);cursor:pointer;flex:none;margin:0}.consent-choice span,.marketing-choice span{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text)}.consent-choice a{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.consent-age{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--muted)}.consent-actions{gap:var(--space-2);margin-top:var(--space-6);flex-direction:column;display:flex}.marketing-consent{margin-top:var(--space-4)}body.reader-login-open{overflow:hidden}body.reader-login-open .reader-app-header .nav,body.reader-login-open .reader-app-nav,body.reader-login-open .translate-workspace>:not(.login-dialog){filter:blur(7px)}body:has(.reader-active){background:var(--bg-card)}body:has(.reader-active.theme-sepia){background:var(--reader-sepia-paper)}body:has(.reader-active.theme-night){background:var(--reader-night-paper)}:is(body:has(.reader-active) .reader-app-header,body:has(.reader-active) .reader-app-nav){display:none}body:has(.reader-active) .reader-app-main{padding-top:0}.reader-active{--reading-ink:var(--reader-light-ink);--reading-paper:var(--bg-card);color:var(--reading-ink)}.reader-active.theme-sepia{--reading-ink:var(--reader-sepia-ink);--reading-paper:var(--reader-sepia-paper)}.reader-active.theme-night{--reading-ink:var(--reader-night-ink);--reading-paper:var(--reader-night-paper)}.reader-active .reader-context-bar{z-index:30;background:var(--reading-paper);border-bottom:1px solid color-mix(in srgb, var(--reading-ink) 10%, transparent);min-height:60px;position:sticky;top:0}.reader-context-title{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);opacity:.65;min-width:0;overflow:hidden}.reader-active .reader-context-bar>button{color:inherit;background:0 0;border:0;flex-shrink:0}.reader-icon-button{min-width:44px;min-height:44px;padding:var(--space-1-5);font:inherit;font-size:var(--text-xl);color:inherit;border-radius:var(--radius-md);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.reader-icon-button:disabled,.reader-dock-next:disabled,.reader-dock-prev:disabled{opacity:.35;cursor:default}.reader-active .reading-surface{padding:var(--space-6) 0;border:0;border-radius:0;margin-top:0}.reader-active .reader-head{align-items:center;gap:var(--space-3);text-align:center;margin:var(--space-3) 0 var(--space-8);flex-direction:column;display:flex}.reader-active .reader-head h2{font-size:var(--text-h2);max-width:var(--width-text);line-height:var(--leading-snug);margin:0}.reader-active .reader-series,.reader-active .reader-source{color:var(--reading-ink);opacity:.6;font-size:var(--text-sm);line-height:var(--leading-normal)}.reader-active .reading-toolbar{justify-content:center;gap:var(--space-3);margin:0 auto var(--space-3)}.reader-active .reading-tabs{background:color-mix(in srgb, var(--reading-ink) 7%, transparent);border-radius:var(--radius-md);font-size:var(--text-sm)}.reader-active .reading-tabs button{color:var(--reading-ink);border-radius:var(--radius-sm);min-width:90px;padding:var(--space-2) var(--space-3)}.reader-active .reading-tabs button[aria-pressed=true]{background:var(--reading-paper)}.reader-active .reader-progress{max-width:var(--reading-width);text-align:center;min-height:28px;font-size:var(--text-xs);margin:auto}.reader-active .reader-scroll{padding:var(--space-5) 0}.reader-active .reader-scroll p{line-height:var(--reading-leading);margin-bottom:1.3em}.reader-active .reader-grid{grid-template-columns:minmax(0,var(--reading-width))}.reader-active .reader-pane{border-radius:0}.reader-active .reader-pane h3.sr-only{margin:-1px;padding:0}.reader-active .reader-next-bar{color:var(--reading-ink);margin:0 auto var(--space-10)}.reader-active .reader-next-bar .muted{color:inherit;opacity:.65}.reader-dock{bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0));justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-1-5) var(--space-3);border:1px solid color-mix(in srgb, var(--reading-ink) 14%, transparent);border-radius:var(--radius-lg);background:var(--reading-paper);color:var(--reading-ink);box-shadow:var(--shadow-md);z-index:40;max-width:calc(100% - var(--space-8));flex-wrap:nowrap;display:flex;position:fixed;left:50%;transform:translate(-50%)}.reader-dock-next,.reader-dock-prev{color:inherit;font:inherit;font-size:var(--text-sm);padding:var(--space-2) var(--space-3);cursor:pointer;white-space:nowrap;background:0 0;border:0;min-height:44px}.reading-settings-dialog{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-card);width:min(440px,100% - 32px);color:var(--reader-light-ink);max-height:85svh;padding:0}.reading-settings-dialog.theme-sepia{background:var(--reader-sepia-paper);color:var(--reader-sepia-ink)}.reading-settings-dialog.theme-night{background:var(--reader-night-paper);color:var(--reader-night-ink)}.reading-settings-dialog::backdrop{background:var(--overlay)}.reading-settings-content{padding:var(--space-8);position:relative}.reading-settings-content h2{font-size:var(--text-xl);margin:0 var(--space-8) var(--space-8) 0}.reading-settings-content>label{gap:var(--space-3);margin-top:var(--space-6);font-size:var(--text-base);grid-template-columns:1fr auto;display:grid}.reading-settings-content input,.reading-settings-content select{width:100%;min-height:36px;accent-color:var(--accent);grid-column:1/-1}.reading-settings-content select{color:inherit;border-radius:var(--radius-md);padding:var(--space-2);font:inherit;background:0 0;border:1px solid}.reading-settings-content .dialog-close{color:inherit}@media (max-width:640px){.reader-active .reading-surface{padding:var(--space-6) 0 0}.reader-active .reader-head{margin-top:var(--space-2);padding:0}.reader-active .reader-head h2{font-size:var(--text-xl)}.reader-active .reader-context-bar{gap:var(--space-2)}.reader-active .reader-context-title{max-width:130px}.reader-active .reading-tabs button{min-width:0;padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.reading-settings-dialog{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:none;max-height:85svh;margin:auto 0 0}.reading-settings-content{padding:var(--space-8) var(--space-6) calc(var(--space-8) + env(safe-area-inset-bottom,0))}}body.reading-settings-open{overflow:hidden}.reading-settings-dialog.theme-night{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.reader-active .reader-anchor{scroll-margin-top:var(--space-16)}.reader-active .reader-context-bar{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;display:grid}.reader-active .reader-context-bar>a{padding-inline:var(--space-3);grid-column:2/4;justify-self:end}.reader-active .reader-back-button,.reader-active .reader-icon-button{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.reader-active .reader-back-button:hover,.reader-active .reader-icon-button:hover{background:color-mix(in srgb, var(--reading-ink) 7%, transparent)}.reader-active .reader-context-title{max-width:min(70vw,var(--width-narrow));font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:center;justify-self:center}.reader-active .reader-head{margin-top:var(--space-8);margin-bottom:var(--space-10)}.reader-active .reader-head h2{font-weight:var(--weight-semibold);letter-spacing:-.015em}.reader-active .reader-source{text-decoration:none}.reader-active .reading-toolbar{max-width:var(--reading-width);justify-content:flex-start;align-items:center;margin:0 auto;padding:0;display:flex}.reader-active .reading-tabs{padding:var(--space-1);gap:var(--space-0-5)}.reader-active .reading-tabs button{min-height:40px}.reader-active .reader-live-status{align-items:center;gap:var(--space-2);min-width:110px;min-height:40px;color:var(--reading-ink);opacity:.62;font-size:var(--text-xs);margin-left:auto;display:inline-flex}.reader-active .reader-live-status .loading-spinner{width:14px;height:14px}.reader-end-buttons .loading-spinner,.reader-dock .loading-spinner{width:14px;height:14px;margin-right:var(--space-2);vertical-align:-2px}.reader-end-buttons button[aria-busy=true],.reader-dock button[aria-busy=true]{cursor:progress}.reader-active .reader-dock{min-height:52px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);gap:var(--space-3);box-shadow:var(--shadow-md)}.reader-active .reader-dock-next,.reader-active .reader-dock-prev{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-5);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-medium);display:inline-flex}.reader-active .reader-dock-next:not(:disabled):hover,.reader-active .reader-dock-prev:not(:disabled):hover{background:color-mix(in srgb, var(--reading-ink) 7%, transparent)}.reader-active .reader-dock-label{white-space:nowrap}.reader-end-note{max-width:var(--reading-width);margin:var(--space-3) auto var(--space-10);color:var(--reading-ink);opacity:.55;text-align:center;font-size:var(--text-xs)}@media (max-width:640px){.reader-active .reader-context-title{max-width:min(68vw,280px)}.reader-active .reader-head{margin-top:var(--space-8);margin-bottom:var(--space-8)}}@media (max-width:430px){.reader-active .reader-dock-prev .reader-dock-label{display:none}}@media (max-width:640px){.reader-active .reader-live-status{white-space:nowrap;width:42px;min-width:42px;font-size:0;overflow:hidden}}.reader-active .reader-context-bar,.reader-active .reader-dock{transition:transform var(--duration-base) var(--ease-standard), opacity var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard), border-radius var(--duration-base) var(--ease-standard)}.reader-active.reader-chrome-scrolled .reader-context-bar{top:var(--space-3);border:1px solid color-mix(in srgb, var(--reading-ink) 12%, transparent);border-radius:var(--radius-pill);width:min(760px,100vw - 32px);max-width:100%;min-height:56px;box-shadow:var(--shadow-md);margin-left:auto;margin-right:auto}.reader-active.reader-chrome-hidden .reader-context-bar{opacity:0;pointer-events:none;transform:translateY(calc(-100% - 24px))}.reader-active.reader-chrome-hidden .reader-dock{opacity:0;pointer-events:none;transform:translate(-50%,calc(100% + 24px))}@media (prefers-reduced-motion:reduce){.reader-active .reader-context-bar,.reader-active .reader-dock{transition:none}}.reader-active .reader-actions{justify-content:flex-end;gap:var(--space-1);max-width:var(--reading-width);margin:0 auto var(--space-4);display:flex}.reader-active .reader-action-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:38px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:inherit;font:inherit;font-size:var(--text-xs);opacity:.76;cursor:pointer;background:0 0;border:1px solid #0000;display:inline-flex}.reader-active .reader-action-button:not(:disabled):hover{border-color:color-mix(in srgb, var(--reading-ink) 12%, transparent);background:color-mix(in srgb, var(--reading-ink) 5%, transparent);opacity:1}.reader-active .reader-action-button:disabled{opacity:.4;cursor:default}.reader-active .reader-dock{min-height:44px;padding:var(--space-0-5);gap:var(--space-1-5)}.reader-active .reader-dock-next,.reader-active .reader-dock-prev{min-height:38px;padding:var(--space-1-5) var(--space-3);gap:var(--space-2);font-size:var(--text-xs)}.reader-active .reader-end-navigation{align-items:center;gap:var(--space-2);max-width:var(--reading-width);margin:var(--space-6) auto calc(var(--space-24) + env(safe-area-inset-bottom,0));flex-direction:column;display:flex}.reader-active .reader-end-buttons{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.reader-active .reader-end-next,.reader-active .reader-end-prev{justify-content:center;align-items:center;gap:var(--space-2);min-height:38px;padding:var(--space-1-5) var(--space-4);border:1px solid color-mix(in srgb, var(--reading-ink) 16%, transparent);border-radius:var(--radius-pill);color:inherit;font:inherit;font-size:var(--text-xs);cursor:pointer;background:0 0;display:inline-flex}.reader-active .reader-end-next:not(:disabled):hover,.reader-active .reader-end-prev:not(:disabled):hover{background:color-mix(in srgb, var(--reading-ink) 6%, transparent)}.reader-active .reader-end-next:disabled,.reader-active .reader-end-prev:disabled{opacity:.45;cursor:default}.reader-active .reader-end-source{color:inherit;text-decoration:underline}.reader-active .reader-end-status{max-width:min(var(--width-dialog),calc(100vw - var(--space-10)));color:var(--reading-ink);opacity:.6;text-align:center;font-size:var(--text-2xs);line-height:var(--leading-snug)}.reader-active .reader-end-note{margin-bottom:calc(var(--space-24) + env(safe-area-inset-bottom,0))}.glossary-editor-open{overflow:hidden}.glossary-dialog{border:1px solid color-mix(in srgb, var(--reading-ink) 15%, transparent);border-radius:var(--radius-xl);background:var(--reading-paper);width:min(520px,100% - 32px);max-height:86svh;color:var(--reading-ink);padding:0;overflow:hidden}.glossary-dialog.theme-paper{--reading-ink:var(--reader-light-ink);--reading-paper:var(--bg-card)}.glossary-dialog.theme-sepia{--reading-ink:var(--reader-sepia-ink);--reading-paper:var(--reader-sepia-paper)}.glossary-dialog.theme-night{--reading-ink:var(--reader-night-ink);--reading-paper:var(--reader-night-paper)}.glossary-dialog::backdrop{background:var(--overlay)}.glossary-content{max-height:86svh;padding:var(--space-6);position:relative;overflow-y:auto}.glossary-content h2{margin:0 var(--space-10) var(--space-2) 0;color:inherit;font-size:var(--text-xl)}.glossary-description{margin:0 0 var(--space-5);color:inherit;opacity:.65;font-size:var(--text-sm);line-height:var(--leading-normal)}.glossary-dialog .dialog-close{top:var(--space-5);right:var(--space-5);color:inherit;position:absolute}.glossary-list{gap:var(--space-2);max-height:min(30svh,260px);display:grid;overflow:auto}.glossary-term{gap:var(--space-1);width:100%;padding:var(--space-3);border:1px solid color-mix(in srgb, var(--reading-ink) 12%, transparent);border-radius:var(--radius-md);color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;flex-direction:column;display:flex}.glossary-term>span{align-items:baseline;gap:var(--space-2);font-size:var(--text-sm);overflow-wrap:anywhere;display:flex}.glossary-term small{opacity:.58;font-size:var(--text-2xs)}.glossary-term.selected{border-color:color-mix(in srgb, var(--reading-ink) 36%, transparent);background:color-mix(in srgb, var(--reading-ink) 5%, transparent)}.glossary-empty{padding:var(--space-3) var(--space-0-5);color:inherit;opacity:.6;font-size:var(--text-sm);margin:0}.glossary-new-term{margin-top:var(--space-3);padding:var(--space-0-5) 0;color:inherit;opacity:.68;font:inherit;font-size:var(--text-xs);cursor:pointer;background:0 0;border:0;text-decoration:underline}.glossary-form{gap:var(--space-3);margin-top:var(--space-3);display:grid}.glossary-form label{gap:var(--space-1-5);color:inherit;font-size:var(--text-xs);display:grid}.glossary-form input{width:100%;min-height:42px;padding:var(--space-2) var(--space-3);border:1px solid color-mix(in srgb, var(--reading-ink) 20%, transparent);border-radius:var(--radius-md);color:inherit;font:inherit;font-size:var(--text-base);background:0 0}.glossary-form input:disabled{opacity:.65}.glossary-form-actions{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-0-5);display:flex}.glossary-status{min-height:20px;margin:var(--space-3) 0 0;color:inherit;opacity:.68;font-size:var(--text-xs);line-height:var(--leading-snug)}.glossary-status.error{color:var(--danger);opacity:1}@media (max-width:640px){.reader-active .reader-actions{margin-bottom:var(--space-3);justify-content:center}.reader-active .reader-action-button{min-height:36px;padding:var(--space-1-5) var(--space-2)}.glossary-dialog{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:none;max-height:88svh;margin:auto 0 0}.glossary-content{max-height:88svh;padding:var(--space-6) var(--space-5) calc(var(--space-5) + env(safe-area-inset-bottom,0))}.glossary-list{max-height:min(25svh,220px)}}.publisher-browser-open{overflow:hidden}.publisher-browser-dialog{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-card);width:min(960px,100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);color:var(--headline);padding:0}.publisher-browser-dialog::backdrop{background:var(--overlay)}.publisher-browser-content{padding:var(--space-5)}.publisher-browser-heading{justify-content:space-between;align-items:start;gap:var(--space-4);padding-right:var(--space-8);display:flex;position:relative}.publisher-browser-heading h2{font-size:var(--text-xl);margin:0}.publisher-browser-heading p{margin:var(--space-1-5) 0 0;color:var(--muted);overflow-wrap:anywhere}.publisher-browser-intro{gap:var(--space-3);padding-top:var(--space-4);display:grid}.publisher-browser-intro p{margin:0}.publisher-browser-instructions{justify-content:space-between;align-items:center;gap:var(--space-2);margin:var(--space-3) 0;font-size:var(--text-base);flex-wrap:wrap;display:flex}.publisher-browser-instructions p{flex:240px;margin:0}.publisher-browser-frame{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-subtle);width:100%;height:min(58dvh,620px);display:block}.publisher-browser-controls{justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3);flex-wrap:wrap;display:flex}.publisher-browser-trigger{margin-top:var(--space-3)}@media (max-width:640px){.publisher-browser-dialog{border:0;border-radius:0;width:100%;height:100dvh;max-height:100dvh;margin:0}.publisher-browser-content{padding:max(var(--space-4), env(safe-area-inset-top)) var(--space-3) max(var(--space-4), env(safe-area-inset-bottom))}.publisher-browser-frame{height:55dvh}}.arrow-up-right{vertical-align:-.12em;flex-shrink:0;width:1em;height:1em;display:inline-block}.reader-active .reader-source{align-items:center;gap:var(--space-1);display:inline-flex}.payment-dialog{max-height:90dvh;overflow-y:auto}.payment-options{gap:var(--space-3);text-align:left;margin:var(--space-5) 0;display:grid}.payment-option{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border,#ddd);border-radius:var(--radius-lg);cursor:pointer;grid-template-columns:20px 1fr auto;display:grid}.payment-option.selected{border-color:var(--accent)}.payment-option small{grid-column:2/-1}.plan-price{font-size:var(--text-2xl);font-weight:var(--weight-bold)}.plan-price small{font-size:var(--text-sm);font-weight:var(--weight-regular)}.checkout-status{padding:var(--space-4);margin-top:var(--space-4);border:1px solid var(--border,#ddd);border-radius:var(--radius-lg)}.checkout-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.payment-note{margin-top:var(--space-4)}@media (max-width:640px){.subscription-grid{grid-template-columns:1fr}}.translation-settings-grid{gap:var(--space-5);padding-top:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.translation-settings-grid .app-field{align-content:start}.translation-settings-grid>.app-field:last-child:nth-child(odd){grid-column:1/-1}.category-guidance{margin:var(--space-3) 0 0;color:var(--muted);font-size:var(--text-xs);line-height:var(--leading-normal)}.translation-quality-hint{margin:var(--space-2) 0 0;color:var(--muted);font-size:var(--text-xs);line-height:var(--leading-normal)}.translation-process{width:min(350px,100%);margin:var(--space-6) 0 0;gap:var(--space-4);text-align:left;padding:0;list-style:none;display:grid}.translation-process li{align-items:center;gap:var(--space-3);color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-normal);display:flex}.translation-process li[data-state=active]{color:var(--headline);font-weight:var(--weight-semibold)}.process-marker{border:1px solid var(--border);width:26px;height:26px;font-size:var(--text-2xs);font-variant-numeric:tabular-nums;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.translation-process li[data-state=active] .process-marker{border-color:var(--accent);background:var(--bg-raise);color:var(--accent)}.translation-process li[data-state=done] .process-marker{background:var(--bg-raise);color:var(--accent);border-color:#0000}@media (max-width:640px){.translation-settings-grid{gap:var(--space-4);grid-template-columns:1fr}}.plan-warning{align-items:baseline;gap:var(--space-1-5);margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning);font-size:var(--text-xs);line-height:var(--leading-normal);flex-wrap:wrap;display:flex}.plan-warning strong{font-weight:var(--weight-bold)}.plan-warning a{color:inherit;text-underline-offset:3px;text-decoration:underline}.payment-option .plan-warning{grid-column:2/-1}.discount-code{margin:var(--space-4) 0 0;text-align:left}.discount-code-form{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.discount-code-form label{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex:100%}.discount-code-form input{min-width:0;min-height:42px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);color:inherit;font:inherit;font-size:var(--text-base);text-transform:uppercase;background:0 0;flex:150px}.discount-code-form input:disabled{opacity:.65}.discount-code-form .button.small{width:auto;min-height:42px}.discount-code .discount-code-applied{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--success-bg);border:1px solid var(--success-border);color:var(--success);font-size:var(--text-sm);line-height:var(--leading-normal);margin:0;display:flex}.discount-code-remove{padding:0 var(--space-1);color:inherit;font-size:var(--text-lg);line-height:var(--leading-none);cursor:pointer;background:0 0;border:0;flex-shrink:0}.discount-code .discount-code-error{margin:var(--space-2) 0 0}.plan-price-discount{font-variant-numeric:tabular-nums;white-space:nowrap}.plan-price-was{color:var(--muted);font-weight:var(--weight-regular)}.plan-price-now{font-weight:var(--weight-bold);color:var(--accent)}.gemini-key-banner,.gemini-key-required{text-align:left}.gemini-key-required{color:var(--warning);background:var(--warning-bg);border-color:var(--warning-border)}.gemini-key-required p{margin:0 0 var(--space-3);font-weight:var(--weight-semibold)}.gemini-key-banner p,.gemini-key-required p{margin:0 0 var(--space-3);line-height:var(--leading-normal)}.gemini-key-panel{margin:var(--space-6) 0;text-align:left;scroll-margin-top:var(--space-24)}.gemini-key-highlight{animation:gemini-key-flash 2.4s var(--ease-standard) 1}@keyframes gemini-key-flash{0%,55%{border-color:var(--accent);box-shadow:var(--focus-ring)}to{box-shadow:none}}@media (prefers-reduced-motion:reduce){.gemini-key-highlight{animation:none}}.gemini-key-grid{align-items:start;gap:var(--space-6);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);display:grid}.gemini-key-guide{padding:var(--space-5) var(--space-5) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-raise)}.gemini-key-guide h3{margin:0 0 var(--space-4);font-size:var(--text-md);color:var(--headline)}.gemini-key-guide .button{margin-top:var(--space-5)}.gemini-key-guide-note{margin:var(--space-3) 0 0;font-size:var(--text-xs);line-height:var(--leading-normal)}@media (max-width:960px){.gemini-key-grid{grid-template-columns:1fr}}.gemini-key-status{margin:0 0 var(--space-1);font-weight:var(--weight-semibold);color:var(--headline)}.gemini-key-meta{font-size:var(--text-sm);margin:0}.gemini-key-form{margin-top:var(--space-4)}.gemini-key-hint{margin:var(--space-2) 0 var(--space-3);font-size:var(--text-xs);line-height:var(--leading-normal)}.gemini-key-confirm{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--danger-border);border-radius:var(--radius-md);background:var(--danger-bg)}.gemini-key-confirm p{margin:0 0 var(--space-3);color:var(--danger);font-size:var(--text-base);line-height:var(--leading-normal)}.gemini-key-status-line{align-items:center;gap:var(--space-2);margin:var(--space-4) 0 0;color:var(--muted);font-size:var(--text-sm);display:flex}.gemini-key-note{margin:var(--space-4) 0 0;font-size:var(--text-xs);line-height:var(--leading-normal)}.gemini-key-note a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.account-delete-confirm{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--danger-border);border-radius:var(--radius-md);background:var(--danger-bg)}.account-delete-confirm>p{margin:0 0 var(--space-4);color:var(--danger);font-size:var(--text-base);line-height:var(--leading-normal)}.account-delete-confirm .app-field{margin-bottom:var(--space-4)}.account-delete-confirm .app-field>span{color:var(--danger)}.account-deleted-notice{max-width:var(--width-prose);margin:0 auto var(--space-6);text-align:left}.policy-lede{margin:0 0 var(--space-8);color:var(--muted);line-height:var(--leading-relaxed)}.policy-page .policy-note{margin-top:var(--space-3);font-size:var(--text-base);color:var(--muted)}.gemini-key-steps{counter-reset:gemini-step;gap:var(--space-5);margin:0;padding:0;list-style:none;display:grid}.gemini-key-steps li{padding-left:var(--space-12);position:relative}.gemini-key-steps li:before{counter-increment:gemini-step;content:counter(gemini-step);background:var(--bg-raise);width:30px;height:30px;color:var(--accent);font-size:var(--text-sm);font-weight:var(--weight-bold);border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.gemini-key-steps h3{margin:var(--space-1) 0 var(--space-1-5);font-size:var(--text-md);color:var(--headline);line-height:var(--leading-snug)}.gemini-key-steps p{line-height:var(--leading-relaxed);overflow-wrap:anywhere;margin:0}.gemini-key-tips{padding-left:var(--space-5);gap:var(--space-3);line-height:var(--leading-relaxed);margin:0;display:grid}.gemini-key-actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.gemini-key-actions .button{align-items:center;gap:var(--space-1-5);display:inline-flex}.profile-dashboard,.profile-panel{gap:var(--space-5);display:grid}.profile-panel[hidden]{display:none}.profile-panel:focus-visible{box-shadow:var(--focus-ring);outline:none}.profile-dashboard>*,.profile-panel>*{margin-block-start:0}.profile-reveal{animation:profile-reveal var(--duration-base) var(--ease-standard) both}@keyframes profile-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.profile-header{gap:var(--space-4) var(--space-5);text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.profile-header-main{align-items:center;gap:var(--space-4);min-width:0;display:flex}.profile-header .profile-avatar{width:64px;height:64px;font-size:var(--text-xl);flex-shrink:0}.profile-header-copy{min-width:0}.profile-header-copy h2{margin:0 0 var(--space-0-5);font-size:var(--text-xl);line-height:var(--leading-tight);color:var(--headline);overflow-wrap:anywhere}.profile-header-copy p{font-size:var(--text-base);overflow-wrap:anywhere;margin:0}.profile-header-plan{align-items:flex-end;gap:var(--space-1);text-align:right;flex-direction:column;display:flex}.profile-plan-pill{padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--bg-raise);color:var(--accent);font-size:var(--text-xs);font-weight:var(--weight-bold);white-space:nowrap;align-items:center;display:inline-flex}.profile-access{font-size:var(--text-xs);margin:0}.profile-header-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;grid-column:1/-1;display:flex}.profile-header-actions .button{flex:none;min-height:44px}@media (max-width:640px){.profile-header{gap:var(--space-4);grid-template-columns:1fr}.profile-header-plan{text-align:left;align-items:flex-start}.profile-header-actions{justify-content:flex-start}}.profile-tabs{gap:var(--space-1);padding:var(--space-1-5);border:1px solid var(--border);background:var(--bg-card);border-radius:var(--radius-lg);scrollbar-width:none;display:flex;overflow-x:auto}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--muted);font:inherit;font-size:var(--text-base);font-weight:var(--weight-semibold);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:1 0 auto;display:inline-flex}.profile-tab:hover{color:var(--headline)}.profile-tab.selected{background:var(--bg-raise);color:var(--headline);box-shadow:var(--shadow-sm)}.profile-tab:focus-visible{box-shadow:var(--focus-ring);outline:none}.tab-dot{background:var(--warning);border-radius:50%;flex-shrink:0;width:7px;height:7px}.profile-card-section{text-align:left}.profile-section-head h3{margin:0 0 var(--space-1);font-size:var(--text-lg);color:var(--headline)}.profile-section-head p{margin:0 0 var(--space-4);font-size:var(--text-sm);line-height:var(--leading-normal)}.profile-section-head:has(.button){justify-content:space-between;align-items:flex-start;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.profile-section-head:has(.button) p{margin-bottom:0}.profile-section-head .profile-section-copy{flex:200px;min-width:0}.profile-section-head .button{flex:none;margin-left:auto}.usage-unlimited{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--headline);margin:0}.usage-footer{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.overview-grid{gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:start;display:grid}.overview-grid>.app-card,.overview-side>.app-card{margin-top:0}.overview-side{gap:var(--space-5);align-content:start;min-width:0;display:grid}@media (max-width:640px){.overview-grid{grid-template-columns:1fr}}.ring-figures{gap:var(--space-6);flex-wrap:wrap;display:flex}.ring-figure{justify-items:center;gap:var(--space-0-5);display:grid}.ring-gauge{width:96px;height:96px;position:relative}.ring-gauge svg{width:100%;height:100%;display:block;transform:rotate(-90deg)}.ring-track{fill:none;stroke:var(--bg-raise);stroke-width:9px}.ring-fill{fill:none;stroke:var(--accent);stroke-width:9px;stroke-linecap:round;stroke-dasharray:213.63;stroke-dashoffset:calc(213.63px * (1 - var(--ring-fraction,0)));animation:ring-fill .7s var(--ease-standard) both}@keyframes ring-fill{0%{stroke-dashoffset:213.63px}}.ring-value{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--headline);font-variant-numeric:tabular-nums;place-items:center;display:grid;position:absolute;inset:0}.ring-label{margin:var(--space-3) 0 0;font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--headline)}.ring-sub{font-size:var(--text-xs);margin:0}.settings-rows{display:grid}.settings-row{justify-content:space-between;align-items:flex-start;gap:var(--space-2) var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.settings-rows>.settings-row:first-child{border-top:0;padding-top:0}.settings-row-copy{flex:220px;min-width:0}.settings-row-title{align-items:center;gap:var(--space-2);margin:0 0 var(--space-1);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--headline);flex-wrap:wrap;display:flex}.settings-row-desc{font-size:var(--text-xs);line-height:var(--leading-normal);margin:0}.settings-row-control{align-items:flex-end;gap:var(--space-1);text-align:right;flex-direction:column;max-width:100%;margin-left:auto;display:flex}.settings-row-value{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--accent)}.settings-row-control select.account-preferences-select{width:min(100%, var(--width-narrow));text-overflow:ellipsis}.account-preferences-status{margin:var(--space-3) 0 0;font-size:var(--text-xs)}.settings-row-value.locked{font-weight:var(--weight-medium);color:var(--muted)}.feature-badge{padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-raise);color:var(--accent);font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:.04em}.feature-badge.pro{color:#6b4fbb;background:#efeafc;border-color:#d8cef5}.settings-upsell{align-items:center;gap:var(--space-1) var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);font-size:var(--text-base);color:var(--headline);font-weight:var(--weight-semibold);flex-wrap:wrap;display:flex}.settings-upsell-link{min-height:44px;color:var(--accent);font:inherit;font-size:var(--text-base);font-weight:var(--weight-semibold);text-underline-offset:3px;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;padding:0;text-decoration:underline;display:inline-flex}.settings-upsell-link:focus-visible{box-shadow:var(--focus-ring);outline:none}.gemini-key-status-row{border-top:0;padding-top:0}.settings-row-copy .gemini-key-note{margin-top:var(--space-1-5)}.gemini-key-inactive{margin:var(--space-3) 0 0;font-size:var(--text-xs)}.gemini-key-meta{font-size:var(--text-xs)}.skeleton{background:linear-gradient(90deg, var(--bg-raise) 0%, var(--bg-subtle) 45%, var(--bg-raise) 90%);border-radius:var(--radius-sm);max-width:100%;animation:skeleton-shimmer 1.6s var(--ease-standard) infinite;background-size:200% 100%;flex-shrink:1;display:block}@keyframes skeleton-shimmer{0%{background-position:160% 0}to{background-position:-60% 0}}@media (prefers-reduced-motion:reduce){.skeleton{background:var(--bg-raise);animation:none}.profile-reveal,.ring-fill{animation:none}}.skeleton-circle{border-radius:50%;flex-shrink:0}.skeleton-ring{box-shadow:inset 0 0 0 var(--space-2) var(--bg-card);border-radius:50%}.profile-skeleton{gap:var(--space-5);min-width:0;display:grid}.profile-skeleton>*{min-width:0}.profile-skeleton .app-card{margin-top:0}.profile-header-skeleton{gap:var(--space-4);flex-direction:column;display:flex}.profile-skeleton-top{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.profile-skeleton-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.gemini-key-status:not(.saved){color:var(--warning)}.gemini-key-status.saved{color:var(--success)}.skeleton-stack{gap:var(--space-2);flex-direction:column;flex:auto;min-width:0;display:flex}.skeleton-tabs{gap:var(--space-1);padding:var(--space-1-5);border:1px solid var(--border);background:var(--bg-card);border-radius:var(--radius-lg);display:flex}.skeleton-tabs>.skeleton{flex:1 1 0;min-width:0}.skeleton-card{gap:var(--space-5);display:grid}.skeleton-figures{gap:var(--space-6);flex-wrap:wrap;display:flex}.skeleton-figure{justify-items:center;gap:var(--space-3);display:grid}.skeleton-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.skeleton-row+.skeleton-row{border-top:1px solid var(--border);padding-top:var(--space-4)}.signin-card-shell{width:100%;max-width:var(--width-narrow);min-height:430px;margin:0 auto;display:grid;position:relative}.signin-card-skeleton{z-index:0;align-content:start;gap:var(--space-4);padding:var(--space-8) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);grid-area:1/1;display:grid}.signin-card-live{z-index:1;grid-area:1/1;width:100%}@media (max-width:640px){.profile-skeleton-top{flex-wrap:wrap}.profile-skeleton-actions{justify-content:flex-start}}.import-workspace{gap:var(--space-5);max-width:var(--width-content);margin-inline:auto;display:grid}.import-gate,.import-picker{gap:var(--space-3);display:grid}.import-picker p{margin:0}.import-note{color:var(--eyebrow);font-size:var(--text-base)}.import-storage-note{font-size:var(--text-sm)}.import-book-list{margin:var(--space-4) 0 0;gap:var(--space-3);padding:0;list-style:none;display:grid}.import-book{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.import-book-info{gap:var(--space-1);min-width:0;display:grid}.import-chapter-list{margin:var(--space-4) 0 0;gap:var(--space-5);padding:0;list-style:none;display:grid}.import-chapter{gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border);display:grid}.import-chapter-size{font-size:var(--text-sm);margin:0}.import-split{gap:var(--space-3);margin-top:var(--space-1);display:grid}.import-split-input{font-family:var(--font-reading,inherit);resize:vertical;min-height:160px}.import-reader{gap:var(--space-4);display:grid}.import-reader-head h2{margin:0 0 var(--space-1);color:var(--headline)}.import-reader-head p{margin:0}.import-quality{max-width:var(--width-dialog)}.import-translation{max-width:68ch}.import-translation p,.import-source-text p{line-height:var(--reading-leading,var(--leading-relaxed));margin:0 0 1em}.import-source-text{margin-top:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-raise);color:var(--text);font-size:var(--text-md)}.import-reader-actions{flex-wrap:wrap}.import-dropzone{align-items:center;gap:var(--space-1-5);padding:var(--space-8) var(--space-4);border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-raise);color:var(--headline);text-align:center;cursor:pointer;transition:border-color var(--duration-fast), background var(--duration-fast);flex-direction:column;display:flex}.import-dropzone:hover,.import-dropzone.dragging,.import-dropzone:focus-within{border-color:var(--accent);background:var(--bg-raise)}.import-dropzone:focus-within{box-shadow:var(--focus-ring);outline:none}.import-dropzone.busy{opacity:.6;cursor:progress}.import-dropzone-icon{background:var(--bg-card);width:40px;height:40px;color:var(--accent);font-size:var(--text-lg);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.library-workspace{max-width:var(--width-content);margin:auto}.library-main>.container>*,.import-main>.container>*{max-width:var(--width-content);margin-left:auto;margin-right:auto}.library-tabs{gap:var(--space-1);padding:var(--space-1-5);margin-bottom:var(--space-5);border:1px solid var(--border);background:var(--bg-card);border-radius:var(--radius-lg);display:flex}.library-tab{border-radius:var(--radius-md);min-width:0;min-height:44px;color:var(--muted);font:inherit;font-size:var(--text-base);font-weight:var(--weight-semibold);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:1 1 0}.library-tab.selected{background:var(--bg-raise);color:var(--headline);box-shadow:var(--shadow-sm)}.library-tab:focus-visible{box-shadow:var(--focus-ring);outline:none}.library-controls{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.library-control{flex:200px;min-width:0}.library-control .app-input{min-height:44px;font-size:var(--text-base)}.library-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.library-card{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:relative}.library-card:hover{border-color:var(--border-strong)}.library-card-open{gap:var(--space-1-5);color:inherit;display:grid}.library-card-open:after{content:"";border-radius:var(--radius-lg);position:absolute;inset:0}.library-card-open h3{color:var(--headline);font-size:var(--text-lg);line-height:var(--leading-snug);overflow-wrap:anywhere;margin:0}.library-card-site{color:var(--muted);font-size:var(--text-xs);overflow-wrap:anywhere;margin:0}.library-card-meta{gap:var(--space-0-5);font-size:var(--text-xs);line-height:var(--leading-normal);margin:0;display:grid}.library-card-continue{align-self:flex-start;margin-top:auto;position:relative}.library-card-skeleton{gap:var(--space-3);min-height:132px}.library-skeleton{max-width:var(--width-content);margin:auto}.library-skeleton .skeleton-tabs{margin-bottom:var(--space-5)}.library-card-skeleton-meta{gap:var(--space-0-5);display:grid}.library-card-skeleton-action{margin-top:auto;display:flex}.library-empty{padding:var(--space-8) var(--space-6);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-card);text-align:center}.library-empty h2{margin:0 0 var(--space-5);color:var(--headline);font-size:var(--text-lg);line-height:var(--leading-normal)}.library-empty .button{justify-content:center}.library-no-match{padding:var(--space-4) 0}.library-signin{text-align:center}.library-signin p{margin:0 0 var(--space-4)}.library-signin .button{justify-content:center}.library-recent{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.library-chapter{gap:var(--space-1);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);color:inherit;display:grid}.library-chapter:hover{border-color:var(--border-strong)}.library-chapter-title{color:var(--headline);font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:var(--leading-normal);overflow-wrap:anywhere}.library-chapter-novel,.library-chapter-time{font-size:var(--text-xs)}.library-chapter-skeleton{gap:var(--space-2);min-height:76px}.library-back{min-height:44px;color:var(--accent);font-size:var(--text-sm);align-items:center;display:inline-flex}.library-novel-head{gap:var(--space-1-5);margin:var(--space-2) 0 var(--space-5);display:grid}.library-novel-head h2{color:var(--headline);font-size:var(--text-2xl);line-height:var(--leading-snug);overflow-wrap:anywhere;margin:0}.library-novel-head p{font-size:var(--text-sm);margin:0}.library-chapters-section{gap:var(--space-3);display:grid}.library-chapters-section h3{color:var(--headline);font-size:var(--text-md);margin:0}@media (max-width:640px){.library-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.library-card{padding:var(--space-4)}}.referral-banner{align-items:center;gap:var(--space-1-5) var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-raise);color:var(--headline);font:inherit;font-size:var(--text-base);font-weight:var(--weight-semibold);text-align:start;cursor:pointer;flex-wrap:wrap;display:flex}.referral-banner:hover{border-color:var(--accent)}.referral-banner:focus-visible{box-shadow:var(--focus-ring);outline:none}.referral-banner-text{flex:auto;min-width:0}.referral-banner-badge{padding:var(--space-0-5) var(--space-2);border:1px solid var(--success-border);border-radius:var(--radius-pill);background:var(--success-bg);color:var(--success);font-size:var(--text-2xs);font-weight:var(--weight-bold);white-space:nowrap;flex:none}.referral-banner-chevron{color:var(--accent);flex:none}.referral-details{margin-top:var(--space-4)}.referral-terms{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.referral-terms h4{margin:0 0 var(--space-2);color:var(--headline);font-size:var(--text-base)}.referral-terms-list{padding-left:var(--space-5);color:var(--text);font-size:var(--text-sm);line-height:var(--leading-normal);margin:0}.referral-share{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.referral-share-input{min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-raise);color:var(--headline);font:inherit;font-size:var(--text-base);flex:220px}.referral-share-input:focus-visible{box-shadow:var(--focus-ring);outline:none}.referral-share .button{flex:none;min-height:44px}.referral-error{margin-top:var(--space-3)}.referral-counts{margin:var(--space-3) 0 0;font-size:var(--text-xs)}.referral-rewards{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.referral-rewards h4{margin:0 0 var(--space-3);color:var(--headline);font-size:var(--text-base)}.referral-welcome{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--success-bg);border:1px solid var(--success-border);color:var(--success);font-size:var(--text-xs);line-height:var(--leading-normal)}.referral-reward-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.referral-reward{align-items:center;gap:var(--space-1-5) var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);flex-wrap:wrap;display:flex}.referral-reward-code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--headline);overflow-wrap:anywhere}.referral-reward-percent{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--headline)}.referral-reward-state{padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-raise);color:var(--muted);font-size:var(--text-2xs);font-weight:var(--weight-bold);margin-left:auto}.referral-reward-state.available{border-color:var(--success-border);background:var(--success-bg);color:var(--success)}.referral-empty{font-size:var(--text-xs);margin:0}.referral-cap{margin:var(--space-3) 0 0;font-size:var(--text-xs)}.referral-skeleton{gap:var(--space-3);display:grid}.cl-socialButtonsBlockButton,.cl-formFieldInput{box-shadow:0 0 0 1px var(--control-outline)!important}.cl-socialButtonsBlockButton:hover{box-shadow:0 0 0 1px var(--accent)!important}.cl-formFieldInput:focus{box-shadow:0 0 0 1px var(--accent), var(--focus-ring)!important}@media (min-width:768px){.reader-app-main{padding-bottom:var(--space-16)}.reader-app-nav{justify-content:flex-start;align-items:center;gap:var(--space-1);width:auto;max-width:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0;display:flex;position:static;bottom:auto;left:auto;transform:none}.reader-app-nav a,.reader-app-nav button{align-items:center;gap:var(--space-2);min-height:40px;padding:var(--space-2) var(--space-3);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--muted);border-radius:var(--radius-md);flex-direction:row;flex:none;display:inline-flex}.reader-app-nav svg{width:18px;height:18px}.reader-app-nav a:hover,.reader-app-nav button:hover{background:var(--bg-raise);color:var(--headline)}.reader-app-nav a[aria-current=page],.reader-app-nav button[aria-current=page]{background:var(--bg-accent-soft);color:var(--accent)}}.account-status-dialog{background:var(--bg);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--text);border:0;border-radius:0;margin:0;padding:0;overflow-y:auto}.account-status-dialog::backdrop{background:var(--bg)}.account-status-screen{min-height:100%;padding:var(--space-10) var(--space-5);place-items:center;display:grid}.account-status-card{width:100%;max-width:var(--width-narrow);padding:var(--space-8);text-align:center;margin:0 auto}.account-status-icon{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-xl);background:var(--warning-bg);color:var(--warning);justify-content:center;align-items:center;display:inline-flex}.account-status-icon-terminal{background:var(--danger-bg);color:var(--danger)}.account-status-card h2{margin:var(--space-5) 0 var(--space-3);color:var(--headline);font-size:var(--text-xl);line-height:var(--leading-snug)}.account-status-body{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text);margin:0}.account-status-support,.account-status-documents{margin:var(--space-5) 0 0;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--muted)}.account-status-support{gap:var(--space-1);flex-direction:column;display:flex}.account-status-support a,.account-status-documents a{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.account-status-documents a+a{margin-left:var(--space-1)}.account-status-actions{margin-top:var(--space-6)}.account-status-actions .button{justify-content:center;width:100%}.account-status-hint{margin:var(--space-3) 0 0;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--muted)}