[data-domain=read]{--md-sys-color-primary: #34d399;--md-sys-color-on-primary: #1a1a1d;--md-sys-color-primary-container: rgba(52, 211, 153, .15);--md-sys-color-on-primary-container: #a7f3d0;--emerald: #34d399;--emerald-dim: #1d8a63;--emerald-glow: rgba(52, 211, 153, .08);--serif: "Georgia", serif;--sans: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", "DM Mono", monospace;--radius: var(--md-sys-shape-corner-medium, 12px);--radius-sm: var(--md-sys-shape-corner-small, 8px)}[data-domain=read] .read-page{display:flex;flex-direction:column;gap:24px}[data-domain=read] .read-page__header{margin-bottom:8px}[data-domain=read] .read-page__heading{font-family:var(--serif);font-size:1.75rem;font-weight:400;color:var(--md-sys-color-on-surface);margin:0}[data-domain=read] .read-page__subheading{font-size:.85rem;color:var(--md-sys-color-on-surface-variant);margin:4px 0 0}[data-domain=read] .read-tabs{display:flex;gap:4px;border-bottom:1px solid var(--md-sys-color-outline-variant);margin-bottom:16px}[data-domain=read] .read-tab{font-size:.82rem;font-weight:500;color:var(--md-sys-color-on-surface-variant);padding:10px 16px;border:none;border-bottom:2px solid transparent;background:none;cursor:pointer;transition:all .2s;font-family:var(--sans)}[data-domain=read] .read-tab:hover{color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container-high)}[data-domain=read] .read-tab--active{color:var(--emerald);border-bottom-color:var(--emerald)}[data-domain=read] .read-tab__count{font-size:.7rem;opacity:.6;margin-left:4px}[data-domain=read] .read-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}[data-domain=read] .read-filter{font-size:.78rem;padding:6px 14px;border-radius:20px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:all .2s;font-family:var(--sans)}[data-domain=read] .read-filter:hover{border-color:var(--emerald);color:var(--md-sys-color-on-surface)}[data-domain=read] .read-filter--active{background:#34d39926;border-color:var(--emerald);color:var(--emerald);font-weight:500}[data-domain=read] .read-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}@media(min-width:768px){[data-domain=read] .read-page__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}}[data-domain=read] .read-stats{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:8px}[data-domain=read] .read-stat{display:flex;flex-direction:column;gap:2px}[data-domain=read] .read-stat__value{font-family:var(--mono);font-size:1.2rem;color:var(--emerald);font-weight:600}[data-domain=read] .read-stat__label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--md-sys-color-on-surface-variant)}[data-domain=read] .genre-chips{display:flex;gap:6px;flex-wrap:wrap}[data-domain=read] .genre-chip{font-size:.7rem;padding:3px 10px;border-radius:12px;background:#34d39914;color:var(--emerald);border:1px solid rgba(52,211,153,.2)}[data-domain=read] .read-page__nav{display:flex;gap:16px;padding-top:24px;border-top:1px solid var(--md-sys-color-outline-variant)}[data-domain=read] .read-page__nav-link{font-size:.85rem;font-weight:500;color:var(--md-sys-color-primary);text-decoration:none;padding:8px 16px;border-radius:var(--md-sys-shape-corner-medium, 12px);background:var(--md-sys-color-primary-container);transition:var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-standard, ease)}[data-domain=read] .read-page__nav-link:hover{opacity:.85}[data-domain=read] .book-detail{max-width:800px}[data-domain=read] .book-detail__hero{display:flex;gap:28px;margin-bottom:32px}@media(max-width:600px){[data-domain=read] .book-detail__hero{flex-direction:column;gap:16px}}[data-domain=read] .book-detail__cover{width:200px;flex-shrink:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--md-sys-elevation-2, 0 1px 3px rgba(0,0,0,.3))}@media(max-width:600px){[data-domain=read] .book-detail__cover{width:160px}}[data-domain=read] .book-detail__cover img{width:100%;height:auto;display:block}[data-domain=read] .book-detail__cover-placeholder{width:100%;aspect-ratio:2/3;display:flex;align-items:center;justify-content:center;background:var(--md-sys-color-surface-container-high);font-size:3rem}[data-domain=read] .book-detail__info{flex:1;min-width:0}[data-domain=read] .book-detail__title{font-family:var(--serif);font-size:1.6rem;font-weight:400;line-height:1.2;color:var(--md-sys-color-on-surface);margin:0 0 8px}[data-domain=read] .book-detail__author{font-size:1rem;color:var(--md-sys-color-on-surface-variant);margin:0 0 16px}[data-domain=read] .book-detail__meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}[data-domain=read] .book-detail__meta-item{font-size:.82rem;color:var(--md-sys-color-on-surface-variant)}[data-domain=read] .book-detail__meta-item strong{color:var(--md-sys-color-on-surface)}[data-domain=read] .book-detail__badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}[data-domain=read] .book-detail__badge{font-size:.75rem;font-weight:500;padding:4px 12px;border-radius:16px}[data-domain=read] .book-detail__badge--status{background:#34d39926;color:var(--emerald);border:1px solid rgba(52,211,153,.3)}[data-domain=read] .book-detail__badge--genre{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);border:1px solid var(--md-sys-color-outline-variant)}[data-domain=read] .book-detail__badge--rating{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}[data-domain=read] .book-detail__description{font-size:.95rem;line-height:1.7;color:var(--md-sys-color-on-surface-variant);margin:0}[data-domain=read] .book-detail__section-title{font-family:var(--sans);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant);margin-bottom:8px}[data-domain=read] .read-empty{text-align:center;padding:48px 24px;color:var(--md-sys-color-on-surface-variant)}[data-domain=read] .read-empty__icon{font-size:3rem;opacity:.3;margin-bottom:12px}[data-domain=read] .read-empty__text{font-size:.9rem}@media(max-width:768px){[data-domain=read] .domain-content{padding-bottom:calc(var(--md-sys-spacing-6, 24px) + 64px + env(safe-area-inset-bottom,0px))}}
