@font-face{font-family:Bangers;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bangers-latin.woff2)format("woff2")}:root{--paper:#f3edda;--paper-2:#fbf7ea;--paper-3:#eae1c6;--ink:#1a1b19;--ink-2:#41423b;--ink-3:#5a5b50;--red:#e33a2b;--red-2:#b92a1d;--yellow:#ffce00;--cyan:#12b5a5;--white:#fffdf4;--night:#12130f;--night-2:#1d1f1a;--night-ink:#eae1c6;--vip-base:#1b1c15;--vip-base-2:#33352a;--vip-rim:#8c6a22;--vip-gold-light:#fff0be;--vip-gold:#f0cc74;--vip-gold-2:#d3a63f;--vip-gold-3:#9c7318;--vip-text:#f2dfa6;--vip-sheen:#ffecb042;--vip-shadow:#0c0c0752;--font-display:"Bangers", Impact, "Arial Black", sans-serif;--font-title:"Archivo Black", "Arial Black", sans-serif;--font-body:"Outfit", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono:"Space Mono", "SF Mono", monospace;--text-display:clamp(28px, 9vw, 40px);--text-title:16px;--text-body:13px;--text-caption:9.5px;--text-mono:10px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--r-sm:8px;--r-md:14px;--r-lg:20px;--line:2px;--line-lg:4px;--sh-sm:3px 3px 0;--sh-md:5px 5px 0;--sh-lg:8px 8px 0;--ease-out:cubic-bezier(.16, 1, .3, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--dur-sheet:.5s;--dur-page-flip:.72s;--dur-skeleton:1.2s;--dur-auto-flip:4.2s;--dur-pill-fade:1.2s}[data-theme=classic]{--paper:#f3edda;--paper-2:#fbf7ea;--paper-3:#eae1c6;--ink:#1a1b19;--ink-2:#41423b;--ink-3:#5a5b50;--red:#e33a2b;--red-2:#b92a1d;--yellow:#ffce00;--cyan:#12b5a5;--white:#fffdf4;--night:#12130f;--night-2:#1d1f1a;--night-ink:#eae1c6}[data-theme=noir]{--paper:#141510;--paper-2:#1d1f1a;--paper-3:#272920;--ink:#f5edd8;--ink-2:#c9c3ae;--ink-3:#9c9683;--red:#e8503a;--red-2:#c43a28;--yellow:#f5c518;--cyan:#2aa198;--white:#fffdf4;--night:#0b0c08;--night-2:#141510;--night-ink:#eae1c6;--vip-base:#23251b;--vip-base-2:#3a3d2f;--vip-rim:#c9a03c;--vip-text:#ffeeb4;--vip-sheen:#ffecb057}[data-theme=blush]{--paper:#f6e8da;--paper-2:#fcf1e5;--paper-3:#eed9c4;--ink:#3a2e2a;--ink-2:#6e5a50;--ink-3:#8c7668;--red:#e2606e;--red-2:#c24554;--yellow:#f4c98a;--cyan:#5fa8a0;--white:#fff9f2;--night:#2a211d;--night-2:#3a2e2a;--night-ink:#f6e8da;--vip-gold-light:#ffefcb;--vip-gold:#eccb8d;--vip-gold-2:#cfa963;--vip-rim:#b3894a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}body{font-family:var(--font-body);font-size:var(--text-body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain;line-height:1.6}@keyframes reading-bar-rise{0%{transform:scaleY(0)}to{transform:scaleY(var(--bar-scale))}}img,svg,video,canvas{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer}ul,ol{list-style:none}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-weight:inherit}.halftone{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;position:relative}.halftone:after{content:"";pointer-events:none;background:var(--paper);opacity:.88;position:absolute;inset:0}.speed-lines{background:repeating-linear-gradient(100deg, transparent 0 7px, var(--ink) 7px 9px);opacity:.9;position:relative;overflow:hidden}.speed-lines:after{content:"";background:radial-gradient(ellipse at center, transparent 20%, var(--paper) 78%);pointer-events:none;position:absolute;inset:0}.sheet--vip{isolation:isolate;box-shadow:none!important;background:var(--paper-2)!important;border-top:0!important;padding-top:0!important;padding-left:0!important;padding-right:0!important}.sheet-root[data-sheet-variant=sheet--vip]{width:100vw;right:auto!important}.sheet-root[data-sheet-variant=sheet--vip]>.sheet--vip{width:100vw;right:auto;border-radius:var(--r-lg) var(--r-lg) 0 0!important;max-height:90vh!important}.sheet--vip .vip-hero{z-index:0;isolation:isolate;position:relative;margin:0!important}.sheet--vip .vip-hero>div{z-index:1;position:relative}.sheet--vip .vip-hero>div:first-child{padding-right:18px!important}.sheet--vip [data-sheet-body]{background:var(--paper-2);scrollbar-width:none;-ms-overflow-style:none;width:100%;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.sheet--vip [data-sheet-body]::-webkit-scrollbar{width:0;height:0}.sheet--vip .vip-unlock-content{padding-left:12px!important;padding-right:12px!important}.sheet--vip>[data-sheet-header]{isolation:isolate;z-index:2;pointer-events:none;height:0;top:0;left:0;right:0;min-height:0!important;margin-bottom:0!important;position:absolute!important}.sheet--vip>[data-sheet-header] [data-sheet-close]{z-index:2;pointer-events:auto;top:12px!important;right:12px!important;transform:none!important}.vip-offer-clock{text-align:center;transform-origin:50%;will-change:transform;min-width:3.3ch;animation:2.2s ease-in-out infinite vip-clock-breathe;display:inline-block;color:#ff5b57!important}.vip-offer-clock.is-urgent{text-shadow:0 0 6px #ff5b574d;animation-duration:1.6s;color:#ff5b57!important}.vip-offer-clock.is-critical{text-shadow:0 0 10px #ff5b578c;animation-duration:1.1s;color:#ff5b57!important}@keyframes vip-clock-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.vip-primary-shine{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:22%;position:absolute;inset:-45% auto -45% -32%;transform:skew(-18deg)}.vip-primary-card:disabled,.vip-primary-action:disabled{filter:saturate(.78);cursor:wait!important}.vip-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.vip-plan,.vip-primary-card,.vip-primary-action,.vip-ad-action{will-change:transform;transition:transform .16s var(--ease-out), filter .16s var(--ease-out)}.vip-plan:hover,.vip-primary-card:hover,.vip-primary-action:hover,.vip-ad-action:hover{filter:brightness(1.03)}.vip-plan:active,.vip-primary-card:active,.vip-primary-action:active,.vip-ad-action:active{transform:scale(.985)}@media (width>=520px){.vip-plan-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=480px){.sheet--vip .vip-hero>div:first-child{padding-right:72px!important}.sheet-root[data-sheet-variant=sheet--vip]>.sheet--vip{max-height:96dvh!important;padding-bottom:calc(10px + env(safe-area-inset-bottom))!important}.sheet--vip [data-sheet-body]{padding-bottom:8px}.sheet--vip .vip-unlock-content{gap:10px!important;padding-top:12px!important;padding-bottom:8px!important}.sheet--vip .vip-hero>div:first-child{padding:14px 12px 12px!important}.sheet--vip .vip-hero h2{margin-top:9px!important;font-size:clamp(22px,6.8vw,28px)!important}.sheet--vip .vip-hero p{margin-top:4px!important;font-size:12px!important}.sheet--vip .vip-offer-badge{gap:6px!important;padding:8px 10px!important;font-size:9px!important}.sheet--vip .vip-offer-clock{font-size:16px!important}.sheet--vip .vip-primary-card{min-height:68px!important;padding:8px 12px!important}.sheet--vip .vip-plan{min-height:80px!important;padding:8px 6px!important}.sheet--vip .vip-plan strong{margin-top:3px!important;font-size:20px!important}.sheet--vip .vip-plan small{margin-top:2px!important;font-size:8px!important}.sheet--vip .vip-plan small:last-child{margin-top:3px!important;font-size:7px!important}.sheet--vip .vip-primary-action{min-height:50px!important}.sheet--vip .vip-ad-action{min-height:64px!important;padding:8px 12px!important}.sheet--vip .vip-ad-action strong{font-size:13px!important}.sheet--vip .vip-ad-action small{margin-top:2px!important;font-size:8px!important}.sheet--vip .vip-unlock-content>p{font-size:8px!important}}@media (width<=380px) and (height<=760px){.sheet-root[data-sheet-variant=sheet--vip]>.sheet--vip{max-height:calc(100dvh - 8px)!important}.sheet--vip .vip-hero>div:first-child{padding:12px 12px 10px!important}.sheet--vip .vip-hero h2{margin-top:8px!important;font-size:clamp(21px,6.8vw,27px)!important}.sheet--vip .vip-hero p{margin-top:4px!important;font-size:11px!important}.sheet--vip .vip-offer-badge{gap:5px!important;padding:7px 10px!important;font-size:9px!important}.sheet--vip .vip-offer-clock{font-size:16px!important}.sheet--vip .vip-unlock-content{gap:7px!important;padding-top:9px!important}.sheet--vip .vip-primary-card{gap:8px!important;min-height:60px!important;padding:7px 10px!important}.sheet--vip .vip-primary-card>span:nth-of-type(2) strong{font-size:13px!important}.sheet--vip .vip-primary-card>span:nth-of-type(2) small{margin-top:2px!important;font-size:8px!important}.sheet--vip .vip-primary-card>span:nth-of-type(3){font-size:20px!important}.sheet--vip .vip-plan-grid{gap:6px!important}.sheet--vip .vip-plan{min-height:72px!important;padding:7px 5px!important}.sheet--vip .vip-plan strong{margin-top:2px!important;font-size:18px!important}.sheet--vip .vip-plan small{margin-top:2px!important;font-size:8px!important}.sheet--vip .vip-plan small:last-child{margin-top:3px!important;font-size:7px!important}.sheet--vip .vip-primary-action{min-height:44px!important;font-size:15px!important}.sheet--vip .vip-ad-action{gap:8px!important;min-height:54px!important;padding:6px 10px!important}.sheet--vip .vip-ad-action strong{font-size:12px!important}.sheet--vip .vip-ad-action small{margin-top:2px!important;font-size:8px!important}.sheet--vip .vip-unlock-content>p{font-size:8px!important}}@media (prefers-reduced-motion:reduce){.vip-plan,.vip-primary-card,.vip-primary-action,.vip-ad-action{will-change:auto;transition:none}.vip-offer-clock.is-critical,.vip-offer-clock{will-change:auto;animation:none}}:focus{outline:none}:focus-visible{outline:3px solid var(--yellow);outline-offset:2px;border-radius:var(--r-sm)}@keyframes chip-star{0%{transform:scale(0)rotate(-30deg)}70%{transform:scale(1.25)rotate(8deg)}to{transform:scale(1)rotate(0)}}@keyframes pulse-tag{0%,to{opacity:1}50%{opacity:.6}}.comic-card{transition:transform .16s var(--ease-out,ease-out)}.comic-card:hover{transform:translateY(-2px)}.comic-card:active{transform:scale(.97)}.cover.cover-3d{isolation:isolate;transform-style:preserve-3d;transition:transform .42s var(--ease-out,ease-out), box-shadow .42s var(--ease-out,ease-out)}.cover.cover-3d:before{z-index:0;border:2px solid var(--ink);border-radius:var(--r-sm);box-shadow:3px 4px 0 var(--ink);pointer-events:none;content:"";background:repeating-linear-gradient(0deg,#f4e7cc 0 2px,#bda27a 2px 4px);position:absolute;inset:8px -6px -8px 7px;transform:translateZ(-12px)}.cover.cover-3d>div:first-child{z-index:1;border-radius:inherit;transform:translateZ(8px)}.cover.cover-3d>span{z-index:3;transform:translateZ(18px)}.cover.cover-3d>div:first-child>img{filter:saturate(1.07)contrast(1.04);transform:translateZ(4px)scale(1.035)}@media (hover:hover) and (pointer:fine){.cover.cover-3d:hover{transform:perspective(800px)rotateX(-2deg)rotateY(-7deg)rotate(-1deg)translateY(-4px)translateZ(8px);box-shadow:7px 10px 0 var(--ink)!important}.comic-card:nth-child(2n) .cover.cover-3d:hover{transform:perspective(800px)rotateX(-2deg)rotateY(7deg)rotate(1deg)translateY(-4px)translateZ(8px)}}@media (prefers-reduced-motion:reduce){.cover.cover-3d{transition:none;transform:none}}.home-recommend-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;display:grid}.comic-card-cover-stage{perspective:950px;transform-style:preserve-3d;margin-bottom:4px;padding:5px 5px 12px;position:relative}.comic-card-depth{z-index:0;border:3px solid var(--ink);border-radius:var(--r-md);box-shadow:4px 5px 0 var(--ink);pointer-events:none;background:repeating-linear-gradient(0deg,#f3e1c6 0 2px,#b99d78 2px 4px);position:absolute;inset:12px 1px 3px 11px;transform:translateZ(-18px)}.comic-card-cover-stage .cover.cover-3d:before{border-radius:inherit;box-shadow:none;pointer-events:none;content:"";background:linear-gradient(158deg,#ffffff2e,#0000 25% 56%,#16181342);border:0;inset:0;transform:none}.comic-card-cover-stage .cover.cover-3d{z-index:1;border:3px solid var(--ink);border-radius:var(--r-md);box-shadow:5px 6px 0 var(--ink);transform-style:preserve-3d;transition:transform .52s var(--ease-out), box-shadow .52s var(--ease-out);will-change:transform;position:relative;transform:perspective(950px)rotateX(3deg)rotateY(-4deg)rotate(-1deg)translateZ(10px)}.comic-card:nth-child(2n) .comic-card-cover-stage .cover.cover-3d{transform:perspective(950px)rotateX(3deg)rotateY(4deg)rotate(1deg)translateZ(10px)}.comic-card-cover-stage .cover.cover-3d>div:first-child{transform:translateZ(7px)}.comic-card-cover-stage .cover.cover-3d>div:first-child>img{filter:saturate(1.08)contrast(1.05);transform:translateZ(7px)scale(1.035)}@media (hover:hover) and (pointer:fine){.comic-card-cover-stage:hover .cover.cover-3d{box-shadow:8px 13px 0 var(--ink);transform:perspective(950px)rotateX(-1deg)rotateY(-11deg)rotate(-2deg)translateY(-8px)translateZ(18px)}.comic-card:nth-child(2n) .comic-card-cover-stage:hover .cover.cover-3d{transform:perspective(950px)rotateX(-1deg)rotateY(11deg)rotate(2deg)translateY(-8px)translateZ(18px)}}@media (prefers-reduced-motion:reduce){.comic-card-cover-stage .cover.cover-3d,.comic-card-cover-stage .cover.cover-3d:before{transition:none;transform:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.screen{min-height:100%;padding:calc(16px + env(safe-area-inset-top)) 16px calc(84px + env(safe-area-inset-bottom))}.home-screen{touch-action:pan-y;overscroll-behavior-y:contain}.home-wordmark{letter-spacing:.02em;white-space:nowrap;font-size:clamp(30px,8vw,38px);line-height:1}.tab-transition-skeleton{inset:0 0 calc(66px + env(safe-area-inset-bottom));z-index:850;padding:calc(16px + env(safe-area-inset-top)) 16px 24px;background:var(--paper);pointer-events:none;animation:.14s ease-out both tab-skeleton-in;position:fixed;overflow:hidden}.tab-transition-skeleton__head{justify-content:space-between;align-items:center;min-height:46px;margin-bottom:18px;display:flex}.tab-transition-skeleton__body{flex-direction:column;gap:14px;display:flex}.tab-transition-skeleton__chips,.tab-transition-skeleton__stats{gap:8px;display:flex}.tab-transition-skeleton__chips>*,.tab-transition-skeleton__stats>*{flex:1}.tab-transition-skeleton__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;display:grid}.tab-transition-skeleton__card{flex-direction:column;gap:7px;min-width:0;display:flex}.tab-transition-skeleton__settings{flex-direction:column;gap:8px;display:flex}@keyframes tab-skeleton-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.tab-transition-skeleton{animation:none}}.screen-ph{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:60vh;display:flex}.screen-ph h1{font-family:var(--font-display);font-size:var(--text-display);color:var(--ink);letter-spacing:1px;line-height:1.1}.screen-ph p{color:var(--ink-3);max-width:260px;font-size:13px}.screen-ph .ph-tag{font-family:var(--font-mono);color:var(--red);border:2px solid var(--red);border-radius:var(--r-sm);padding:2px 8px;font-size:10px}.vip-badge{vertical-align:middle;border:1px solid var(--vip-rim);background:linear-gradient(180deg, var(--vip-base-2), var(--vip-base));color:var(--vip-text);font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:inset 0 1px 0 var(--vip-sheen), 0 1px 2px var(--vip-shadow);border-radius:999px;flex:none;align-items:center;gap:4px;font-weight:700;line-height:1;display:inline-flex;position:relative}.vip-badge--sm{letter-spacing:.1em;height:18px;padding:0 7px 0 2px;font-size:8px}.vip-badge--md{letter-spacing:.14em;height:26px;padding:0 11px 0 3px;font-size:10px}.vip-badge__mark{background:linear-gradient(155deg, var(--vip-gold-light), var(--vip-gold) 45%, var(--vip-gold-3));color:#241a05;font-family:var(--font-title);border-radius:999px;flex:none;place-items:center;font-weight:900;line-height:1;display:grid;box-shadow:inset 0 1px #ffffffa6}.vip-badge--sm .vip-badge__mark{width:14px;height:14px;font-size:8px}.vip-badge--md .vip-badge__mark{width:20px;height:20px;font-size:10px}.vip-badge__text{display:block}.vip-badge--unlocked{border-color:var(--vip-gold-3);background:linear-gradient(180deg, var(--vip-gold-light), var(--vip-gold) 55%, var(--vip-gold-2));color:#2a1f05;box-shadow:inset 0 1px 0 #fff9, 0 1px 2px var(--vip-shadow)}.vip-badge--unlocked .vip-badge__mark{background:linear-gradient(155deg, var(--vip-base-2), var(--vip-base));color:var(--vip-gold-light);box-shadow:inset 0 1px 0 var(--vip-sheen)}.vip-member-card{z-index:2;border:1px solid var(--vip-rim);border-radius:var(--r-md);background:linear-gradient(180deg, var(--vip-base-2), var(--vip-base));box-shadow:inset 0 1px 0 var(--vip-sheen), 0 1px 2px var(--vip-shadow);flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:14px;padding:8px 12px;display:flex;position:relative;overflow:hidden}.vip-member-card:after{content:"";pointer-events:none;background:linear-gradient(105deg, transparent 36%, var(--vip-sheen) 50%, transparent 64%);opacity:.65;position:absolute;inset:0}.vip-member-card>*{z-index:1;position:relative}.vip-member-card__mark{width:24px;height:24px;font-size:11px}.vip-member-card__title{font-family:var(--font-mono);letter-spacing:.14em;color:var(--vip-text);font-size:10px;font-weight:700}.vip-member-card__plan{border-left:1px solid var(--vip-rim);font-family:var(--font-mono);letter-spacing:.06em;color:var(--vip-text);opacity:.78;overflow-wrap:anywhere;padding-left:10px;font-size:9.5px}.vip-member-card__expiry{font-family:var(--font-mono);letter-spacing:.04em;color:var(--vip-text);opacity:.62;white-space:nowrap;margin-left:auto;font-size:9px}.vip-member-card--lapsed{border-color:var(--vip-rim);opacity:.66}.vip-member-card--lapsed:after{opacity:.12}.vip-member-card--lapsed .vip-member-card__mark{background:linear-gradient(155deg, var(--vip-base-2), var(--vip-base));color:var(--vip-gold-3);box-shadow:inset 0 1px 0 var(--vip-sheen)}.vip-member-card--lapsed .vip-member-card__title{color:var(--vip-gold-3)}