.webtoon-reader{--reader-canvas:#000;--reader-gutter:#000;--reader-chrome-scrim:#000000c7;--reader-top-height:calc(var(--control-md) + var(--space-2));--reader-bottom-height:calc(var(--control-md) + var(--control-md) + var(--space-6));height:100dvh;color:var(--color-reader-text);background:var(--reader-canvas);position:relative;overflow:hidden}.webtoon-reader-overlay{inset:var(--space-0);z-index:var(--z-overlay);background:var(--reader-canvas);position:fixed}.webtoon-reader-scroll{overscroll-behavior:contain;background:var(--reader-canvas);scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;height:100%;overflow:hidden auto}.webtoon-reader-scroll:focus-visible{box-shadow:inset var(--focus-ring);outline:none}.webtoon-reader-column{width:min(var(--container-reader), 100%);min-height:100%;margin:var(--space-0) auto;padding:var(--reader-top-height) var(--space-0) var(--reader-bottom-height);background:var(--reader-canvas);flex-direction:column;display:flex}.webtoon-reader-page{width:100%;margin-top:var(--reader-page-lead,var(--space-0));margin-bottom:var(--reader-page-bleed,var(--space-0));box-shadow:0 var(--reader-page-bleed,var(--space-0)) 0 var(--reader-gutter), 0 calc(-1 * var(--reader-page-lead,var(--space-0))) 0 var(--reader-gutter);flex:none;display:block}.webtoon-reader-img{aspect-ratio:auto 9/16;object-fit:contain;object-position:center;background:var(--reader-canvas);width:100%;height:auto;display:block}.webtoon-reader-living{aspect-ratio:9/16;background:var(--reader-canvas);width:100%;display:block;position:relative;overflow:hidden}.webtoon-reader-living-video{object-fit:cover;object-position:center;background:var(--reader-canvas);width:100%;height:100%;display:block;position:absolute;inset:0}.webtoon-choice-gate{gap:var(--space-6);width:100%;padding:clamp(var(--space-8), 8vw, var(--space-16)) clamp(var(--space-4), 7vw, var(--space-12));color:var(--color-reader-text);background:radial-gradient(circle at 50% 0,#43bcb52e,#0000 48%),linear-gradient(#071311 0%,#020303 100%);border-block:1px solid #ffffff1a;display:grid}.webtoon-choice-gate-copy{gap:var(--space-2);text-align:center;max-width:42rem;margin-inline:auto;display:grid}.webtoon-choice-gate-copy>span{color:#76d8ce;font-size:var(--font-size-2);letter-spacing:.12em;text-transform:uppercase;font-weight:700}.webtoon-choice-gate-copy h2,.webtoon-choice-gate-copy p{margin:0}.webtoon-choice-gate-copy h2{font-size:clamp(var(--font-size-6), 5vw, var(--font-size-8));line-height:1.25}.webtoon-choice-gate-copy p,.webtoon-choice-gate-hint{color:var(--color-reader-muted)}.webtoon-choice-gate-options{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.webtoon-choice-gate-options button{align-items:center;gap:var(--space-3);min-height:7rem;padding:var(--space-5);color:inherit;text-align:left;border-radius:var(--radius-lg);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;grid-template-columns:auto 1fr auto;display:grid}.webtoon-choice-gate-options button:hover,.webtoon-choice-gate-options button[aria-pressed=true]{background:#29a1972e;border-color:#49b9af}.webtoon-choice-gate-options button:focus-visible{outline-offset:3px;outline:2px solid #76d8ce}.webtoon-choice-gate-options button:disabled{cursor:not-allowed;opacity:.45}.webtoon-choice-gate-options button>span{width:var(--control-md);height:var(--control-md);color:#02110f;background:#76d8ce;border-radius:999px;place-items:center;font-weight:800;display:grid}.webtoon-choice-gate-options button small{color:var(--color-reader-muted);grid-column:2/-1}.webtoon-choice-gate-options button b{color:#76d8ce;font-size:var(--font-size-2)}.webtoon-choice-gate-hint{text-align:center}.webtoon-reader-video{margin:var(--space-0);background:var(--reader-canvas)}.webtoon-reader-video-el{object-fit:contain;background:var(--reader-canvas);width:100%;height:100%;display:block}.webtoon-reader-route-actions{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.webtoon-reader-missing{aspect-ratio:9/16;width:100%;color:var(--color-reader-muted);background:var(--reader-canvas);font-size:var(--font-size-3);place-items:center;display:grid}.webtoon-reader-chrome{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);left:var(--space-0);right:var(--space-0);z-index:var(--z-sticky);color:var(--color-reader-text);opacity:0;pointer-events:none;transition:opacity var(--motion-base) var(--ease-standard), transform var(--motion-base) var(--ease-standard);background:0 0;display:flex;position:absolute}.webtoon-reader[data-chrome=visible] .webtoon-reader-chrome,.webtoon-reader-chrome:focus-within{opacity:1;pointer-events:auto;transform:translateY(var(--space-0))}.webtoon-reader-top{background:linear-gradient(180deg, var(--reader-chrome-scrim) 0%, #00000059 55%, transparent 100%);top:var(--space-0);min-height:var(--reader-top-height);padding:var(--space-1) max(var(--page-gutter), env(safe-area-inset-left,0));border-bottom:var(--space-hair) solid #ffffff14;justify-content:space-between;align-items:center;display:flex;transform:translateY(-100%)}.webtoon-reader-top-leading{min-width:var(--space-0);align-items:center;gap:var(--space-2);display:flex}.webtoon-reader-top-actions{flex:var(--space-0) var(--space-0) auto;align-items:center;gap:var(--space-1);display:flex}.webtoon-reader-mode-toggle{padding:var(--space-1);border:var(--space-hair) solid var(--color-reader-border);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-reader-canvas) 55%, transparent);align-items:center;display:inline-flex}.webtoon-reader-mode-toggle button,.webtoon-reader-replay{min-height:var(--control-sm);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);color:var(--color-reader-muted);font-size:var(--font-size-2);font-weight:var(--font-weight-600);white-space:nowrap;cursor:pointer;background:0 0;border:0}.webtoon-reader-mode-toggle button[aria-pressed=true]{color:var(--color-text-inverse);background:var(--color-brand-solid)}.webtoon-reader-mode-toggle button:focus-visible,.webtoon-reader-replay:focus-visible{box-shadow:var(--focus-ring);outline:none}.webtoon-reader-replay{color:var(--color-reader-text);background:color-mix(in srgb, var(--color-reader-canvas) 55%, transparent)}.webtoon-reader-title{min-width:var(--space-0);color:var(--color-reader-text);font-size:var(--font-size-3);font-weight:var(--font-weight-600);line-height:var(--line-heading);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.webtoon-reader-iconbtn{width:var(--control-sm);height:var(--control-sm);font-size:var(--font-size-3);min-width:var(--control-md);min-height:var(--control-md);padding:var(--space-0);border:var(--space-hair) solid transparent;border-radius:var(--radius-pill);color:var(--color-reader-text);cursor:pointer;transition:color var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard);background:0 0;flex:none;place-items:center;display:inline-grid}.webtoon-reader-iconbtn:hover,.webtoon-reader-speed:hover,.webtoon-reader-pagechip:hover{color:var(--color-reader-text);background:var(--color-reader-raised);border-color:var(--color-reader-border)}.webtoon-reader-iconbtn:focus-visible,.webtoon-reader-speed:focus-visible,.webtoon-reader-pagechip:focus-visible,.webtoon-reader-jump-item:focus-visible{box-shadow:var(--focus-ring);outline:none}.webtoon-reader-iconbtn:disabled{color:var(--color-reader-muted);cursor:wait}.webtoon-reader-bottom{background:linear-gradient(0deg, var(--reader-chrome-scrim) 0%, #0006 50%, transparent 100%);bottom:var(--space-0);min-height:var(--reader-bottom-height);justify-content:center;gap:var(--space-2);padding:var(--space-3) max(var(--page-gutter), env(safe-area-inset-right,0));border-top:var(--space-hair) solid #ffffff14;flex-direction:column;display:flex;transform:translateY(100%)}.webtoon-reader-bottom-meta{width:min(var(--container-reader), 100%);margin:var(--space-0) auto;align-items:center;gap:var(--space-3);display:flex}.webtoon-reader-controls{justify-content:center;align-items:center;gap:var(--space-3);display:flex}.webtoon-reader-progress{height:var(--space-1);border-radius:var(--radius-pill);background:#ffffff29;flex:auto;overflow:hidden}.webtoon-reader-progress>span{border-radius:inherit;background:var(--color-brand);height:100%;transition:width var(--motion-fast) var(--ease-linear);display:block}.webtoon-reader-pagechip,.webtoon-reader-speed{width:var(--control-sm);height:var(--control-sm);min-width:var(--control-md);min-height:var(--control-md);transition:color var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard);background:color-mix(in srgb, var(--color-reader-canvas) 45%, transparent);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);color:var(--color-text-inverse);cursor:pointer;padding-inline:var(--space-3);font-size:var(--font-size-2);font-weight:var(--font-weight-600);white-space:nowrap;border:0;flex:none;place-items:center;display:inline-grid}.webtoon-reader-playbtn{color:var(--color-text-inverse);background:var(--color-brand-solid)}.webtoon-reader-playbtn:hover{color:var(--color-text-inverse);background:var(--color-brand-solid-hover);border-color:var(--color-brand-solid-hover)}.webtoon-reader-share-ok{top:calc(var(--reader-top-height) + var(--space-2));right:var(--page-gutter);z-index:var(--z-dialog);padding:var(--space-2) var(--space-3);border:var(--space-hair) solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-raised);font-size:var(--font-size-2);font-weight:var(--font-weight-600);position:absolute}.webtoon-reader-jump{top:var(--reader-top-height);right:var(--space-0);bottom:var(--space-0);z-index:var(--z-dialog);width:min(var(--container-reader), 50vw);color:var(--color-text);background:var(--color-surface);border-left:var(--space-hair) solid var(--color-border);box-shadow:var(--shadow-dialog);flex-direction:column;display:flex;position:absolute}.webtoon-reader-jump-head{min-height:var(--header-height-mobile);padding:var(--space-2) var(--space-4);border-bottom:var(--space-hair) solid var(--color-border);color:var(--color-text);font-size:var(--font-size-3);font-weight:var(--font-weight-600);justify-content:space-between;align-items:center;display:flex}.webtoon-reader-jump-list{grid-template-columns:repeat(2, minmax(var(--space-0), 1fr));align-content:start;gap:var(--space-3);padding:var(--space-3);flex:auto;display:grid;overflow-y:auto}.webtoon-reader-jump-item{min-height:var(--control-md);padding:var(--space-0);border:var(--space-hair) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);cursor:pointer;position:relative;overflow:hidden}.webtoon-reader-jump-item[data-active=true]{border-color:var(--color-brand-solid);box-shadow:inset var(--focus-ring)}.webtoon-reader-jump-item img,.webtoon-reader-jump-thumb-missing{aspect-ratio:9/16;background:var(--color-surface-raised);object-fit:cover;width:100%;display:block}.webtoon-reader-jump-item b{left:var(--space-2);bottom:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);color:var(--color-reader-text);background:var(--color-scrim);font-size:var(--font-size-2);position:absolute}.webtoon-reader-route-state{min-height:100dvh;padding:var(--space-6);color:var(--color-reader-muted);background:var(--reader-canvas,#000);font-size:var(--font-size-3);text-align:center;place-items:center;display:grid}@media (max-width:640px){.webtoon-reader{--reader-bottom-height:calc(var(--control-lg) + var(--space-4) + var(--safe-bottom))}.webtoon-reader-scroll{scrollbar-gutter:auto}.webtoon-reader-column{width:100%}.webtoon-choice-gate-options{grid-template-columns:1fr}.webtoon-reader-top{padding-inline:max(var(--space-1), env(safe-area-inset-left,0)) max(var(--space-1), env(safe-area-inset-right,0))}.webtoon-reader-mode-toggle button,.webtoon-reader-replay{min-height:var(--control-md);padding-inline:var(--space-2)}.webtoon-reader-bottom{min-height:var(--reader-bottom-height);align-items:center;gap:var(--space-1);padding:var(--space-2) max(var(--space-2), env(safe-area-inset-right,0)) calc(var(--space-2) + var(--safe-bottom)) max(var(--space-2), env(safe-area-inset-left,0));flex-direction:row}.webtoon-reader-bottom-meta{min-width:var(--space-0);gap:var(--space-1)}.webtoon-reader-controls{flex:var(--space-0) var(--space-0) auto;gap:var(--space-0)}.webtoon-reader-iconbtn,.webtoon-reader-speed,.webtoon-reader-pagechip{min-width:var(--control-md);min-height:var(--control-md)}.webtoon-reader-pagechip,.webtoon-reader-speed{padding-inline:var(--space-2)}.webtoon-reader-progress{min-width:var(--space-8)}.webtoon-reader-jump{top:var(--reader-top-height);width:min(calc(100% - var(--space-8)), 88vw)}}@media (prefers-reduced-motion:reduce){.webtoon-reader-chrome,.webtoon-reader-progress>span{transition:none}}