body,html{min-height:100%;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar,html::-webkit-scrollbar{width:0;height:0;display:none}:root{--comic-header-height:63px;--color-white:#ffffff;--color-ink:#171717;--color-ink-rgb:17,17,17;--color-white-rgb:255,255,255;--color-danger:#c1121f;--color-danger-strong:#b42318;--color-success:#00d96f;--ink-strong:rgba(var(--color-ink-rgb),0.82);--ink-base:rgba(var(--color-ink-rgb),0.74);--ink-soft:rgba(var(--color-ink-rgb),0.66);--ink-muted:rgba(var(--color-ink-rgb),0.52);--ink-faint:rgba(var(--color-ink-rgb),0.5);--surface-soft:rgba(var(--color-ink-rgb),0.03);--surface-muted:rgba(var(--color-ink-rgb),0.08);--surface-glass:rgba(var(--color-white-rgb),0.92);--surface-glass-strong:rgba(var(--color-white-rgb),0.96);--surface-header:rgba(var(--color-white-rgb),0.82);--surface-overlay-idle:rgba(var(--color-white-rgb),0.42);--surface-overlay-active:rgba(var(--color-white-rgb),0.7);--border-default:1px solid rgba(var(--color-ink-rgb),0.14);--border-muted:1px solid rgba(var(--color-ink-rgb),0.12);--border-soft:1px solid rgba(var(--color-ink-rgb),0.06);--border-ui:#e5e7eb;--radius-pill:999px;--blur-sm:8px;--blur-md:10px;--shadow-soft:0 8px 24px rgba(17,24,39,0.06);--shadow-menu:0 10px 24px rgba(17,24,39,0.08);--motion-fast:160ms;--motion-base:180ms;--motion-slow:220ms}body{background:var(--color-white);color:var(--color-ink);font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}input,select,textarea{border:0;border-bottom:var(--border-default);border-radius:0;background:transparent;color:var(--color-ink);outline:none;box-shadow:none;appearance:none}input:focus,select:focus,textarea:focus{border-bottom-color:var(--ink-muted);outline:none;box-shadow:none}.app-shell{position:relative;min-height:100%}.topbar{--topbar-size:56px;--topbar-offset-bottom:20px;position:fixed;right:0;left:0;bottom:0;z-index:20;display:flex;justify-content:flex-end;padding:0 24px calc(var(--topbar-offset-bottom) + env(safe-area-inset-bottom));pointer-events:none}.home{--home-logo-docked-top:26px;--home-feed-top-gap:104px;--home-feed-inline-padding:32px;--home-feed-rise-delay:1250ms;--home-logo-dock-delay:1330ms;--home-rise-duration:760ms;--home-logo-dock-distance:calc(50vh - var(--home-logo-docked-top));min-height:100%}.home--withFeed{padding:0 0 32px}body:not(.home-nav-resolved) .home--withFeed .home__feedStage,body:not(.home-nav-resolved) .home--withFeed .home__logoLayerDocking{opacity:0}.home__content{position:relative;display:grid;min-height:100%;width:100%;margin:0}.home__logoLayer{position:fixed;top:var(--home-logo-docked-top);left:0;right:0;z-index:12;display:flex;justify-content:center;pointer-events:none;transform:translateZ(0);will-change:transform,opacity}.home__logoLayerCentered,.home__logoLayerDocking{transform:translate3d(0,var(--home-logo-dock-distance),0)}.home__logoLayerDocking{animation:home-logo-dock var(--home-rise-duration) cubic-bezier(.25,.9,.22,1) var(--home-logo-dock-delay) forwards}.home__title{position:relative;display:block;font-size:clamp(2.5rem,9vw,6rem);font-weight:700;letter-spacing:-.06em;line-height:.95;text-align:center;color:var(--color-ink)}.home__titleLink{display:block;color:inherit;text-decoration:none;pointer-events:auto;cursor:pointer}.home__word{position:relative;display:block;width:8.2ch;height:1.18em;margin:0 auto;transform:translateX(.22ch)}.home__letter,.home__segment{position:absolute;top:0;white-space:nowrap}.home__letter{color:var(--color-ink)}.home__letterPrimary{top:-.13em;left:50%;font-size:1.18em;transform:translateX(-50%);animation:title-primary-unfold .7s cubic-bezier(.2,.8,.2,1) .18s forwards}.home__letterSecondary{animation:title-secondary-unfold .56s cubic-bezier(.2,.8,.2,1) .24s forwards}.home__letterSecondary,.home__letterTertiary{left:50%;opacity:0;transform:translateX(-50%)}.home__letterTertiary{top:0;font-size:1em;animation:title-tertiary-unfold .56s cubic-bezier(.2,.8,.2,1) .18s forwards}.home__segment{color:var(--ink-soft);opacity:0;transform:translateY(.02em);animation:title-segment-fade .42s ease .86s forwards}.home__segmentCroll{left:calc(1.1ch - 1px)}.home__segmentTrip{left:calc(4.6ch - 1px)}.home__srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home__feedStage{padding-top:var(--home-feed-top-gap);transform:translateY(102vh);opacity:.98}.home--withFeed .home__feedStage{animation:home-feed-rise var(--home-rise-duration) cubic-bezier(.2,.92,.2,1) var(--home-feed-rise-delay) forwards}.home__feed{display:grid;gap:24px}.home__feedSentinel{width:100%;height:1px}.home__feedItem{position:relative;display:grid;gap:12px}.home__feedItem:not(:last-child):after{content:"";display:block;width:6px;height:6px;margin:6px auto 0;border-radius:var(--radius-pill);background:rgba(var(--color-ink-rgb),.28)}.home__feedHeader{position:sticky;top:0;z-index:6;padding-top:16px;padding-right:16px;padding-bottom:8px;padding-left:var(--home-feed-inline-padding,32px);background:var(--surface-header);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm))}.home__feedHeaderMain{display:flex;align-items:flex-start;gap:.85rem}.home__feedHeaderBody{flex:1 1 auto;min-width:0}.home__feedHeaderActions{display:inline-flex;align-items:flex-start;gap:.45rem;flex:0 0 auto}.home__feedShareWrap{flex:0 0 auto}.home__feedShareMenu{right:0}.home__feedAuthor{font-size:.85rem;font-weight:700;color:rgba(var(--color-ink-rgb),.58);text-align:left;line-height:1.1}.home__feedAuthorButton{display:flex;justify-content:flex-start;align-items:center;width:100%;padding:0;padding-inline:var(--home-feed-inline-padding,32px);border:0;background:transparent;font:inherit;cursor:pointer;text-decoration:none}.home__feedAuthorContent{display:inline-flex;align-items:center;gap:8px}.home__feedAuthorIcon{position:relative;width:16px;height:16px;flex:0 0 auto}.home__feedAuthorIconDot,.home__feedAuthorIconHead,.home__feedAuthorIconRing{border-radius:var(--radius-pill)}.home__feedAuthorIconRing{position:absolute;top:0;left:50%;width:16px;height:16px;background:rgba(var(--color-ink-rgb),.12);transform:translateX(-50%);overflow:hidden}.home__feedAuthorIconDot{top:2px;width:5px;height:5px}.home__feedAuthorIconDot,.home__feedAuthorIconHead{position:absolute;left:50%;background:rgba(var(--color-ink-rgb),.58);transform:translateX(-50%)}.home__feedAuthorIconHead{top:8px;width:11px;height:11px}.home__feedAuthorButton .home__feedAuthor{display:block;transition:color var(--motion-fast) ease}.home__feedAuthorButton:hover .home__feedAuthor{color:rgba(var(--color-ink-rgb),.72)}.home__feedDebug{padding-inline:var(--home-feed-inline-padding,32px);font-size:.68rem;line-height:1.2;color:rgba(var(--color-ink-rgb),.46);letter-spacing:.02em;display:grid;gap:2px}.home__feedDebug p{margin:0}.authorPage,.comicPage{min-height:100%}.authorPageContent{width:100%;height:100dvh;margin:0}.authorPageBody{width:100%;height:100%;min-height:0;padding:16px 16px 0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain}.home__feedStrip{width:100%;overflow:hidden}.home__feedImage{display:block;width:100%;height:auto}.home__feedPdf{display:grid;place-items:center;width:100%;min-height:180px;font-size:.92rem;color:var(--ink-base);background:var(--surface-soft)}.home__emptyFeed{font-size:.95rem;color:var(--ink-faint);text-align:center}.home__emptyStage{display:grid;align-content:end;min-height:100dvh;padding-bottom:34px}@keyframes home-logo-dock{0%{transform:translate3d(0,var(--home-logo-dock-distance),0)}to{transform:translateZ(0)}}@keyframes home-feed-rise{0%{transform:translateY(102vh);opacity:.98}to{transform:none;opacity:1}}@keyframes title-primary-unfold{0%{left:50%;transform:translateX(-50%)}to{left:-1px;transform:translateX(0)}}@keyframes title-secondary-unfold{0%{opacity:0;left:50%;transform:translateX(-50%)}to{opacity:1;left:50%;transform:translateX(-50%)}}@keyframes title-tertiary-unfold{0%{opacity:0;left:50%;transform:translateX(-50%)}to{opacity:1;left:calc(6.64ch - 1px);transform:translateX(0)}}@keyframes title-segment-fade{0%{opacity:0;transform:translateY(.02em)}to{opacity:1;transform:translateY(0)}}body.home-resume-once .home__letterPrimary,body.home-resume-once .home__letterSecondary,body.home-resume-once .home__letterTertiary,body.home-resume-once .home__logoLayerDocking,body.home-resume-once .home__segment{animation:none!important}body.home-resume-once .home__logoLayerDocking{transform:translateZ(0)}body.home-resume-once .home--withFeed .home__feedStage{animation-delay:625ms!important}body.home-resume-once .home__letterPrimary{left:-1px;transform:none}body.home-resume-once .home__letterSecondary{left:50%;opacity:1;transform:translateX(-50%)}body.home-resume-once .home__letterTertiary{left:calc(6.64ch - 1px);opacity:1;transform:none}body.home-resume-once .home__segment{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.home--withFeed .home__feedStage,.home__logoLayerDocking{animation:none}.home__logoLayerDocking{transform:translateZ(0)}.home__feedStage{transform:none;opacity:1}.home__letterPrimary,.home__letterSecondary,.home__letterTertiary,.home__segment{animation:none}.home__letterPrimary{left:-1px;transform:none}.home__letterSecondary{left:50%;opacity:1;transform:translateX(-50%)}.home__letterTertiary{left:calc(6.64ch - 1px)}.home__letterTertiary,.home__segment{opacity:1;transform:none}}@media (max-width:640px){.topbar{--topbar-size:52px;--topbar-offset-bottom:16px;padding:0 16px calc(var(--topbar-offset-bottom) + env(safe-area-inset-bottom))}.home{--home-logo-docked-top:22px;--home-feed-top-gap:98px}}.userOverlayRoot{--widget-size:56px;--widget-bottom-offset:20px;--create-comic-upload-input-min-height:80px;--dark-action-bg:rgba(var(--color-ink-rgb),0.42);position:relative;pointer-events:auto;width:100%;display:flex;justify-content:flex-end;align-items:flex-end;z-index:2}.overlay{position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;transition:background .24s ease,-webkit-backdrop-filter .26s ease;transition:background .24s ease,backdrop-filter .26s ease;transition:background .24s ease,backdrop-filter .26s ease,-webkit-backdrop-filter .26s ease;z-index:0}.overlaySuppressed{display:none}.overlayHidden{background:rgba(var(--color-white-rgb),0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.overlayIdle{background:var(--surface-overlay-idle);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:none}.overlayActive{background:var(--surface-overlay-active);-webkit-backdrop-filter:blur(calc(var(--blur-md) + 2px));backdrop-filter:blur(calc(var(--blur-md) + 2px))}.overlayIntenseBlur.overlayIdle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toggle{position:relative;z-index:3;justify-content:center;width:56px;height:56px;border:1px solid var(--border-ui);border-radius:var(--radius-pill);background:var(--surface-glass);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));cursor:pointer;touch-action:none}.toggle,.topbarToggleStack{display:inline-flex;align-items:center}.topbarToggleStack{flex-direction:column;gap:14px}.topbarScrollTopButton{display:inline-flex;align-items:center;justify-content:center;width:var(--topbar-size);height:28px;padding:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:rgba(var(--color-ink-rgb),.72);opacity:0;transform:translateY(6px) scale(.92);pointer-events:none;transition:opacity var(--motion-fast) ease,transform var(--motion-base) ease}.topbarScrollTopButtonVisible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.topbarScrollTopIcon{width:30px;height:30px}.avatar{position:relative;width:26px;height:26px}.avatarOpen .avatarCircle{top:0;background:rgba(var(--color-ink-rgb),.12)}.avatarOpen .avatarCircleSmall{top:3px;width:9px;height:9px;background:var(--ink-soft);transform:translateX(-50%)}.avatarOpen .avatarHead{top:14px;width:19px;height:19px;background:var(--ink-soft);transform:translateX(-50%)}.avatarCircle{top:0;display:block;width:26px;height:26px;background:rgba(var(--color-ink-rgb),.2);transform:translateX(-50%);overflow:hidden}.avatarCircle,.avatarCircleSmall{position:absolute;left:50%;border-radius:var(--radius-pill)}.avatarCircleSmall{width:9px;height:9px;transition:top var(--motion-base) ease,background var(--motion-base) ease,transform var(--motion-base) ease}.avatarCircleSmall,.avatarHead{top:50%;background:var(--ink-faint);transform:translate(-50%,-50%)}.avatarHead{position:absolute;left:50%;width:15px;height:15px;border-radius:var(--radius-pill);transition:top var(--motion-base) ease,width var(--motion-base) ease,height var(--motion-base) ease,background var(--motion-base) ease,transform var(--motion-base) ease}.panel{position:absolute;top:0;right:0;z-index:2;display:flex;align-items:center;justify-content:flex-start;gap:10px;width:56px;height:56px;padding:0;border:1px solid transparent;border-radius:var(--radius-pill);background:var(--surface-glass);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));overflow:hidden;opacity:0;transition:width var(--motion-base) ease,padding var(--motion-base) ease,opacity var(--motion-fast) ease,border-color var(--motion-base) ease;pointer-events:none;touch-action:none}.panelOpen{width:100%;padding:0 72px 0 20px;border-color:var(--border-ui);opacity:1;pointer-events:auto}.panel form{margin:0}.iconAction,.topbarAction{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:var(--radius-pill);font:inherit;cursor:pointer}.topbarAction{background:transparent;color:var(--color-ink);transition:opacity var(--motion-fast) ease,background var(--motion-fast) ease,transform var(--motion-base) ease}.topbarActionPrimary{background:var(--dark-action-bg)}.topbarActionPrimary,.topbarActionPrimary .topbarIcon{color:var(--color-white)}.topbarActionActive:not(.topbarActionPrimary){transform:scale(1.16)}.topbarActionPrimary.topbarActionActive{background:rgba(var(--color-ink-rgb),.86);transform:scale(1.3)}.topbarAction:disabled{opacity:.38;cursor:not-allowed}.topbarIcon{width:19px;height:19px;display:block;color:var(--ink-faint);opacity:1;transition:color var(--motion-fast) ease,opacity var(--motion-fast) ease}.topbarActionActive:not(.topbarActionPrimary) .topbarIcon{color:rgba(var(--color-ink-rgb),.86)}.topbarIconSolid{opacity:1}.topbarIconPlus{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:3.35;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.topbarIconBookmark,.topbarIconDonut,.topbarIconGrid{fill:currentColor;opacity:1}.topbarIconBookmark{width:20px;height:20px}.overlayContent{position:fixed;top:50%;left:50%;width:min(calc(100vw - 48px),22rem);padding:0;opacity:0;transform:translate(-50%,calc(-50% - 10px));pointer-events:none;transition:opacity var(--motion-base) ease,transform var(--motion-slow) ease}.overlayContentOpen{opacity:1;transform:translate(-50%,-50%);pointer-events:auto}.userOverlayGuestIdleMessage{margin:0;text-align:center;color:var(--ink-muted);pointer-events:auto;filter:blur(6px);transition:opacity .26s ease,transform .26s ease,filter .26s ease}.overlayIdle .userOverlayGuestIdleMessage{opacity:1;transform:translate(-50%,-50%);filter:blur(0)}.emailForm{display:grid;gap:1.15rem}.emailAuthExternalError{margin:0 0 .55rem;color:var(--color-danger);font-size:.82rem;line-height:1.35}.field{display:grid;gap:0}.field span{font-size:.82rem;color:var(--ink-muted)}.field input{width:100%;padding:.75rem 0;color:var(--ink-strong);transition:border-color var(--motion-fast) ease}.field input,.submit{min-height:2.9rem;font:inherit}.submit{margin-top:.45rem;border:0;border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-white);font-weight:600;cursor:pointer}.submit:disabled{opacity:.5;cursor:wait}.settingsBlock{display:grid;gap:1.5rem;align-content:start}.comicMetaHeaderRoot,.sectionHeader{display:grid;gap:.2rem}.sectionHeaderWithBack{display:flex;align-items:flex-start;gap:.85rem}.sectionHeaderBody{min-width:0}.sectionHeaderWithBack .sectionHeaderBody{flex:1 1 auto}.sectionHeaderBackAction{flex:0 0 auto;text-decoration:none}.comicMetaHeaderTitle,.sectionTitle{font-size:1.1rem;line-height:1.1;font-weight:900;color:rgba(var(--color-ink-rgb),.46)}.sectionMeta{font-size:.84rem;color:var(--ink-muted)}.sectionForm{display:grid;gap:1rem;align-content:start}.overlayTopbarContent{position:fixed;top:0;left:50%;width:100%;height:calc(100dvh - var(--widget-bottom-offset) - var(--widget-size) - env(safe-area-inset-bottom));opacity:0;transform:translate(-50%,-10px);pointer-events:none;transition:opacity var(--motion-base) ease,transform var(--motion-slow) ease}.overlayTopbarContentOpen{opacity:1;transform:translate(-50%);pointer-events:auto}.overlayTopbarBody{width:100%;height:100%;min-height:0;padding:16px;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain}.myComicsBlock{--my-comics-header-height:58px;--my-comic-preview-max-height:1200px;position:relative;display:block;height:100%;min-height:0;padding:0;overflow:hidden}.myComicsScrollArea{position:absolute;inset:0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;padding:calc(var(--my-comics-header-height) + 10px) 16px 16px;scrollbar-width:none;-ms-overflow-style:none}.myComicsScrollArea::-webkit-scrollbar{display:none}.myComicsBlock:before{content:"";position:absolute;top:0;left:0;width:100%;height:var(--my-comics-header-height);z-index:2;pointer-events:none;background:rgba(var(--color-white-rgb),.3);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md))}.myComicsBlock .sectionHeader{position:absolute;top:0;left:0;z-index:3;width:100%;padding-top:16px;padding-bottom:10px}.myComicsBlock .sectionHeader.sectionHeaderNoBack{padding-left:32px}.myComicsBlock .sectionHeader.sectionHeaderWithBack{padding-inline:16px}.myComicsList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:start}.myComicsColumn{display:grid;gap:1rem;align-content:start;min-width:0}.myComicItem{width:100%;min-width:0;padding:0}.myComicCoverWrap{width:100%;max-height:var(--my-comic-preview-max-height);border-radius:11px;overflow:hidden;background:var(--surface-muted)}.myComicOpenButton{display:block;width:100%;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer}.myComicCover{display:block;width:100%;height:auto;object-fit:contain}.myComicCoverFallback{display:block;width:100%;min-height:10rem;background:var(--surface-muted)}.myComicViewerOverlay,.myComicViewerPage{position:fixed;top:0;left:0;padding-top:var(--comic-header-height);width:100vw;height:100dvh;isolation:isolate;background:var(--color-white);overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain}.myComicViewerOverlay{z-index:15}.myComicViewerPage{z-index:1}.myComicViewerPageTopLayer,.myComicViewerTopLayer{position:fixed;top:0;left:0;width:100vw;height:var(--comic-header-height);display:flex;align-items:flex-end;pointer-events:none;z-index:2}.myComicViewerPageTopLayer:before,.myComicViewerTopLayer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;background:rgba(var(--color-white-rgb),.26);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md))}.myComicViewerHeader{position:relative;width:100%;z-index:3;pointer-events:auto;display:grid;gap:.2rem;padding:1rem 1rem .6rem}.myComicViewerHeaderMain{display:flex;align-items:flex-start;gap:.85rem}.myComicViewerHeaderActions{display:inline-flex;align-items:flex-start;gap:.45rem;flex:0 0 auto}.myComicViewerCloseAction{transform:translateZ(0);will-change:transform,opacity;backface-visibility:hidden}.myComicViewerCloseActionAnimated{animation:comic-close-action-in .44s cubic-bezier(.2,.7,.2,1) both}.myComicViewerHeaderBody{flex:1 1 auto;min-width:0;will-change:transform,opacity;backface-visibility:hidden}.myComicViewerHeaderBodyAnimated{animation:comic-header-body-in .46s cubic-bezier(.2,.7,.2,1) both}.myComicContextMenuWrap{position:relative;flex:0 0 auto;z-index:3}.comicActionsMenuButton .iconGlyph{width:22px;height:22px}.myComicContextMenu{position:absolute;top:calc(100% + .45rem);right:0;min-width:9.5rem;padding:.35rem;border:var(--border-muted);border-radius:12px;background:var(--surface-glass-strong);box-shadow:var(--shadow-menu);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));display:grid;gap:.12rem;z-index:4}.myComicContextMenuItem{display:flex;align-items:center;gap:.42rem;width:100%;padding:.5rem .55rem;border:0;border-radius:9px;background:transparent;color:var(--ink-base);font:inherit;font-size:.84rem;text-align:left;cursor:pointer}.myComicContextMenuItem:disabled{opacity:.45;cursor:default}.myComicContextMenuIcon{width:.96rem;height:.96rem;flex:0 0 auto}.myComicContextMenuItemDanger{color:var(--color-danger-strong)}.comicBookmarkButtonActive .iconGlyph{color:var(--ink-strong)}.comicBookmarkButton .iconGlyph{width:21px;height:21px}@keyframes comic-close-action-in{0%{opacity:.78;transform:translate3d(-14px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes comic-header-body-in{0%{opacity:.9;transform:translate3d(-14px,0,0)}to{opacity:1;transform:translateZ(0)}}@media (prefers-reduced-motion:reduce){.myComicViewerCloseAction,.myComicViewerHeaderBody{animation:none}.avatarCircleSmall,.avatarHead,.iconAction,.overlay,.overlayContent,.overlayTopbarContent,.topbarAction{transition:none}}.myComicViewerImage{height:auto;object-fit:contain}.myComicViewerImage,.myComicViewerPdf{display:block;width:100vw;border:0;border-radius:0}.myComicViewerPdf{height:100dvh}.createComicForm{display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100%;min-height:0;padding:16px;gap:.9rem}.createComicHeader{display:flex;align-items:flex-start;padding:0}.createComicUploadArea{--create-comic-floating-input-margin:10px;--create-comic-inner-radius:18px;position:relative;display:block;padding:0;border:var(--border-default);border-radius:var(--create-comic-inner-radius);background:none;min-height:0;overflow:hidden}.hiddenFileInput{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.createComicUploadButton{position:absolute;left:var(--create-comic-floating-input-margin);right:var(--create-comic-floating-input-margin);bottom:var(--create-comic-floating-input-margin);z-index:2;width:auto;height:var(--create-comic-upload-input-min-height);min-height:var(--create-comic-upload-input-min-height);margin:0;border:0;border-radius:var(--create-comic-inner-radius);background:rgba(var(--color-white-rgb),.26);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));color:var(--ink-soft);display:flex;align-items:center;justify-content:center;gap:0;padding:0;cursor:pointer}.createComicUploadButtonExpanded{top:var(--create-comic-floating-input-margin);height:auto;min-height:0}.createComicPreviewContainer{position:absolute;inset:0;display:flex;flex-direction:column;gap:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;padding:0;margin:0}.createComicPreviewContainerEmpty{overflow:hidden}.createComicPreviewContainer:after{content:"";flex:0 0 calc(var(--create-comic-upload-input-min-height) + (var(--create-comic-floating-input-margin) * 2))}.createComicPreviewContainerEmpty:after{display:none}.createComicPreviewItem{flex:0 0 auto;position:relative;width:100%;border:0;border-radius:0;background:transparent;overflow:hidden}.createComicPreviewItem:first-child{border-top-left-radius:var(--create-comic-inner-radius);border-top-right-radius:var(--create-comic-inner-radius)}.createComicPreviewItem:last-child{border-bottom-left-radius:var(--create-comic-inner-radius);border-bottom-right-radius:var(--create-comic-inner-radius)}.createComicRemoveAssetButton{position:absolute;top:8px;right:8px;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:var(--radius-pill);background:var(--ink-muted);color:var(--color-white);cursor:pointer}.createComicRemoveAssetIcon{width:16px;height:16px}.createComicPreviewMedia{display:block;width:100%;max-width:100%;height:auto;max-height:none}.createComicPreviewPdf{display:block;width:100%;height:min(72dvh,34rem);border:0}.createComicUploadIcon{width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;max-height:32px;flex:0 0 32px;opacity:.72}.createComicUploadText{font-size:.95rem}.createComicFooter{display:grid;gap:.7rem;padding:0}.createComicSubmitAction.iconActionSuccess{background:rgba(var(--color-ink-rgb),.86)}.passwordForm{align-content:start;min-height:4.1rem}.field span.fieldErrorLabel{color:var(--color-danger)}.field input.fieldErrorInput{border-bottom-color:var(--color-danger)}.readonlyInput:disabled{opacity:1;color:var(--ink-strong);border-bottom:var(--border-soft);cursor:default}.inlineFieldRow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.85rem}.inlineField{min-width:0}.logoutForm{margin-top:.65rem;align-self:start}.iconAction{background:var(--dark-action-bg);color:var(--color-white);transition:background-color var(--motion-slow) ease,color var(--motion-slow) ease}.iconActionOutline{background:transparent;color:var(--ink-base)}.iconActionPending .iconGlyph{transform:translateX(5px);transition-duration:2.2s;transition-timing-function:cubic-bezier(.2,.8,.2,1)}.iconActionSuccess{background:var(--color-success);color:var(--color-white)}.iconActionSuccess:disabled{opacity:1;cursor:default}.iconGlyph{width:19px;height:19px;opacity:1;stroke-width:1.8;transition:transform .12s ease-out,opacity .12s ease-out}.iconGlyphCheckSvg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.iconAction:disabled{opacity:.5;cursor:wait}@media (max-width:640px){.userOverlayRoot{--widget-size:52px;--widget-bottom-offset:16px}.panel,.toggle{width:52px;height:52px}.panelOpen{width:100%;padding:0 64px 0 9px}.iconAction,.topbarAction{width:34px;height:34px}.overlayContent{top:50%;left:50%;width:min(calc(100vw - 32px),22rem)}.overlayTopbarContent{top:0;width:100%;height:calc(100dvh - var(--widget-bottom-offset) - var(--widget-size) - env(safe-area-inset-bottom))}}.comicMetaHeaderRoot{min-width:0}.comicMetaHeaderTitle{text-align:left}.comicMetaHeaderMeta{font-size:.78rem;line-height:1.2;color:var(--ink-muted);text-align:left}