.preview-page{color:#1a2744;background:#f5f2e8;min-height:100dvh;padding-bottom:4rem;font-family:Noto Sans TC,sans-serif}.preview-nav{background:#f5f2e8;border-bottom:1px solid #1a27441a;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.preview-logo{color:#1a2744;letter-spacing:.02em;font-family:DM Serif Display,Noto Serif JP,serif;font-size:1.15rem;text-decoration:none}.preview-nav-links{align-items:center;gap:1rem;font-size:.9rem;display:flex}.preview-nav-links a{color:#1a2744;text-decoration:none}.preview-nav-links a:hover{text-decoration:underline}.preview-cta-small{background:#c8371a;border-radius:999px;padding:.4rem .9rem;font-weight:600;color:#f5f2e8!important;text-decoration:none!important}.preview-cta-small:hover{background:#a82f18;text-decoration:none!important}.preview-hero{text-align:center;max-width:760px;margin:2.5rem auto 1rem;padding:0 1.5rem}.preview-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#7a8baa;margin-bottom:.65rem;font-size:.8rem}.preview-title{letter-spacing:.02em;word-break:keep-all;margin:0 0 .35rem;font-family:Noto Serif JP,serif;font-size:2.2rem;font-weight:600}.preview-subtitle{color:#7a8baa;margin:0 0 .35rem;font-size:1.1rem}.preview-author{color:#7a8baa;margin:0 0 .6rem;font-size:.95rem}.preview-chapter-label{color:#c8371a;margin:0;font-family:Noto Serif JP,serif;font-size:1.1rem}.preview-public{background:#ede9d8;border-radius:16px;max-width:760px;margin:2rem auto 0;padding:1.5rem;box-shadow:0 1px #1a27440f}.preview-meta-row{color:#7a8baa;justify-content:space-between;align-items:center;margin-bottom:1.25rem;font-size:.85rem;display:flex}.preview-empty{text-align:center;color:#7a8baa;padding:2rem 0}.preview-empty-cta{color:#c8371a;font-weight:600}.preview-lines{counter-reset:line;margin:0;padding:0;list-style:none}.preview-line{counter-increment:line;border-bottom:1px dashed #1a27441f;padding:1rem 0}.preview-line:last-child{border-bottom:none}.preview-jp{color:#1a2744;word-break:keep-all;margin:0 0 .6rem;font-family:Noto Serif JP,serif;font-size:1.35rem;line-height:2.1}.preview-jp ruby{ruby-position:over}.preview-jp rt{color:#7a8baa;letter-spacing:0;font-size:.55em}.preview-zh{color:#1a2744;opacity:.85;border-left:3px solid #d4a017;margin:0;padding-left:.6rem;font-size:1rem}.preview-vocab{border-top:1px solid #1a274414;margin-top:2rem;padding-top:1.25rem}.preview-section-title{color:#1a2744;margin:0 0 .85rem;font-family:Noto Serif JP,serif;font-size:1.05rem;font-weight:600}.preview-vocab-list{grid-template-columns:1fr;gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.preview-vocab-item{background:#f5f2e8;border:1px solid #1a274414;border-radius:10px;padding:.75rem .85rem}.preview-vocab-head{align-items:baseline;gap:.6rem;margin-bottom:.25rem;display:flex}.preview-vocab-head strong{color:#1a2744;font-family:Noto Serif JP,serif;font-size:1.05rem}.preview-vocab-kana{color:#7a8baa;font-size:.8rem}.preview-vocab-jlpt{color:#1a2744;background:#d4a017;border-radius:4px;margin-left:auto;padding:.1rem .4rem;font-size:.7rem}.preview-vocab-meaning{color:#1a2744;opacity:.85;margin:0;font-size:.9rem}.preview-paywall{max-width:760px;margin:1.25rem auto 0;padding:0 1.5rem;position:relative}.preview-paywall-fade{pointer-events:none;background:linear-gradient(#f5f2e800,#ede9d8);height:3rem;position:absolute;top:-3rem;left:0;right:0}.preview-paywall-inner{color:#f5f2e8;text-align:center;background:#1a2744;border-radius:16px;padding:2rem 1.5rem}.preview-paywall-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#d4a017;margin:0 0 .5rem;font-size:.75rem}.preview-paywall-title{margin:0 0 1rem;font-family:Noto Serif JP,serif;font-size:1.4rem;font-weight:600;line-height:1.4}.preview-paywall-list{text-align:left;gap:.5rem;max-width:480px;margin:0 auto 1.5rem;padding:0;list-style:none;display:grid}.preview-paywall-list li{padding-left:1.25rem;font-size:.95rem;line-height:1.55;position:relative}.preview-paywall-list li:before{content:"◆";color:#d4a017;font-size:.85rem;position:absolute;top:.05rem;left:0}.preview-paywall-cta-row{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.preview-primary-cta{color:#f5f2e8;background:#c8371a;border-radius:999px;padding:.85rem 1.6rem;font-weight:600;text-decoration:none;display:inline-block}.preview-primary-cta:hover{background:#a82f18}.preview-secondary-cta{color:#f5f2e8;background:0 0;border:1px solid #f5f2e866;border-radius:999px;padding:.85rem 1.6rem;font-weight:500;text-decoration:none;display:inline-block}.preview-secondary-cta:hover{border-color:#f5f2e8cc}.preview-paywall-foot{color:#f5f2e8b3;margin-top:1.25rem;font-size:.8rem;line-height:1.5}.preview-footer{color:#7a8baa;border-top:1px solid #1a274414;flex-wrap:wrap;justify-content:center;gap:1.25rem;max-width:760px;margin:2.5rem auto 0;padding:1.5rem 1.5rem 0;font-size:.85rem;display:flex}.preview-footer a{color:#7a8baa;text-decoration:none}.preview-footer a:hover{color:#1a2744}@media (max-width:640px){.preview-title{font-size:1.7rem}.preview-jp{font-size:1.15rem;line-height:2}.preview-public{margin-left:.75rem;margin-right:.75rem;padding:1.1rem}.preview-paywall-title{font-size:1.2rem}}@media (prefers-reduced-motion:reduce){.preview-primary-cta,.preview-secondary-cta,.preview-cta-small{transition:none}}