.comic-course{--cp-ease:cubic-bezier(0.32,0.72,0,1);--cp-ring:color-mix(in srgb,var(--muted) 40%,var(--line));--cp-ink-2:color-mix(in srgb,var(--text) 72%,var(--muted));width:100%}.cp-icon{display:block;width:20px;height:20px}.cp-eyebrow{margin:0;color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.12em;line-height:1.4;text-transform:uppercase}.cp-meta,.cp-note{margin:4px 0 0;color:var(--muted);font-size:13.5px;line-height:1.45}.cp-note{margin:0}.cp-label{margin:0;color:var(--text);font-family:var(--font-body),Inter,system-ui,sans-serif;font-size:15px;font-weight:600;line-height:1.3}.cp-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;margin:0;padding:0 20px;border:0;border-radius:14px;background:var(--accent);color:var(--bg);font:inherit;font-size:17px;font-weight:600;letter-spacing:-.1px;cursor:pointer}.cp-button:hover{filter:brightness(1.06)}.cp-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.cp-button--soft{background:var(--accent-soft);color:var(--accent)}.cp-button .cp-icon{width:16px;height:16px}.cp-button__sub{font-size:14px;font-weight:500;opacity:.8}.cp-textlink{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:0;border:0;background:none;color:var(--accent);font:inherit;font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer}.cp-textlink:hover{text-decoration:underline;text-underline-offset:3px}.cp-textlink:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.cp-circles{position:absolute;top:12px;right:12px;z-index:2;display:flex;gap:8px}.cp-circle{position:relative;display:grid;place-items:center;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.28),0 1px 3px rgba(0,0,0,.18);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);cursor:pointer;-webkit-tap-highlight-color:transparent}.cp-circle:before{content:"";position:absolute;inset:-4px;border-radius:50%}.cp-circle .cp-icon{width:18px;height:18px}.cp-circle:hover{background:rgba(255,255,255,.3)}.cp-circle:focus-visible{outline:2px solid #fff;outline-offset:2px}.cp-lock{position:absolute;top:12px;right:12px;z-index:2;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(14,9,5,.42);color:#fff;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.28),0 1px 3px rgba(0,0,0,.18);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4)}.cp-lock .cp-icon{width:14px;height:14px}.cp-progress{display:flex;align-items:center;gap:10px;margin-top:12px}.cp-bar{flex:1 1;height:4px;overflow:hidden;border-radius:2px;background:var(--line)}.cp-bar i{display:block;height:100%;border-radius:2px;background:var(--accent)}.cp-progress__label{color:var(--muted);font-size:12.5px;line-height:1.4;white-space:nowrap}.cp-parts__list{margin:4px 0 0;padding:0;list-style:none}.cp-part{display:flex;align-items:center;gap:12px;min-height:40px}.cp-tick{display:grid;flex:none;place-items:center;width:20px;height:20px;border-radius:50%}.cp-tick .cp-icon{width:11px;height:11px}.cp-part[data-state=done] .cp-tick{background:var(--accent);color:var(--bg)}.cp-part[data-state=done] .cp-tick .cp-icon{stroke-width:2.4}.cp-part[data-state=now] .cp-tick{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.cp-part[data-state=now] .cp-tick .cp-icon{width:9px;height:9px}.cp-part[data-state=todo] .cp-tick{box-shadow:inset 0 0 0 1.5px var(--cp-ring)}.cp-part__n{flex:none;width:12px;color:var(--muted);font-size:13px;font-weight:600}.cp-part__text{display:contents}.cp-part__title{flex:1 1;min-width:0;overflow:hidden;font-size:15px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.cp-part__meta{flex:none;color:var(--muted);font-size:12.5px;white-space:nowrap}.cp-part__where{display:none}.cp-collection{padding-bottom:2.5rem;transform-origin:50% 0}.cp-collection__body{max-width:640px;margin:0 auto;padding:0 20px}.cp-collection__notice{margin:.5rem 0}.cp-collection[data-settling] .cp-collection__parts,.cp-collection[data-settling] .cp-hero,.cp-collection[data-settling] .cp-six{visibility:hidden;opacity:0}.cp-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;padding-top:var(--m-safe-top,0);background:var(--bg)}.cp-topbar__row{display:grid;grid-template-columns:96px minmax(0,1fr) 96px;align-items:center;height:48px;padding:0 6px}.cp-topbar__end,.cp-topbar__start{display:flex;align-items:center}.cp-topbar__end{justify-content:flex-end}.cp-topbar__icon{display:grid;flex:none;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:12px;background:none;color:var(--text);cursor:pointer;text-decoration:none}.cp-topbar__icon:disabled{cursor:not-allowed;opacity:.45}.cp-topbar__avatar:focus-visible,.cp-topbar__icon:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cp-topbar__title{margin:0;overflow:hidden;color:var(--text);font-family:var(--font-body),Inter,system-ui,sans-serif;font-size:15px;font-weight:600;letter-spacing:-.1px;line-height:1.3;text-align:center;text-overflow:ellipsis;white-space:nowrap}.cp-topbar__title:focus{outline:none}.cp-topbar__avatar{display:grid;flex:none;place-items:center;width:32px;height:32px;margin:6px;overflow:hidden;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:600;text-decoration:none}.cp-topbar__avatar img{width:100%;height:100%;object-fit:cover}.cp-topbar__avatar{position:relative}.cp-topbar__avatar:before{content:"";position:absolute;inset:-6px}body:has(.comic-course) .m-nav,body:has(.comic-course) .site-footer,body:has(.comic-course) .site-header{display:none}body.comic-course-page .m-nav,body.comic-course-page .site-footer,body.comic-course-page .site-header{display:none}body:has(.comic-course) .page-shell{padding:0 0 env(safe-area-inset-bottom,0)}body.comic-course-page .page-shell{padding:0 0 env(safe-area-inset-bottom,0)}@media (max-width:899px){body:has(.comic-course) .page-shell{padding:0 var(--m-safe-right,0) var(--m-safe-bottom,0) var(--m-safe-left,0)}body.comic-course-page .page-shell{padding:0 var(--m-safe-right,0) var(--m-safe-bottom,0) var(--m-safe-left,0)}body:has(.comic-course) .cookie-banner{bottom:calc(var(--m-space-2, .5rem) + var(--m-safe-bottom, 0px))}body.comic-course-page .cookie-banner{bottom:calc(var(--m-space-2, .5rem) + var(--m-safe-bottom, 0px))}}.cp-collection[data-tone]{min-height:100vh;min-height:100dvh;color:var(--cp-tone-ink,var(--text))}.cp-collection[data-tone],.cp-collection[data-tone] .cp-topbar{background:var(--cp-tone,var(--bg))}.cp-collection[data-tone] .cp-topbar__icon,.cp-collection[data-tone] .cp-topbar__title{color:var(--cp-tone-ink,var(--text))}.cp-collection[data-tone] .cp-topbar__avatar:focus-visible,.cp-collection[data-tone] .cp-topbar__icon:focus-visible{outline-color:var(--cp-tone-ink,var(--accent))}.cp-hero__art{position:relative;margin-inline:-20px;aspect-ratio:1/1;overflow:hidden;background:var(--cp-tone,var(--card-2))}.cp-hero__art img,.cp-hero__blank{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.cp-hero__art:after{content:"";position:absolute;right:0;bottom:0;left:0;height:120px;background:linear-gradient(to bottom,transparent,var(--cp-tone,var(--bg)));pointer-events:none}.cp-hero__body{position:relative}.cp-hero__body .cp-eyebrow{margin-top:10px}.cp-hero__title{margin:6px 0 0;color:var(--cp-tone-ink,var(--text));font-family:var(--font-serif),Georgia,"Times New Roman",serif;font-size:30px;font-weight:600;letter-spacing:-.01em;line-height:1.05}.cp-hero__title a{color:inherit;text-decoration:none}.cp-hero__title a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.cp-hero__title a:focus-visible{outline:2px solid var(--cp-tone-ink,var(--accent));outline-offset:3px;border-radius:4px}.cp-hero__actions{display:grid;grid-gap:8px;gap:8px;margin-top:16px}.cp-circles--foot{top:auto;right:14px;bottom:14px}.cp-circles--foot .cp-circle{background:rgba(14,9,5,.44);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.22),0 1px 3px rgba(0,0,0,.18)}.cp-circles--foot .cp-circle:hover{background:rgba(14,9,5,.56)}.cp-six{margin-top:20px}.cp-six__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.cp-six__title{margin:0;color:var(--cp-tone-ink,var(--text));font-family:var(--font-body),Inter,system-ui,sans-serif;font-size:15px;font-weight:600;line-height:1.3;white-space:nowrap}.cp-six__price{margin:0;color:color-mix(in srgb,var(--cp-tone-ink,var(--text)) 80%,transparent);font-size:12.5px;line-height:1.4;text-align:right}.cp-collection__parts .cp-parts{margin-top:2px}:is(.cp-collection,.cp-book)[data-tone] .cp-eyebrow{color:color-mix(in srgb,var(--cp-tone-ink) 80%,transparent)}:is(.cp-collection,.cp-book)[data-tone] :is(.cp-meta,.cp-note,.cp-progress__label,.cp-book__under){color:color-mix(in srgb,var(--cp-tone-ink) 80%,transparent)}:is(.cp-collection,.cp-book)[data-tone] :is(.cp-label,.cp-part__title,.cp-book__title){color:var(--cp-tone-ink)}:is(.cp-collection,.cp-book)[data-tone] :is(.cp-part__n,.cp-part__meta){color:color-mix(in srgb,var(--cp-tone-ink) 66%,transparent)}:is(.cp-collection,.cp-book)[data-tone] .cp-bar{background:color-mix(in srgb,var(--cp-tone-ink) 28%,transparent)}:is(.cp-collection,.cp-book)[data-tone] .cp-bar i{background:var(--cp-tone-ink)}:is(.cp-collection,.cp-book)[data-tone] .cp-part[data-state=done] .cp-tick{background:color-mix(in srgb,var(--cp-tone-ink) 92%,transparent);color:var(--cp-tone)}:is(.cp-collection,.cp-book)[data-tone] .cp-part[data-state=now] .cp-tick{background:color-mix(in srgb,var(--cp-tone-ink) 14%,transparent);color:var(--cp-tone-ink);box-shadow:inset 0 0 0 2px var(--cp-tone-ink)}:is(.cp-collection,.cp-book)[data-tone] .cp-part[data-state=todo] .cp-tick{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--cp-tone-ink) 42%,transparent)}:is(.cp-collection,.cp-book)[data-tone] .cp-button{height:50px;border-radius:25px;background:#fbf6ea;color:#7a4a24;font-size:16px}:is(.cp-collection,.cp-book)[data-tone] .cp-button:focus-visible{outline-color:var(--cp-tone-ink)}:is(.cp-collection,.cp-book)[data-tone] .cp-button--soft{gap:7px;background:rgba(255,255,255,.18);color:var(--cp-tone-ink);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.26);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}:is(.cp-collection,.cp-book)[data-tone=light] .cp-button--soft{background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 .5px rgba(36,27,20,.16)}:is(.cp-collection,.cp-book)[data-tone] .cp-textlink{color:var(--cp-tone-ink)}:is(.cp-collection,.cp-book)[data-tone] .cp-textlink:focus-visible{outline-color:var(--cp-tone-ink)}:is(.cp-collection,.cp-book)[data-tone=light] :is(.cp-eyebrow,.cp-meta,.cp-note,.cp-progress__label,.cp-book__under,.cp-part__n,.cp-part__meta,.cp-six__price,.cp-rib__n,.cp-nextbook__meta,.cp-nextbook__chev){color:var(--cp-tone-ink)}:is(.cp-collection,.cp-book)[data-tone] .cp-button--soft .cp-button__sub{opacity:1}@media (max-width:1023px){.cp-six .cp-ribbon{display:flex;align-items:center;gap:8px;margin-top:12px}.cp-six .cp-ribbon__track{flex:1 1;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none}.cp-six .cp-ribbon__track::-webkit-scrollbar{display:none}.cp-six .cp-ribbon__row{display:flex;align-items:flex-start;gap:10px;width:max-content;padding:4px 4px 24px 2px}.cp-six .cp-rib{position:relative;flex:none;width:clamp(40px,calc((100vw - 40px - 50px - 8px) / 6),56px);margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.cp-six .cp-rib__art{position:relative;display:block;aspect-ratio:3/4;border-radius:6px;background:color-mix(in srgb,var(--cp-tone-ink,var(--text)) 12%,transparent);box-shadow:0 2px 6px rgba(0,0,0,.22)}.cp-six .cp-rib__art img,.cp-six .cp-rib__blank{display:block;width:100%;height:100%;border-radius:6px;object-fit:cover}.cp-six .cp-rib[aria-current=true] .cp-rib__art{outline:2px solid var(--cp-tone-ink,var(--accent));outline-offset:2px}.cp-six .cp-rib:focus{outline:none}.cp-six .cp-rib:focus-visible .cp-rib__art{outline:2.5px solid var(--cp-tone-ink,var(--accent));outline-offset:3px}.cp-six .cp-rib__lock{position:absolute;right:3px;bottom:3px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:rgba(14,9,5,.5);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cp-six .cp-rib__lock .cp-icon{width:8px;height:8px}.cp-six .cp-rib__bar{position:absolute;right:5px;bottom:5px;left:5px;height:2px;overflow:hidden;border-radius:2px;background:rgba(255,255,255,.35)}.cp-six .cp-rib__bar i{display:block;height:100%;border-radius:2px;background:#fff}.cp-six .cp-rib__n{display:block;margin-top:6px;color:color-mix(in srgb,var(--cp-tone-ink,var(--text)) 72%,transparent);font-size:11.5px;font-weight:600;line-height:1}.cp-six .cp-rib[aria-current=true] .cp-rib__n{color:var(--cp-tone-ink,var(--text))}.cp-six .cp-rib[data-state=coming-soon] .cp-rib__art{opacity:.6}.cp-six .cp-rib__title{position:absolute;top:100%;left:50%;margin-top:4px;color:var(--cp-tone-ink,var(--text));font-size:11.5px;font-weight:500;line-height:1.2;white-space:nowrap;transform:translateX(-50%)}.cp-six .cp-rib[data-edge=first] .cp-rib__title,.cp-six .cp-ribbon[data-overflow] .cp-rib__title{left:0;transform:none}.cp-six .cp-ribbon:not([data-overflow]) .cp-rib[data-edge=last] .cp-rib__title{right:0;left:auto;transform:none}.cp-six .cp-ribbon__arrow{position:relative;display:grid;flex:none;place-items:center;width:28px;height:28px;margin:0 0 22px;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--cp-tone-ink,var(--text)) 16%,transparent);color:var(--cp-tone-ink,var(--text));cursor:pointer}.cp-six .cp-ribbon__arrow:before{content:"";position:absolute;inset:-8px;border-radius:50%}.cp-six .cp-ribbon__arrow .cp-icon{width:15px;height:15px}.cp-six .cp-ribbon__arrow--after .cp-icon{transform:scaleX(-1)}.cp-six .cp-ribbon__arrow:disabled{cursor:default;opacity:.32}}.cp-claim__text{margin:0;color:var(--text);font-size:15px;line-height:1.5}.cp-claim__error{margin:12px 0 0;color:var(--danger);font-size:14px;line-height:1.45}.cp-claim__actions{display:grid;grid-gap:6px;gap:6px;margin-top:16px}.cp-claim .cp-button{text-decoration:none}.cp-claim .cp-button:disabled{cursor:default;opacity:.7}.cp-claim__login{justify-self:center}.cp-book-root{position:fixed;inset:0;z-index:55}.cp-book-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5)}.cp-book{position:absolute;top:calc(env(safe-area-inset-top, 0px) + 14px);right:0;bottom:0;left:0;max-width:640px;margin:0 auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border-radius:12px 12px 0 0;background:var(--cp-tone,var(--bg));color:var(--cp-tone-ink,var(--text));box-shadow:0 -8px 40px rgba(0,0,0,.35);font-family:var(--font-body),Inter,system-ui,sans-serif}.cp-book:focus{outline:none}.cp-book__art{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--cp-tone,var(--card-2))}.cp-book__art img,.cp-book__blank{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.cp-book__art:after{content:"";position:absolute;right:0;bottom:0;left:0;height:120px;background:linear-gradient(to bottom,transparent,var(--cp-tone,var(--bg)));pointer-events:none}.cp-book__grip{position:absolute;top:7px;left:50%;z-index:3;width:36px;height:5px;margin-left:-18px;border-radius:3px;background:rgba(255,255,255,.75);box-shadow:0 1px 2px rgba(0,0,0,.25)}.cp-book__panel{padding:0 20px calc(env(safe-area-inset-bottom, 0px) + 32px)}.cp-book__close{position:absolute;top:12px;left:12px;z-index:3;display:grid;place-items:center;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:50%;background:rgba(14,9,5,.42);color:#fff;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.28),0 1px 3px rgba(0,0,0,.18);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);cursor:pointer}.cp-book__close:before{content:"";position:absolute;inset:-4px;border-radius:50%}.cp-book__close .cp-icon{width:16px;height:16px}.cp-book__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cp-book .cp-eyebrow{position:relative;margin-top:10px}.cp-book__title{margin:6px 0 0;color:var(--cp-tone-ink,var(--text));font-family:var(--font-serif),Georgia,"Times New Roman",serif;font-size:30px;font-weight:600;letter-spacing:-.01em;line-height:1.05}.cp-book__title:focus{outline:none}.cp-book__action{display:grid;grid-gap:4px;gap:4px;margin-top:14px}.cp-book__restart{justify-self:center}.cp-book__under{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.4;text-align:center}.cp-book .cp-parts{margin-top:22px}.cp-book__free{margin:20px 0 0;color:var(--muted);font-size:12.5px;text-align:center}.cp-nextbook{margin-top:14px;padding-top:4px;border-top:1px solid color-mix(in srgb,var(--cp-tone-ink,var(--text)) 18%,transparent)}.cp-nextbook__link{display:flex;align-items:center;gap:12px;min-height:64px;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.cp-nextbook__link:focus-visible{outline:2px solid var(--cp-tone-ink,var(--accent));outline-offset:2px;border-radius:8px}.cp-nextbook__cover{display:block;flex:none;width:40px;height:53px;overflow:hidden;border-radius:5px;background:color-mix(in srgb,var(--cp-tone-ink,var(--text)) 12%,transparent);box-shadow:0 2px 6px rgba(0,0,0,.22)}.cp-nextbook__blank,.cp-nextbook__cover img{display:block;width:100%;height:100%;object-fit:cover}.cp-nextbook__text{display:block;flex:1 1;min-width:0}.cp-nextbook__title{display:block;overflow:hidden;color:var(--cp-tone-ink,var(--text));font-size:15px;font-weight:600;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.cp-nextbook__meta{display:block;margin-top:2px;color:color-mix(in srgb,var(--cp-tone-ink,var(--text)) 75%,transparent);font-size:12.5px;line-height:1.4}.cp-nextbook__chev{flex:none;width:16px;height:16px;color:color-mix(in srgb,var(--cp-tone-ink,var(--text)) 60%,transparent)}@media (hover:hover){.cp-nextbook__link:hover .cp-nextbook__title{text-decoration:underline;text-underline-offset:3px}}@media (min-width:1024px){.cp-collection{display:none}.cp-home{--cp-panel-w:460px;--cp-panel-pad:40px;--cp-panel-top:44px;position:fixed;inset:0;z-index:1;overflow:hidden;background:var(--card-2);color:var(--text);font-family:var(--font-body),Inter,system-ui,sans-serif}.cp-home__art,.cp-home__img{position:absolute;inset:0}.cp-home__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%}.cp-home__blank{background:var(--card-2)}.cp-circles--home{inset:0 calc(var(--cp-panel-w) + 40px) 0 0;align-items:center;justify-content:center;gap:18px;pointer-events:none}.cp-circles--home .cp-circle{width:64px;height:64px;pointer-events:auto}.cp-circles--home .cp-circle .cp-icon{width:28px;height:28px}.cp-lock--home{top:24px;right:calc(var(--cp-panel-w) + 56px)}.cp-home__crumb{position:absolute;top:20px;left:24px;z-index:3;margin:0}.cp-pill{display:flex;align-items:center;gap:2px;height:36px;padding:0 14px 0 8px;border-radius:18px;background:rgba(255,255,255,.2);color:#fff;font-size:14px;font-weight:500;text-decoration:none;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.28);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.cp-pill .cp-icon{width:18px;height:18px}.cp-pill:hover{background:rgba(255,255,255,.3)}.cp-pill:focus-visible{outline:2px solid #fff;outline-offset:2px}.cp-home__tools{position:absolute;top:20px;right:40px;z-index:3;display:flex;align-items:center;gap:8px}.cp-home__tools .cp-pill{margin:0;border:0;font:inherit;font-size:14px;font-weight:500;cursor:pointer}.cp-home__tools .cp-pill svg{display:block;flex:none;width:18px;height:18px}.cp-pill--icon{justify-content:center;width:36px;padding:0}.cp-pill--login{gap:6px;padding:0 14px 0 11px}.cp-pill:disabled{cursor:not-allowed;opacity:.45}.cp-home__avatar{width:36px;height:36px;margin:0;box-shadow:0 0 0 2px rgba(255,255,255,.35),0 1px 3px rgba(0,0,0,.18)}.cp-home__avatar:focus-visible{outline:2px solid #fff;outline-offset:2px}.cp-home__panel{position:absolute;top:72px;right:40px;bottom:40px;display:flex;flex-direction:column;width:min(var(--cp-panel-w),calc(100vw - 80px));padding:var(--cp-panel-top) var(--cp-panel-pad) 28px;border-radius:24px;background:color-mix(in srgb,var(--panel) 90%,transparent);box-shadow:0 20px 60px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(30px) saturate(1.2);backdrop-filter:blur(30px) saturate(1.2)}.cp-home[data-tone],.cp-home[data-tone] .cp-home__blank{background:var(--cp-tone)}.cp-home[data-tone] .cp-home__panel{background:color-mix(in srgb,color-mix(in srgb,var(--panel) 88%,var(--cp-tone)) 90%,transparent)}.cp-home__content{flex:1 1 auto;min-height:0;margin:0 -8px;padding:0 8px 8px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.cp-home .cp-eyebrow{margin:0}.cp-home .cp-book__title{margin:10px 0 0;color:var(--text);font-family:var(--font-serif),Georgia,"Times New Roman",serif;font-size:clamp(34px,3vw,44px);font-weight:600;letter-spacing:-.01em;line-height:1.05}.cp-home .cp-book__title:focus{outline:none}.cp-home .cp-meta{margin-top:10px;font-size:15px}.cp-home .cp-progress{margin-top:18px}.cp-home .cp-book__action{display:grid;grid-gap:4px;gap:4px;width:min(300px,100%);margin-top:20px}.cp-home .cp-book__restart{justify-self:center;font-size:13.5px}.cp-home .cp-parts{margin-top:26px}.cp-home .cp-label{color:var(--cp-ink-2);font-size:13px}.cp-home .cp-book__free{margin:22px 0 0;text-align:left;color:var(--muted);font-size:12.5px}.cp-ribbon{display:flex;flex:none;align-items:center;gap:10px;margin-top:14px;padding-top:18px;border-top:1px solid var(--line)}.cp-ribbon__track{flex:1 1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.cp-ribbon__track::-webkit-scrollbar{display:none}.cp-ribbon[data-overflow] .cp-ribbon__track{-webkit-mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent);mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent)}.cp-ribbon__row{display:flex;align-items:flex-start;gap:10px;width:max-content;padding:4px 14px 26px 4px}.cp-ribbon:not([data-overflow]) .cp-ribbon__row{padding-right:4px}.cp-rib{position:relative;flex:none;width:60px;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.cp-rib__art{position:relative;display:block;aspect-ratio:3/4;border-radius:6px;background:var(--card-2);box-shadow:var(--shadow-sm)}.cp-rib__art img,.cp-rib__blank{display:block;width:100%;height:100%;border-radius:6px;object-fit:cover}.cp-rib[aria-current=true] .cp-rib__art{outline:2.5px solid var(--accent);outline-offset:2px}.cp-rib:focus{outline:none}.cp-rib:focus-visible .cp-rib__art{outline:2.5px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 6px var(--accent-soft)}.cp-rib__lock{position:absolute;right:4px;bottom:4px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:rgba(14,9,5,.5);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cp-rib__lock .cp-icon{width:9px;height:9px}.cp-rib__bar{position:absolute;right:6px;bottom:6px;left:6px;height:3px;overflow:hidden;border-radius:2px;background:rgba(255,255,255,.35)}.cp-rib__bar i{display:block;height:100%;border-radius:2px;background:#fff}.cp-rib__n{display:block;margin-top:7px;color:var(--muted);font-size:12px;font-weight:600;line-height:1}.cp-rib[aria-current=true] .cp-rib__n{color:var(--accent)}.cp-rib[data-state=coming-soon] .cp-rib__art{opacity:.6}.cp-rib__title{position:absolute;top:100%;left:50%;margin-top:5px;color:var(--cp-ink-2);font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap;transform:translateX(-50%)}.cp-rib[data-edge=first] .cp-rib__title,.cp-ribbon[data-overflow] .cp-rib__title{left:0;transform:none}.cp-ribbon:not([data-overflow]) .cp-rib[data-edge=last] .cp-rib__title{right:0;left:auto;transform:none}.cp-ribbon__arrow{position:relative;display:grid;flex:none;place-items:center;width:28px;height:28px;margin:0 0 22px;padding:0;border:0;border-radius:50%;background:var(--card-2);color:var(--cp-ink-2);cursor:pointer}.cp-ribbon__arrow:before{content:"";position:absolute;inset:-8px;border-radius:50%}.cp-ribbon__arrow .cp-icon{width:15px;height:15px}.cp-ribbon__arrow--after .cp-icon{transform:scaleX(-1)}.cp-ribbon__arrow:disabled{cursor:default;opacity:.32}.cp-ribbon__arrow:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}@media (min-width:1360px){.cp-home{--cp-panel-w:540px;--cp-panel-pad:52px;--cp-panel-top:52px}}@media (min-width:1360px) and (min-height:861px){.cp-home .cp-part{gap:12px;min-height:0;padding:9px 0;border-top:1px solid var(--line)}.cp-home .cp-part:first-child{border-top:0}.cp-home .cp-tick{width:22px;height:22px}.cp-home .cp-part__n{display:none}.cp-home .cp-part__text{display:block;flex:1 1;min-width:0}.cp-home .cp-part__title{display:block;font-size:16px;font-weight:600;white-space:normal}.cp-home .cp-part__meta{display:block;margin-top:1px;font-size:13px;line-height:1.45;white-space:normal}.cp-home .cp-part__where{display:inline}.cp-home .cp-part__meta>span+span:before{content:" · "}}@media (min-width:1024px) and (hover:hover){.cp-circles--home .cp-circle{opacity:0;transition:opacity .18s ease}.cp-circles--home:focus-within .cp-circle,.cp-home__art:hover .cp-circles--home .cp-circle{opacity:1}}@keyframes cp-rise{0%{transform:translateY(100%)}}@keyframes cp-sink{to{transform:translateY(100%)}}@keyframes cp-fade-in{0%{opacity:0}}@keyframes cp-fade-out{to{opacity:0}}@keyframes cp-slide-in{0%{opacity:.75;transform:translateX(170px)}}@keyframes cp-slide-out{to{opacity:0;transform:translateX(120px)}}@media (prefers-reduced-motion:no-preference){.cp-collection{transition:transform .44s var(--cp-ease)}.cp-collection__parts,.cp-hero,.cp-six{transition:opacity .2s ease}.cp-collection[data-tone],.cp-collection[data-tone] .cp-topbar{transition:transform .44s var(--cp-ease),background-color .3s ease}.cp-collection[data-behind]{transform:scale(.94)}.comic-course:has(.cp-book-root[data-leaving]) .cp-collection{transform:none}.cp-book{transition:transform .3s var(--cp-ease)}.cp-book[data-dragging]{transition:none}.cp-book-root[data-animate] .cp-book-backdrop{animation:cp-fade-in .42s ease backwards}.cp-book-root[data-animate] .cp-book{animation:cp-rise .46s var(--cp-ease) backwards}.cp-book-root[data-leaving] .cp-book-backdrop{animation:cp-fade-out .24s ease-in forwards}.cp-book-root[data-leaving] .cp-book{animation:cp-sink .24s ease-in forwards}}@media (prefers-reduced-motion:no-preference) and (min-width:1024px){.cp-home__img[data-swap]{animation:cp-fade-in .45s ease backwards}.cp-home__content{animation:cp-fade-in .28s ease backwards}.cp-rib__art{transition:transform .16s ease,box-shadow .16s ease}.cp-rib:hover .cp-rib__art{box-shadow:0 6px 16px rgba(60,40,20,.25);transform:translateY(-3px)}}