:root{--font-family-base: -apple-system, BlinkMacSystemFont, "SF Pro Text", Roboto, "Segoe UI", sans-serif;--font-size-caption: 12px;--font-size-footnote: 13px;--font-size-subhead: 15px;--font-size-callout: 16px;--font-size-body: 17px;--font-size-title-3: 20px;--font-size-title-2: 22px;--font-size-title-1: 28px;--font-size-large-title: 34px;--reader-font-size: 16px;--line-height-caption: 16px;--line-height-footnote: 18px;--line-height-subhead: 20px;--line-height-callout: 21px;--line-height-body: 22px;--line-height-title-3: 25px;--line-height-title-2: 28px;--line-height-title-1: 34px;--line-height-large-title: 41px;--reader-line-height: 1.5;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--color-bg: #181818;--color-surface: #252529;--color-surface-raised: #2c2c31;--color-surface-control: #2f2f35;--color-text: #d1d1d3;--color-text-strong: #f5f7fb;--color-text-muted: #9a9aa0;--color-text-soft: #a6a6ad;--color-border: #303036;--color-border-strong: #3b3d44;--color-border-control: #45464e;--color-accent: #2f9bea;--color-accent-text: #48a6ff;--color-success: #31bd45;--color-warning: #f0a63c;--color-danger: #ff757b;--color-on-accent: #ffffff;--color-modal-bg: #ffffff;--color-modal-text: #071224;--color-modal-muted: #7c818c;--color-modal-control: #f1f2f5;--tg-color-bg: var(--tg-theme-bg-color, var(--color-bg));--tg-color-surface: var(--tg-theme-secondary-bg-color, var(--color-surface));--tg-color-text: var(--tg-theme-text-color, var(--color-text));--tg-color-muted: var(--tg-theme-subtitle-text-color, var(--tg-theme-hint-color, var(--color-text-muted)));--tg-color-link: var(--tg-theme-link-color, var(--color-accent-text));--tg-color-button: var(--tg-theme-button-color, var(--color-accent));--tg-color-button-text: var(--tg-theme-button-text-color, var(--color-text-strong));--safe-area-bottom: var(--tg-safe-area-inset-bottom, env(safe-area-inset-bottom));--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--radius-sm: 7px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--radius-round: 50%;--control-height-sm: 44px;--control-height-md: 48px;--control-height-lg: 56px;--control-height-xl: 64px;--nav-height: 84px;--reader-action-height: var(--control-height-sm);--reader-bottom-reserve: 0px;--reader-page-gap: var(--space-4);--app-viewport-height: 100dvh;--book-title-lines: 3;--z-cover-badge: 1;--z-paywall-buy-bar: 20;--z-bottom-nav: 30;--z-modal-backdrop: 60;--shadow-cover: 0 8px 24px rgb(0 0 0 / 28%);--shadow-badge: 0 4px 12px rgb(0 0 0 / 24%);--shadow-accent: 0 12px 30px rgb(47 155 234 / 18%);--shadow-buy-button: 0 16px 34px rgb(47 155 234 / 30%);--shadow-modal: 0 24px 70px rgb(0 0 0 / 34%);color:var(--tg-color-text);background:var(--tg-color-bg);font-family:var(--font-family-base);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--tg-color-bg)}html,body,#root{height:var(--app-viewport-height);overflow:hidden}button{font:inherit}.app-shell{height:var(--app-viewport-height);min-height:0;overflow:hidden}.app-page-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.app-page-scroll-reader{overflow:hidden}.screen{width:min(720px,100%);margin:0 auto;padding:var(--space-5) var(--space-4) calc(var(--nav-height) + var(--space-7) + var(--safe-area-bottom))}.screen-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:var(--space-2);font-size:var(--font-size-title-1);font-weight:var(--font-weight-bold);line-height:var(--line-height-title-1)}h2{font-size:var(--font-size-title-3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-title-3)}.muted{color:var(--tg-color-muted);font-size:var(--font-size-subhead);line-height:var(--line-height-subhead)}.book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.book-card{display:grid;grid-template-rows:auto 1fr;min-width:0;padding:0;border:0;color:inherit;text-align:left;background:transparent}.cover{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:3 / 4;overflow:hidden;border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text-soft);font-size:var(--font-size-large-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-large-title);box-shadow:var(--shadow-cover)}.cover img{width:100%;height:100%;object-fit:cover}.book-rating-badge{position:absolute;top:var(--space-2);left:0;z-index:var(--z-cover-badge);min-width:var(--control-height-sm);padding:var(--space-1) var(--space-2);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-on-accent);background:var(--color-success);font-size:var(--font-size-callout);font-weight:var(--font-weight-bold);line-height:var(--line-height-callout);text-align:center;box-shadow:var(--shadow-badge)}.book-card-text{padding-top:var(--space-2);min-height:calc((var(--line-height-callout) * var(--book-title-lines)) + var(--space-1) + var(--line-height-footnote))}.book-card h3{display:-webkit-box;min-height:calc(var(--line-height-callout) * var(--book-title-lines));overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--book-title-lines);margin-bottom:var(--space-1);font-size:var(--font-size-callout);font-weight:var(--font-weight-semibold);line-height:var(--line-height-callout)}.book-card p,.started-row small{margin:0;color:var(--tg-color-muted);font-size:var(--font-size-footnote);line-height:var(--line-height-footnote)}.detail-screen{display:flex;flex-direction:column;gap:var(--space-2)}.detail-cover{width:min(172px,46vw);align-self:center;margin:var(--space-1) 0 var(--space-2)}.detail-screen h1{margin-bottom:var(--space-1)}.detail-screen p{margin-bottom:0}.detail-screen .primary-button{margin-top:var(--space-2)}.detail-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.detail-tags span{padding:5px var(--space-2);border-radius:var(--radius-md);color:var(--tg-color-text);background:var(--tg-color-surface);border:1px solid var(--color-border-control);font-size:var(--font-size-footnote);font-weight:var(--font-weight-semibold);line-height:var(--line-height-footnote)}.rating-section{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.rating-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.rating-header h2{margin-bottom:0}.rating-summary{display:flex;flex:0 0 auto;align-items:center;gap:var(--space-2);color:var(--color-warning);font-size:var(--font-size-callout);font-weight:var(--font-weight-semibold);line-height:var(--line-height-callout)}.rating-summary strong{color:var(--tg-color-text)}.rating-summary span{color:var(--tg-color-muted);font-weight:var(--font-weight-semibold)}.rating-bars{display:grid;gap:var(--space-2)}.rating-row{display:grid;grid-template-columns:22px 20px minmax(80px,1fr) 54px 52px;align-items:center;gap:var(--space-2);color:var(--tg-color-text);font-size:var(--font-size-footnote);line-height:var(--line-height-footnote)}.rating-score,.rating-row strong,.rating-count{font-weight:var(--font-weight-semibold)}.rating-row-star,.rating-count{color:var(--tg-color-muted)}.rating-track{height:10px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-border)}.rating-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#fb533d,#e0d931 18%,#65d936)}.similar-section{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.similar-section h2{margin-bottom:var(--space-3);font-size:var(--font-size-title-3);font-weight:var(--font-weight-bold);line-height:var(--line-height-title-3)}.similar-list{display:grid;gap:var(--space-2)}.similar-book-button{display:grid;grid-template-columns:var(--control-height-lg) minmax(0,1fr);align-items:center;gap:var(--space-3);width:100%;min-height:var(--control-height-xl);padding:var(--space-2);border-radius:var(--radius-md);color:var(--tg-color-text);background:var(--tg-color-surface);text-align:left}.similar-book-cover{width:var(--control-height-lg);aspect-ratio:2 / 3;box-shadow:none}.similar-book-cover span{font-size:var(--font-size-title-3);line-height:var(--line-height-title-3)}.similar-book-copy{display:grid;min-width:0;gap:var(--space-1)}.similar-book-copy strong,.similar-book-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.similar-book-copy strong{color:var(--tg-color-text);font-size:var(--font-size-callout);font-weight:var(--font-weight-semibold);line-height:var(--line-height-callout)}.similar-book-copy small{color:var(--tg-color-muted);font-size:var(--font-size-footnote);line-height:var(--line-height-footnote)}.primary-button,.text-button,.icon-button,.started-row,.similar-book-button,.subscription-plan{border:0;cursor:pointer}.primary-button{min-height:var(--control-height-md);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);color:var(--tg-color-button-text);background:var(--tg-color-button);font-size:var(--font-size-callout);font-weight:var(--font-weight-semibold);line-height:var(--line-height-callout)}.text-button{width:fit-content;padding:var(--space-2) 0;color:var(--tg-color-link);background:transparent;font-size:var(--font-size-callout);font-weight:var(--font-weight-semibold);line-height:var(--line-height-callout)}.reader-screen{display:flex;flex-direction:column;width:min(760px,100%);height:100%;min-height:0;margin:0 auto;padding:var(--space-3) var(--space-4) calc(var(--reader-bottom-reserve) + var(--space-2) + var(--safe-area-bottom));background:var(--tg-color-bg)}.reader-header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--space-3);flex:0 0 auto;margin-bottom:var(--space-3)}.reader-header .text-button{padding:0;font-size:var(--font-size-subhead);line-height:var(--line-height-subhead)}.reader-title-block{min-width:0}.reader-header .muted{overflow:hidden;margin-bottom:var(--space-1);font-size:var(--font-size-footnote);line-height:var(--line-height-footnote);text-overflow:ellipsis;white-space:nowrap}.reader-screen h1{overflow:hidden;margin-bottom:0;font-size:var(--font-size-callout);line-height:var(--line-height-callout);text-overflow:ellipsis;white-space:nowrap}.chapter-viewport{flex:1 1 auto;min-height:0;overflow:hidden}.chapter{width:100%;height:100%;overflow:visible;column-width:var(--reader-page-width);column-gap:var(--reader-page-gap);color:var(--tg-color-text);font-size:var(--reader-font-size);line-height:var(--reader-line-height);transition:transform .16s ease-out;will-change:transform}.chapter p{margin-bottom:var(--space-3)}.reader-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex:0 0 auto;min-height:var(--reader-action-height);margin-top:var(--space-2)}.reader-page-count{color:var(--tg-color-muted);font-size:var(--font-size-footnote);line-height:var(--line-height-footnote)}.icon-button{display:grid;place-items:center;width:var(--reader-action-height);height:var(--reader-action-height);border-radius:var(--radius-round);color:var(--tg-color-text);background:var(--color-surface-control)}.profile-section{padding:var(--space-5) 0;border-top:1px solid var(--color-border)}.profile-subscription-button,.profile-support-button{width:100%}.profile-subscription-button{margin-top:var(--space-3)}.profile-support-button{min-height:var(--control-height-md);margin-top:var(--space-2);padding:var(--space-3) var(--space-5)}.started-row{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--control-height-lg);padding:var(--space-3) 0;color:inherit;background:transparent;border-bottom:1px solid var(--color-border);text-align:left}.paywall-screen{padding-bottom:calc(var(--nav-height) + var(--space-7))}.paywall-header{display:grid;gap:var(--space-2);margin-bottom:var(--space-5)}.subscription-plans{display:grid;gap:var(--space-3);margin-bottom:var(--space-4)}.subscription-plan{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto 34px;align-items:center;gap:var(--space-4);min-height:92px;padding:var(--space-4);overflow:hidden;border-radius:var(--radius-md);color:var(--tg-color-text);background:var(--tg-color-surface);border:1px solid var(--color-border-strong);text-align:left}.subscription-plan-selected{border-color:var(--tg-color-button);background:linear-gradient(115deg,#2f9bea33,#31bd4514 54%,#f0a63c1a),var(--tg-color-surface);box-shadow:var(--shadow-accent)}.subscription-plan-copy,.subscription-price,.subscription-radio-mark{position:relative;z-index:1}.subscription-plan-radio{position:absolute;opacity:0;pointer-events:none}.subscription-plan-copy{display:grid;gap:var(--space-1)}.subscription-plan-copy strong{color:var(--color-text-strong);font-size:var(--font-size-title-3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-title-3)}.subscription-plan-copy small,.subscription-price small{color:var(--tg-color-muted);font-size:var(--font-size-footnote);line-height:var(--line-height-footnote)}.subscription-discount{width:fit-content;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);color:var(--color-on-accent);background:var(--color-success);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);line-height:var(--line-height-caption)}.subscription-price{display:grid;justify-items:end;gap:2px;min-width:82px}.subscription-price small{text-decoration:line-through}.subscription-price strong{color:var(--color-text-strong);font-size:var(--font-size-title-2);font-weight:var(--font-weight-bold);line-height:var(--line-height-title-2)}.subscription-badge{position:absolute;top:0;right:52px;z-index:2;padding:5px 10px;border-radius:0 var(--radius-md) 0 var(--radius-md);color:var(--color-text-strong);background:var(--tg-color-button);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);line-height:var(--line-height-caption)}.subscription-radio-mark{display:grid;width:30px;height:30px;place-items:center;border:3px solid #8c9099;border-radius:var(--radius-round)}.subscription-plan-radio:checked+.subscription-badge+.subscription-plan-copy+.subscription-price+.subscription-radio-mark,.subscription-plan-radio:checked+.subscription-plan-copy+.subscription-price+.subscription-radio-mark{border-color:var(--tg-color-button)}.subscription-plan-radio:checked+.subscription-badge+.subscription-plan-copy+.subscription-price+.subscription-radio-mark:after,.subscription-plan-radio:checked+.subscription-plan-copy+.subscription-price+.subscription-radio-mark:after{width:var(--space-4);height:var(--space-4);border-radius:var(--radius-round);background:var(--tg-color-button);content:""}.paywall-benefits{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.paywall-benefits span{display:inline-flex;align-items:center;gap:6px;padding:var(--space-2) 10px;border-radius:var(--radius-md);color:var(--tg-color-text);background:var(--tg-color-surface);border:1px solid var(--color-border-strong);font-size:var(--font-size-footnote);line-height:var(--line-height-footnote)}.paywall-buy-bar{position:fixed;right:0;bottom:var(--nav-height);left:0;z-index:var(--z-paywall-buy-bar);padding:var(--space-3) var(--space-4) calc(var(--space-3) + var(--safe-area-bottom));background:linear-gradient(180deg,#18181800,#181818eb 32%)}.paywall-buy-button{display:block;width:min(688px,100%);min-height:var(--control-height-lg);margin:0 auto;box-shadow:var(--shadow-buy-button)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal-backdrop);display:grid;align-items:center;justify-items:center;padding:var(--space-7) var(--space-5);background:#080c1494}.winback-modal{position:relative;width:min(100%,720px);padding:var(--space-8) var(--space-6) var(--space-6);border-radius:var(--radius-lg);color:var(--color-modal-text);background:var(--color-modal-bg);box-shadow:var(--shadow-modal)}.winback-modal h2{margin-bottom:var(--space-4);padding-right:62px;color:var(--color-modal-text);font-size:var(--font-size-title-1);font-weight:var(--font-weight-bold);line-height:var(--line-height-title-1);letter-spacing:0}.winback-modal p{margin-bottom:var(--space-6);color:var(--color-modal-muted);font-size:var(--font-size-callout);font-weight:var(--font-weight-medium);line-height:var(--line-height-callout)}.winback-close-button{position:absolute;top:var(--space-4);right:var(--space-4);display:grid;width:var(--control-height-md);height:var(--control-height-md);place-items:center;border:0;border-radius:var(--radius-round);color:var(--color-modal-muted);background:var(--color-modal-control)}.winback-action-button{width:100%;min-height:var(--control-height-lg);border-radius:var(--radius-pill);font-size:var(--font-size-callout);font-weight:var(--font-weight-bold)}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:var(--z-bottom-nav);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);padding:10px var(--space-4) calc(10px + var(--safe-area-bottom));border-top:1px solid var(--color-border);background:#212124f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav button{display:flex;min-height:var(--control-height-md);align-items:center;justify-content:center;gap:var(--space-2);border:0;border-radius:var(--radius-md);color:var(--tg-color-muted);background:transparent;font-size:var(--font-size-footnote);font-weight:var(--font-weight-medium);line-height:var(--line-height-footnote)}.bottom-nav button.active{color:var(--tg-color-link);background:var(--tg-color-surface)}.state{display:grid;min-height:100vh;place-items:center;padding:var(--space-6);color:var(--tg-color-muted);font-size:var(--font-size-body);line-height:var(--line-height-body);text-align:center}.state-error{color:var(--color-danger)}@media (min-width: 720px){.book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}