@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--ink:#11131a;--ink-soft:#252833;--paper:#f7f4ee;--surface:#fff;--surface-muted:#eeebe5;--violet:#7357ff;--violet-deep:#5138d7;--violet-soft:#eeeaff;--coral:#ff5c5c;--coral-soft:#ffe6e2;--mint:#14b8a6;--mint-soft:#dff8f2;--amber:#f7c948;--amber-soft:#fff3c4;--text-muted:#667085;--border:#e4e0d8;--reader-bg:#090a0d;--shadow-sm:0 8px 24px #11131a14;--shadow-lg:0 24px 70px #11131a2e;--radius-sm:10px;--radius:16px;--radius-lg:24px;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;font-family:Noto Sans Thai,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{background:var(--paper);min-width:320px;min-height:100vh;color:var(--ink);margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand__word{text-wrap:balance}:focus-visible{outline-offset:3px;outline:3px solid #7357ff73}::selection{color:#fff;background:var(--violet)}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.container{width:min(100% - 40px,1240px);margin-inline:auto}.section{padding-block:72px}.eyebrow{color:var(--violet);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:10px;font-family:Space Grotesk,sans-serif;font-size:.72rem;font-weight:700;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:11px 20px;font-weight:700;line-height:1.2;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px)}.button:disabled{opacity:.55;cursor:not-allowed}.button svg{width:18px;height:18px}.button--dark{color:#fff;background:var(--ink);box-shadow:0 8px 20px #11131a33}.button--dark:hover:not(:disabled){background:#292c37}.button--violet{color:#fff;background:var(--violet);box-shadow:0 10px 24px #7357ff45}.button--violet:hover:not(:disabled){background:var(--violet-deep)}.button--paper{color:var(--ink);background:var(--paper);box-shadow:var(--shadow-sm)}.button--ghost-light{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff17;border-color:#ffffff6b}.button--ghost-light:hover:not(:disabled){background:#ffffff2b}.button--outline{border-color:var(--border);background:var(--surface)}.button--outline:hover:not(:disabled){border-color:var(--ink)}.button--small{min-height:40px;padding:9px 15px;font-size:.88rem}.button--full{width:100%}.button--approve{color:#087466;background:#e2faf5;border-color:#a4e3da}.button--reject{color:#bd3030;background:#fff0ee;border-color:#f8c2bd}.icon-button,.reader-icon{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.icon-button svg,.reader-icon svg{width:20px;height:20px}.icon-button:hover{background:#11131a12}.icon-button--light{color:#fff;background:#ffffff14;border:1px solid #ffffff59}.icon-button--compact{width:32px;height:32px}.text-link,.text-button{color:var(--violet-deep);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:700;display:inline-flex}.text-link:hover,.text-button:hover{text-decoration:underline}.text-link svg{width:18px}.skip-link{z-index:1000;color:#fff;background:var(--ink);border-radius:8px;padding:10px 16px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-shell{min-height:100vh}.site-header{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f4eee6;border-bottom:1px solid #e4e0d8db;position:sticky;top:0}.site-header__inner{align-items:center;gap:26px;min-height:76px;display:flex}.brand{flex:none;align-items:center;gap:10px;display:inline-flex}.brand__mark{background:var(--ink);border-radius:9px;width:32px;height:32px;display:block;position:relative;overflow:hidden;transform:rotate(-3deg)}.brand__mark i{border-radius:5px;width:8px;display:block;position:absolute;transform:skew(-13deg)}.brand__mark i:first-child{background:var(--violet);height:21px;top:6px;left:7px}.brand__mark i:nth-child(2){background:var(--coral);height:17px;top:8px;left:16px}.brand__mark i:nth-child(3){background:var(--amber);height:23px;top:5px;left:24px}.brand__word{color:var(--ink);letter-spacing:-.04em;font-family:Space Grotesk,sans-serif;font-size:1.12rem;font-weight:700}.brand__word span{color:var(--violet)}.brand--compact .brand__mark{width:28px;height:28px}.desktop-nav{align-items:center;gap:20px;font-size:.92rem;font-weight:600;display:flex}.desktop-nav a{color:#474b57;padding-block:26px;position:relative}.desktop-nav a:after{background:var(--violet);content:"";border-radius:4px 4px 0 0;height:3px;transition:transform .18s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.desktop-nav a.active,.desktop-nav a:hover{color:var(--ink)}.desktop-nav a.active:after{transform:scaleX(1)}.header-search{border:1px solid var(--border);background:#ffffffc7;border-radius:999px;flex:320px;align-items:center;gap:10px;min-width:180px;max-width:380px;height:44px;padding:0 10px 0 15px;transition:border-color .16s,box-shadow .16s;display:flex}.header-search:focus-within{border-color:var(--violet);box-shadow:0 0 0 4px #7357ff1a}.header-search svg{color:var(--text-muted);flex:none}.header-search input{background:0 0;border:0;outline:0;flex:1;min-width:0}.header-search kbd{border:1px solid var(--border);color:var(--text-muted);background:var(--paper);border-radius:6px;padding:2px 7px;font-size:.72rem}.creator-cta{color:var(--violet-deep);flex:none;align-items:center;gap:7px;font-size:.9rem;font-weight:700;display:inline-flex}.account-menu{flex:none;position:relative}.account-menu summary{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:5px 8px 5px 5px;font-size:.88rem;font-weight:700;list-style:none;display:flex}.account-menu summary::-webkit-details-marker{display:none}.account-menu__panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:240px;box-shadow:var(--shadow-lg);padding:8px;display:grid;position:absolute;top:calc(100% + 12px);right:0}.account-menu__panel:before{border-top:1px solid var(--border);border-left:1px solid var(--border);content:"";background:#fff;width:12px;height:12px;position:absolute;top:-7px;right:22px;transform:rotate(45deg)}.account-menu__identity{border-bottom:1px solid var(--border);margin-bottom:6px;padding:12px;display:grid}.account-menu__identity span{color:var(--text-muted);font-size:.75rem}.account-menu__panel a,.account-menu__panel button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;min-height:42px;padding:9px 11px;font-size:.88rem;display:flex}.account-menu__panel a:hover,.account-menu__panel button:hover{background:var(--paper)}.avatar{color:#fff;background:linear-gradient(135deg, var(--violet), var(--coral));border-radius:50%;flex:none;place-items:center;font-family:Space Grotesk,sans-serif;font-weight:700;display:inline-grid}.avatar--small{width:32px;height:32px;font-size:.78rem}.avatar--tiny{width:28px;height:28px;margin-right:8px;font-size:.75rem}.avatar--large{width:74px;height:74px;font-size:1.65rem}.avatar--creator{border:6px solid #ffffff80;width:132px;height:132px;font-size:2.4rem}.avatar--profile{width:92px;height:92px;font-size:1.65rem}.mobile-nav{display:none}.site-main{min-height:65vh}.site-footer{color:#d9dce4;background:var(--ink);padding:64px 0 28px}.site-footer__grid{grid-template-columns:1.5fr .8fr 1.1fr .9fr;gap:48px;display:grid}.site-footer .brand__word{color:#fff}.site-footer__grid>div{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.site-footer__grid p{color:#9da2af;max-width:320px;margin:8px 0 0;line-height:1.7}.site-footer__grid strong{color:#fff}.site-footer__grid a,.site-footer__grid span{color:#aeb3bf;font-size:.88rem}.site-footer__grid a:hover{color:#fff}.site-footer__tagline{border-radius:var(--radius);background:#191b24;border:1px solid #343743;justify-content:center;padding:22px}.site-footer__tagline svg{color:var(--coral)}.site-footer__bottom{color:#767c8b;border-top:1px solid #30333e;justify-content:space-between;margin-top:44px;padding-top:26px;font-size:.78rem;display:flex}.hero{color:#fff;background:#171822;min-height:660px;position:relative;overflow:hidden}.hero--violet{background:#302279}.hero--coral{background:#7e292b}.hero--mint{background:#125d58}.hero--amber{background:#664b08}.hero__art{position:absolute;inset:0 0 0 52%;overflow:hidden}.hero__art:after{content:"";background:linear-gradient(90deg,#302279 0%,#302279b8 17%,#0000 68%),linear-gradient(#0000 45%,#11131a59);position:absolute;inset:0}.hero--coral .hero__art:after{background:linear-gradient(90deg,#7e292b 0%,#7e292bbd 17%,#0000 68%)}.hero--mint .hero__art:after{background:linear-gradient(90deg,#125d58 0%,#125d58bd 17%,#0000 68%)}.hero--amber .hero__art:after{background:linear-gradient(90deg,#664b08 0%,#664b08bd 17%,#0000 68%)}.hero__art img{object-fit:cover;object-position:center 38%;filter:saturate(1.12);width:100%;height:100%;transform:scale(1.06)}.hero__noise{opacity:.15;pointer-events:none;background-image:radial-gradient(#fff9 .5px,#0000 .6px);background-size:6px 6px;position:absolute;inset:0}.hero__inner{grid-template-columns:minmax(0,1fr) 310px;align-items:center;gap:70px;min-height:660px;padding-block:70px;display:grid;position:relative}.hero__copy{max-width:670px}.hero__kicker{color:#e2ddff;letter-spacing:.16em;align-items:center;gap:8px;margin-bottom:20px;font-family:Space Grotesk,sans-serif;font-size:.74rem;font-weight:700;display:flex}.hero__english{color:#ffffff6b;letter-spacing:.12em;margin-bottom:3px;font-family:Space Grotesk,sans-serif;font-size:clamp(1.1rem,2vw,1.6rem);font-weight:700}.hero h1{letter-spacing:-.055em;max-width:720px;margin-bottom:18px;font-size:clamp(2.6rem,5.6vw,5.3rem);font-weight:800;line-height:1.05}.hero__synopsis{color:#ffffffd1;max-width:610px;margin-bottom:22px;font-size:1.06rem;line-height:1.75}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:999px;align-items:center;min-height:32px;padding:5px 11px;font-size:.78rem;font-weight:600;display:inline-flex}.chip--glass{color:#fff;background:#ffffff1a;border:1px solid #ffffff42}.hero__actions,.comic-detail__actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;display:flex}.hero__stats{flex-wrap:wrap;gap:0;margin-top:34px;display:flex}.hero__stats span{color:#ffffff94;border-right:1px solid #fff3;padding:0 22px;font-size:.72rem;display:grid}.hero__stats span:first-child{padding-left:0}.hero__stats span:last-child{border:0}.hero__stats strong{color:#fff;font-size:.88rem}.hero__cover{aspect-ratio:3/4;border:8px solid #ffffff26;border-radius:20px;width:100%;transition:transform .3s;position:relative;transform:rotate(3deg);box-shadow:0 35px 85px #0000006b}.hero__cover:hover{transform:rotate(0)translateY(-8px)}.hero__cover img{object-fit:cover;border-radius:13px;width:100%;height:100%}.hero__cover span{color:var(--ink);background:var(--amber);box-shadow:var(--shadow-sm);border-radius:999px;padding:8px 14px;font-size:.78rem;font-weight:800;position:absolute;bottom:34px;right:-18px;transform:rotate(-5deg)}.demo-wrap{margin-top:24px}.demo-notice{color:#5540c0;background:var(--violet-soft);border:1px solid #d9d2ff;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:.78rem;font-weight:600;display:inline-flex}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.section-heading h2{letter-spacing:-.035em;margin-bottom:0;font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.2}.section-heading>div>p:last-child:not(.eyebrow){max-width:590px;color:var(--text-muted);margin:8px 0 0}.comic-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 18px;display:grid}.comic-card{min-width:0}.comic-card__cover-link{display:block}.comic-cover{aspect-ratio:3/4;background:#d9d5cc;border-radius:14px;transition:transform .23s,box-shadow .23s;position:relative;overflow:hidden;box-shadow:0 7px 18px #11131a1a}.comic-card:hover .comic-cover{transform:translateY(-7px);box-shadow:0 18px 36px #11131a33}.comic-cover img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.comic-card:hover .comic-cover img{transform:scale(1.035)}.comic-cover__fallback{color:#fff;background:linear-gradient(145deg, var(--violet), #211b47);flex-direction:column;justify-content:space-between;height:100%;padding:18px;display:flex}.comic-cover__fallback span{letter-spacing:.12em;font-family:Space Grotesk,sans-serif;font-size:.65rem}.comic-cover__fallback strong{font-size:1.15rem;line-height:1.25}.comic-card__rank{color:#fff;text-shadow:0 3px 12px #0000008c;font-family:Space Grotesk,sans-serif;font-size:2.3rem;font-weight:700;line-height:1;position:absolute;bottom:8px;left:9px}.comic-card__rating{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#11131abf;border-radius:6px;padding:4px 7px;font-size:.65rem;font-weight:700;position:absolute;top:8px;right:8px}.comic-card__body{padding-top:12px}.comic-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:3px;font-size:.97rem;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.comic-card__title:hover{color:var(--violet-deep)}.comic-card__creator{color:var(--text-muted);font-size:.76rem}.comic-card__creator:hover{color:var(--violet)}.comic-card__meta{color:#8b8e98;justify-content:space-between;gap:8px;margin-top:8px;font-size:.68rem;display:flex}.comic-card__meta span{align-items:center;gap:4px;display:inline-flex}.genre-band{background:var(--ink);color:#fff;padding-block:58px}.genre-band__inner{grid-template-columns:.8fr 1.2fr;align-items:center;gap:80px;display:grid}.genre-band h2{letter-spacing:-.04em;max-width:420px;margin:0;font-size:clamp(1.8rem,3vw,3rem);line-height:1.25}.genre-band .eyebrow{color:#a897ff}.genre-cloud{flex-wrap:wrap;gap:11px;display:flex}.genre-pill{background:#20232d;border:1px solid #444755;border-radius:999px;align-items:center;gap:12px;padding:12px 18px;font-weight:700;transition:transform .18s,border-color .18s,color .18s;display:inline-flex}.genre-pill:hover{transform:translateY(-3px)rotate(-1deg)}.genre-pill--1:hover{color:#b6aaff;border-color:var(--violet)}.genre-pill--2:hover{color:#ff9696;border-color:var(--coral)}.genre-pill--3:hover{color:#67dfd1;border-color:var(--mint)}.genre-pill--4:hover{color:#ffe07d;border-color:var(--amber)}.creator-banner{border-radius:var(--radius-lg);background:linear-gradient(120deg,#eeeaff,#fff 58%,#fff0e8);border:1px solid #dcd5ff;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;margin-bottom:80px;padding:38px 42px;display:grid}.creator-banner__icons{display:flex}.creator-banner__icons svg{color:#fff;background:var(--violet);width:44px;height:44px;box-shadow:var(--shadow-sm);border:3px solid #fff;border-radius:50%;padding:10px}.creator-banner__icons svg:nth-child(2){background:var(--coral);margin-left:-10px}.creator-banner__icons svg:nth-child(3){color:var(--ink);background:var(--amber);margin-left:-10px}.creator-banner h2{letter-spacing:-.025em;margin-bottom:7px;font-size:1.6rem}.creator-banner p:not(.eyebrow){max-width:700px;color:var(--text-muted);margin:0;line-height:1.6}.continue-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.continue-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:84px 1fr;gap:15px;padding:12px;display:grid}.continue-card>img{object-fit:cover;border-radius:9px;width:84px;height:112px}.continue-card>div{align-self:center;min-width:0}.continue-card p{margin-bottom:2px;font-weight:700}.continue-card>div>span{color:var(--text-muted);font-size:.78rem}.reading-progress{margin-top:12px}.reading-progress__label{color:var(--text-muted);justify-content:space-between;margin-bottom:5px;font-size:.7rem;display:flex}.reading-progress__label span{align-items:center;gap:4px;display:inline-flex}.reading-progress__label strong{color:var(--ink)}.reading-progress__track{background:var(--surface-muted);border-radius:99px;height:5px;overflow:hidden}.reading-progress__track span{border-radius:inherit;background:var(--violet);height:100%;display:block}.page-state{place-items:center;min-height:520px;display:grid}.state-card{border-radius:var(--radius-lg);text-align:center;background:#ffffff73;border:1px dashed #cbc6bd;justify-items:center;width:min(100%,520px);padding:50px 30px;display:grid}.state-card--loading{background:0 0;border:0}.state-card__icon{width:62px;height:62px;color:var(--violet);background:var(--violet-soft);border-radius:50%;place-items:center;display:grid}.state-card h2{margin:16px 0 7px}.state-card p{max-width:420px;color:var(--text-muted);margin-bottom:22px}.spinner{border:3px solid #d8d3ca;border-top-color:var(--violet);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin;display:block}.state-card--loading p{color:var(--text-muted);margin-top:14px}.catalog-hero{background:linear-gradient(135deg,#e6e0ff 0%,#f7f4ee 42%,#ffe6df 100%);padding:70px 0 60px}.catalog-hero h1{letter-spacing:-.05em;max-width:760px;margin-bottom:30px;font-size:clamp(2.4rem,5vw,4.7rem);line-height:1.12}.catalog-search{width:min(100%,720px);min-height:60px;box-shadow:var(--shadow-sm);background:#fff;border:1px solid #d9d3c9;border-radius:999px;align-items:center;gap:12px;padding:6px 7px 6px 20px;display:flex}.catalog-search>svg{color:var(--text-muted);flex:none}.catalog-search input{border:0;outline:0;flex:1;min-width:0;font-size:1rem}.catalog-search .button{min-height:46px}.catalog-layout{grid-template-columns:220px minmax(0,1fr);gap:44px;padding-block:50px 84px;display:grid}.filter-panel{align-self:start;position:sticky;top:105px}.filter-panel__title{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding-bottom:14px;font-weight:800;display:flex}.filter-panel fieldset{border:0;margin:0;padding:22px 0}.filter-panel legend{text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:.78rem;font-weight:800}.filter-options{gap:4px;display:grid}.filter-options button{min-height:39px;color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:7px 9px;display:flex}.filter-options button:hover{color:var(--ink);background:var(--surface-muted)}.filter-options button.is-active{color:var(--violet-deep);background:var(--violet-soft);font-weight:700}.filter-options button i{background:var(--violet);border-radius:50%;width:7px;height:7px}.filter-panel__note{background:var(--ink);color:#fff;border-radius:13px;padding:17px}.filter-panel__note strong{font-size:.85rem}.filter-panel__note p{color:#aeb3bf;margin:7px 0 0;font-size:.72rem;line-height:1.55}.catalog-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;min-height:50px;margin-bottom:22px;padding-bottom:18px;display:flex}.catalog-toolbar>div{align-items:center;gap:9px;display:flex}.catalog-toolbar select{border:1px solid var(--border);background:#fff;border-radius:9px;min-height:40px;padding:7px 34px 7px 12px}.catalog-results>.demo-notice{margin-bottom:22px}.catalog-results .comic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.comic-detail__hero{color:#fff;background:#2f2370;position:relative;overflow:hidden}.comic-detail__hero--coral{background:#70292b}.comic-detail__hero--mint{background:#105850}.comic-detail__hero--amber{background:#60480e}.comic-detail__backdrop{opacity:.34;position:absolute;inset:0}.comic-detail__backdrop:after{content:"";background:linear-gradient(90deg,#11131af5 0%,#11131ac7 42%,#11131a4d 100%),linear-gradient(#0000 45%,#11131aad);position:absolute;inset:0}.comic-detail__backdrop img{object-fit:cover;filter:blur(7px)saturate(1.2);width:100%;height:100%;transform:scale(1.08)}.comic-detail__hero-inner{padding-block:32px 70px;position:relative}.back-link{color:#ffffffb8;align-items:center;gap:7px;margin-bottom:34px;font-size:.82rem;font-weight:600;display:inline-flex}.back-link:hover{color:#fff}.back-link--dark{color:var(--text-muted)}.back-link--dark:hover{color:var(--ink)}.comic-detail__summary{grid-template-columns:270px minmax(0,1fr);align-items:center;gap:52px;display:grid}.comic-detail__cover{aspect-ratio:3/4;border-radius:18px;position:relative;box-shadow:0 30px 70px #0000006b}.comic-detail__cover img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.comic-detail__cover>span{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#11131ac7;border-radius:7px;padding:5px 9px;font-size:.72rem;font-weight:700;position:absolute;top:12px;right:12px}.comic-detail__copy .eyebrow{color:#b6a9ff}.comic-detail__english{color:#ffffff70;letter-spacing:.16em;margin:0;font-family:Space Grotesk,sans-serif;font-size:.92rem;font-weight:700}.comic-detail__copy h1{letter-spacing:-.05em;margin:4px 0 8px;font-size:clamp(2.3rem,4.7vw,4.6rem);line-height:1.12}.byline{color:#ffffffb8;align-items:center;gap:7px;font-size:.87rem;display:inline-flex}.byline:hover{color:#fff}.comic-detail__synopsis{color:#fffc;max-width:720px;margin:22px 0;font-size:1rem;line-height:1.75}.comic-detail__stats{color:#ffffffa6;flex-wrap:wrap;gap:22px;margin-top:30px;font-size:.78rem;display:flex}.comic-detail__stats span{align-items:center;gap:6px;display:inline-flex}.comic-detail__stats svg{width:16px}.comic-detail__stats strong{color:#fff}.comic-detail__body{grid-template-columns:minmax(0,1fr) 310px;gap:54px;padding-block:56px 90px;display:grid}.comic-detail__body main>.demo-notice{margin-bottom:30px}.episode-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.episode-heading h2{letter-spacing:-.035em;margin:0;font-size:2rem}.episode-list{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.episode-list li{border-bottom:1px solid var(--border)}.episode-list a{border-radius:10px;grid-template-columns:52px minmax(0,1fr) auto 24px;align-items:center;gap:14px;min-height:84px;padding:10px 8px;transition:background .18s,padding .18s;display:grid}.episode-list a:hover{background:#fff;padding-inline:14px}.episode-list__number{color:#aaa59c;font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700}.episode-list__title{gap:2px;min-width:0;display:grid}.episode-list__title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.episode-list__title small{color:var(--text-muted)}.episode-list__arrow{color:#a5a198}.badge{border-radius:6px;padding:4px 8px;font-family:Space Grotesk,sans-serif;font-size:.64rem;font-weight:700;display:inline-flex}.badge--new{color:#fff;background:var(--coral)}.creator-card{border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;align-self:start;align-items:center;padding:30px 24px 20px;display:flex;position:sticky;top:105px}.creator-card .eyebrow{margin:16px 0 4px}.creator-card h2{margin:0 0 2px}.creator-card>span:not(.avatar){color:var(--text-muted);font-size:.8rem}.creator-card>p:not(.eyebrow){color:var(--text-muted);margin:14px 0 20px;font-size:.84rem;line-height:1.65}.creator-card .button{width:100%}.report-link{color:var(--text-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:12px;padding:14px 6px 0;font-size:.72rem;display:inline-flex}.creator-profile{color:#fff;background:linear-gradient(120deg,#171923 0%,#2a1f68 62%,#6c2a5c 100%);padding:80px 0 65px;position:relative;overflow:hidden}.creator-profile__pattern{position:absolute;inset:0;overflow:hidden}.creator-profile__pattern i{border:1px solid #ffffff1f;border-radius:50%;display:block;position:absolute}.creator-profile__pattern i:first-child{width:500px;height:500px;top:-260px;right:-120px}.creator-profile__pattern i:nth-child(2){width:290px;height:290px;bottom:-190px;right:80px}.creator-profile__pattern i:nth-child(3){background:#f7c9481f;width:70px;height:70px;top:30px;left:42%}.creator-profile__inner{grid-template-columns:auto minmax(0,1fr) 330px;align-items:center;gap:32px;display:grid;position:relative}.creator-profile__copy .eyebrow{color:#aa9cff}.creator-profile__copy h1{letter-spacing:-.045em;align-items:center;gap:10px;margin:0;font-size:clamp(2rem,4vw,3.6rem);display:flex}.creator-profile__copy h1 svg{color:#a99aff}.creator-profile__copy>strong{color:#ffffff94}.creator-profile__copy>p:not(.eyebrow){color:#ffffffc7;max-width:560px;margin:15px 0;line-height:1.7}.creator-profile__stats{gap:25px;display:flex}.creator-profile__stats span{color:#ffffff8c;font-size:.75rem;display:grid}.creator-profile__stats strong{color:#fff;font-size:1.25rem}.creator-support{border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff17;border:1px solid #ffffff29;padding:22px}.creator-support__title{align-items:center;gap:10px;display:flex}.creator-support__title>svg{color:var(--coral)}.creator-support__title div{display:grid}.creator-support__title span{color:#ffffff8c;font-size:.7rem}.creator-support__links{gap:7px;margin-top:15px;display:grid}.creator-support__links a{background:#ffffff1c;border-radius:9px;justify-content:space-between;padding:10px 12px;font-size:.82rem;font-weight:600;display:flex}.creator-support__links a:hover{background:#ffffff2e}.creator-support>p{color:#fff9;margin:15px 0 0;font-size:.78rem}.creator-support>small{color:#ffffff75;align-items:center;gap:5px;margin-top:13px;font-size:.65rem;display:flex}.creator-contact-note{border:1px solid var(--border);border-radius:var(--radius);background:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:60px;padding:24px;display:grid}.creator-contact-note>svg{width:42px;height:42px;color:var(--violet);background:var(--violet-soft);border-radius:12px;padding:10px}.creator-contact-note p{color:var(--text-muted);margin:4px 0 0;font-size:.84rem}.reader{color:#e8e9ee;background:var(--reader-bg);min-height:100vh}.reader--state{place-items:center;display:grid}.reader--state .state-card{color:#fff}.reader-progress{z-index:220;width:var(--reader-progress);background:linear-gradient(90deg, var(--violet), var(--coral));height:3px;box-shadow:0 0 14px var(--violet);transition:width .1s linear;position:fixed;top:0;left:0}.reader-toolbar{z-index:200;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090a0de6;border-bottom:1px solid #242631;grid-template-columns:1fr auto 1fr;align-items:center;min-height:68px;padding:8px 22px;display:grid;position:sticky;top:0}.reader-toolbar__left{align-items:center;gap:9px;min-width:0;display:flex}.reader-toolbar__left>div{min-width:0;display:grid}.reader-toolbar__left a:not(.reader-icon){text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:700;overflow:hidden}.reader-toolbar__left span{color:#858a99;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.reader-icon{color:#c9ccd4;background:#171920}.reader-icon:hover,.reader-icon.is-active{color:#fff;background:#2b2e38}.reader-toolbar__progress{justify-items:center;min-width:90px;display:grid}.reader-toolbar__progress strong{font-family:Space Grotesk,sans-serif;font-size:.9rem}.reader-toolbar__progress span{color:#777c89;font-size:.62rem}.reader-toolbar__actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.reader-login{color:#bbbfc9;border:1px solid #363944;border-radius:99px;padding:7px 12px;font-size:.72rem}.reader-user{color:#aeb2bd;text-overflow:ellipsis;max-width:140px;font-size:.75rem;overflow:hidden}.reader-settings{background:#17191f;border:1px solid #31343e;border-radius:14px;gap:12px;width:270px;padding:18px;display:grid;position:absolute;top:calc(100% + 10px);right:18px;box-shadow:0 18px 50px #0000008c}.reader-settings label{color:#aeb2bd;gap:7px;font-size:.75rem;display:grid}.reader-settings input{accent-color:var(--violet)}.reader-settings p{color:#747984;margin:0;font-size:.68rem}.reader-pages{background:#111218;width:min(100%,820px);margin:0 auto;transition:width .25s}.reader--wide .reader-pages{width:min(100%,1100px)}.reader-page{margin:0;position:relative}.reader-page img{background:#14161b;width:100%;min-height:200px}.reader-page figcaption{color:#ffffff85;opacity:0;background:#00000080;border-radius:5px;padding:4px 7px;font-family:Space Grotesk,sans-serif;font-size:.58rem;transition:opacity .2s;position:absolute;bottom:8px;right:8px}.reader-page:hover figcaption{opacity:1}.reader-end{text-align:center;padding:100px 20px 120px}.reader-end__mark{color:#6e7380;letter-spacing:.2em;border:1px solid #363944;border-radius:50%;place-items:center;width:80px;height:80px;margin-bottom:28px;font-family:Space Grotesk,sans-serif;font-size:.75rem;display:inline-grid}.reader-end .eyebrow{color:#a797ff;justify-content:center}.reader-end h1{margin-bottom:9px;font-size:2rem}.reader-end>p:not(.eyebrow){color:#7f8490}.reader-end__nav{justify-content:center;gap:12px;margin-top:28px;display:flex}.content-warning{color:#fff;text-align:center;background:radial-gradient(circle at 50% 30%,#302769,#0d0e13 60%);place-content:center;justify-items:center;min-height:100vh;padding:30px;display:grid}.content-warning>svg{border:1px solid #5c527f;border-radius:50%;width:62px;height:62px;padding:14px}.content-warning .eyebrow{color:#ac9eff;margin-top:24px}.content-warning h1{margin-bottom:10px;font-size:2.3rem}.content-warning>p:not(.eyebrow){color:#acafba;max-width:520px;line-height:1.7}.content-warning>div{gap:10px;margin-top:20px;display:flex}.auth-page{background:var(--paper);grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr);min-height:100vh;display:grid}.auth-visual{color:#fff;background:linear-gradient(145deg,#171923 0%,#302279 70%,#5e2a66 100%);flex-direction:column;justify-content:space-between;padding:36px 48px 42px;display:flex;position:relative;overflow:hidden}.auth-visual__logo{z-index:2;align-self:flex-start;position:relative}.auth-visual .brand__word{color:#fff}.auth-visual__art{position:absolute;inset:0;overflow:hidden}.auth-visual__art i{display:block;position:absolute}.auth-visual__art i:first-child{border:28px solid #ffffff14;border-radius:180px 20px 160px 30px;width:380px;height:510px;top:13%;right:-120px;transform:rotate(14deg)}.auth-visual__art i:nth-child(2){background:#ff5c5c33;border-radius:50%;width:230px;height:310px;bottom:6%;left:-85px;transform:rotate(-20deg)}.auth-visual__art i:nth-child(3){background:#f7c9482e;border-radius:18px;width:110px;height:110px;bottom:12%;right:17%;transform:rotate(22deg)}.auth-visual__art i:nth-child(4){background:linear-gradient(#0000,#ffffff26,#0000);width:2px;height:70%;top:15%;left:22%}.auth-visual__copy{z-index:2;max-width:530px;position:relative}.auth-visual__copy .eyebrow{color:#b4a7ff}.auth-visual__copy h2{letter-spacing:-.055em;margin-bottom:18px;font-size:clamp(2.5rem,4.5vw,4.9rem);line-height:1.1}.auth-visual__copy>p:not(.eyebrow){color:#ffffffb3;max-width:480px;font-size:1rem;line-height:1.75}.auth-visual__quote{z-index:2;color:#ffffff73;font-size:.78rem;position:relative}.auth-panel{place-items:center;padding:75px 30px 55px;display:grid;position:relative}.auth-panel>.back-link{position:absolute;top:28px;left:34px}.auth-card{width:min(100%,470px)}.auth-card>.eyebrow{margin-bottom:8px}.auth-card h1{letter-spacing:-.045em;margin-bottom:8px;font-size:clamp(2rem,3.5vw,3rem)}.auth-card__description{color:var(--text-muted);margin-bottom:26px;line-height:1.65}.google-button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:11px;width:100%;min-height:52px;font-weight:700;transition:border-color .18s,box-shadow .18s;display:flex}.google-button:hover{box-shadow:var(--shadow-sm);border-color:#b7b2a8}.google-icon{border:4px solid #4285f4;border-right-color:#0000;border-radius:50%;width:20px;height:20px;display:block;position:relative}.google-icon i{position:absolute}.google-icon i:first-child{background:#4285f4;width:7px;height:4px;top:4px;right:-4px}.google-icon i:nth-child(2){background:#34a853;width:5px;height:4px;bottom:-1px;left:-3px;transform:rotate(35deg)}.google-icon i:nth-child(3){background:#ea4335;width:5px;height:4px;top:-1px;left:-3px;transform:rotate(-35deg)}.google-icon i:nth-child(4){background:#fbbc05;width:5px;height:4px;bottom:-4px;left:4px}.auth-divider{color:#98958e;align-items:center;gap:12px;margin:22px 0;font-size:.75rem;display:flex}.auth-divider:before,.auth-divider:after{background:var(--border);content:"";flex:1;height:1px}.auth-form,.studio-form{gap:17px;display:grid}.form-field{color:#3e414c;gap:7px;font-size:.82rem;font-weight:600;display:grid}.form-field input,.form-field textarea,.form-field select,.otp-input{width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #d8d4cb;border-radius:10px;outline:0;padding:11px 13px;transition:border-color .17s,box-shadow .17s}.form-field textarea{resize:vertical;line-height:1.55}.form-field input:focus,.form-field textarea:focus,.form-field select:focus,.otp-input:focus{border-color:var(--violet);box-shadow:0 0 0 4px #7357ff1a}.form-field small{color:var(--text-muted);font-size:.68rem;font-weight:400}.input-with-icon{background:#fff;border:1px solid #d8d4cb;border-radius:10px;align-items:center;gap:9px;min-height:50px;padding-left:13px;display:flex}.input-with-icon:focus-within{border-color:var(--violet);box-shadow:0 0 0 4px #7357ff1a}.input-with-icon>svg{color:#9a978f;flex:none}.input-with-icon input{border:0;flex:1;min-width:0;padding-left:0;box-shadow:none!important}.field-action{color:#858990;cursor:pointer;background:0 0;border:0;place-items:center;width:45px;height:45px;padding:0;display:grid}.field-action svg{width:18px}.form-row{justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.form-row>a,.auth-switch a{color:var(--violet-deep);font-weight:700}.checkbox{color:var(--text-muted);cursor:pointer;align-items:flex-start;gap:8px;display:flex}.checkbox input{width:17px;height:17px;accent-color:var(--violet);margin-top:1px}.checkbox--terms{font-size:.73rem;line-height:1.5}.form-error,.form-warning{color:#a52c2c;background:#fff0ee;border:1px solid #f0bbb6;border-radius:9px;align-items:center;gap:8px;padding:11px 13px;font-size:.78rem;display:flex}.form-warning{color:#8b5e00;background:#fff8dd;border-color:#edd58d}.auth-switch{text-align:center;margin:22px 0 0;font-size:.85rem}.auth-public-note{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;margin:13px 0 0;font-size:.7rem;display:flex}.auth-public-note svg{width:14px;color:var(--mint)}.auth-security{color:#9b9891;align-items:center;gap:6px;margin:0;font-size:.67rem;display:flex;position:absolute;bottom:22px}.otp-input{letter-spacing:.35em;text-align:center;height:66px;font-family:Space Grotesk,monospace;font-size:2rem;font-weight:700}.verify-form .text-button{justify-content:center}.password-hint{color:var(--text-muted);margin:-7px 0 0;font-size:.68rem}.success-panel{border:1px solid var(--border);border-radius:var(--radius);text-align:center;background:#fff;justify-items:center;padding:26px;display:grid}.success-panel>span{width:60px;height:60px;color:var(--violet);background:var(--violet-soft);border-radius:50%;place-items:center;display:grid}.success-panel h2{margin:15px 0 5px}.success-panel p{color:var(--text-muted);line-height:1.6}.subpage-hero{color:#fff;padding:62px 0}.subpage-hero--violet{background:linear-gradient(120deg,#2d2268,#6048d4 65%,#8a4f9c)}.subpage-hero--ink{background:linear-gradient(120deg,#151720,#292d3b 70%,#3b2e50)}.subpage-hero__inner{justify-content:space-between;align-items:center;gap:30px;display:flex}.subpage-hero .eyebrow{color:#b5a9ff}.subpage-hero h1{letter-spacing:-.05em;margin-bottom:8px;font-size:clamp(2.2rem,4vw,3.9rem)}.subpage-hero p:not(.eyebrow){color:#ffffffad;max-width:650px;margin:0}.subpage-hero__stat{border-radius:var(--radius);background:#ffffff14;border:1px solid #ffffff29;align-items:center;gap:15px;min-width:200px;padding:20px;display:flex}.subpage-hero__stat>svg{background:#ffffff1f;border-radius:10px;width:38px;height:38px;padding:9px}.subpage-hero__stat span{color:#fff9;font-size:.75rem;display:grid}.subpage-hero__stat strong{color:#fff;font-size:1.7rem}.library-content{min-height:520px}.tab-list{border:1px solid var(--border);background:var(--surface-muted);border-radius:13px;gap:6px;margin-bottom:32px;padding:5px;display:flex}.tab-list button{min-height:46px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:8px;padding:9px 13px;font-weight:600;display:flex}.tab-list button b{background:#11131a0f;border-radius:99px;place-items:center;min-width:23px;height:23px;font-size:.7rem;display:inline-grid}.tab-list button.is-active{color:var(--ink);background:#fff;box-shadow:0 4px 13px #11131a14}.tab-list button.is-active svg{color:var(--violet)}.library-loading{min-height:280px;color:var(--text-muted);justify-content:center;align-items:center;gap:10px;display:flex}.history-list{gap:12px;display:grid}.history-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;grid-template-columns:75px minmax(0,1fr) auto;align-items:center;gap:18px;padding:13px;transition:transform .18s,box-shadow .18s;display:grid}.history-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.history-card>img{aspect-ratio:3/4;object-fit:cover;border-radius:8px;width:75px}.history-card__copy{min-width:0}.history-card__copy>strong,.history-card__copy>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.history-card__copy>span{color:var(--text-muted);font-size:.78rem}.profile-identity{align-items:center;gap:22px;display:flex}.profile-identity h1{margin:0}.verified-chip{color:#d5fff8;background:#14b8a61f;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:8px;padding:10px 15px;font-size:.78rem;font-weight:700;display:inline-flex}.profile-layout{grid-template-columns:minmax(0,1fr) 330px;gap:26px;padding-block:50px 84px;display:grid}.settings-panel{border:1px solid var(--border);border-radius:var(--radius);background:#fff;grid-column:1;padding:28px}.settings-panel__heading{border-bottom:1px solid var(--border);gap:14px;margin-bottom:22px;padding-bottom:21px;display:flex}.settings-panel__heading>span{width:44px;height:44px;color:var(--violet);background:var(--violet-soft);border-radius:12px;flex:none;place-items:center;display:grid}.settings-panel__heading h2{margin-bottom:3px;font-size:1.2rem}.settings-panel__heading p{color:var(--text-muted);margin:0;font-size:.8rem}.privacy-list{gap:12px;display:grid}.privacy-list>div{background:var(--paper);border-radius:11px;align-items:center;gap:13px;padding:14px;display:flex}.privacy-list>div>svg{color:var(--mint)}.privacy-list span{display:grid}.privacy-list small{color:var(--text-muted)}.profile-side{flex-direction:column;grid-area:1/2/span 2;gap:12px;display:flex}.profile-role-card{border-radius:var(--radius);color:#fff;background:linear-gradient(145deg,#26204d,#6a4ee8);padding:26px}.profile-role-card>svg{background:#ffffff1f;border-radius:13px;width:48px;height:48px;padding:12px}.profile-role-card .eyebrow{color:#c1b8ff;margin-top:20px}.profile-role-card h2{margin-bottom:7px}.profile-role-card p:not(.eyebrow){color:#ffffffab;font-size:.8rem;line-height:1.6}.admin-entry{color:#4d39bb;background:var(--violet-soft);border:1px solid #dcd5ff;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.admin-entry>span{display:grid}.admin-entry small{color:#756aa4}.logout-button{color:#b63b3b;cursor:pointer;background:#fff4f2;border:1px solid #efc7c3;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:46px;font-weight:700;display:flex}.profile-id{color:#aaa69d;text-align:center}.studio-page{background:#f3f0ea;min-height:72vh;padding:48px 0 90px}.studio-page__inner>.back-link{margin-bottom:22px}.studio-header{border-bottom:1px solid #d9d5cc;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;padding-bottom:26px;display:flex}.studio-header h1{letter-spacing:-.045em;margin-bottom:6px;font-size:clamp(2rem,4vw,3.5rem)}.studio-header p:not(.eyebrow){color:var(--text-muted);margin:0}.application-layout{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;grid-template-columns:.8fr 1.2fr;display:grid;overflow:hidden}.application-intro{color:#fff;background:linear-gradient(145deg,#171923,#3b2b8b);padding:42px}.application-intro__icon{background:#ffffff1a;border-radius:17px;place-items:center;width:62px;height:62px;display:grid}.application-intro .eyebrow{color:#afa2ff;margin-top:30px}.application-intro h2{margin-bottom:15px;font-size:2rem;line-height:1.3}.application-intro>p:not(.eyebrow){color:#ffffffb3;line-height:1.7}.application-intro ul{gap:10px;margin:26px 0 0;padding:0;list-style:none;display:grid}.application-intro li{color:#ffffffd4;align-items:center;gap:9px;font-size:.82rem;display:flex}.application-intro li svg{color:#6ee3d4;width:17px}.application-form{padding:38px}.application-state{border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;background:#fff;justify-items:center;padding:80px 30px;display:grid}.application-state>span{width:70px;height:70px;color:var(--violet);background:var(--violet-soft);border-radius:50%;place-items:center;display:grid}.application-state .eyebrow{margin-top:22px}.application-state h2{margin-bottom:8px}.application-state>p:not(.eyebrow){max-width:600px;color:var(--text-muted);line-height:1.7}.form-grid{gap:17px;display:grid}.form-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.input-prefix{background:#f5f3ef;border:1px solid #d8d4cb;border-radius:10px;align-items:center;display:flex;overflow:hidden}.input-prefix span{color:#929087;white-space:nowrap;padding-left:12px;font-size:.72rem}.input-prefix input{background:#fff;border:0;border-radius:0}.studio-metrics{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.studio-metrics>div{border:1px solid var(--border);border-radius:var(--radius);background:#fff;grid-template-columns:auto 1fr;align-items:center;gap:3px 13px;padding:21px;display:grid}.studio-metrics span{width:48px;height:48px;color:var(--violet);background:var(--violet-soft);border-radius:12px;grid-row:1/span 2;place-items:center;display:grid}.studio-metrics>div:nth-child(2) span{color:var(--coral);background:var(--coral-soft)}.studio-metrics>div:nth-child(3) span{color:var(--mint);background:var(--mint-soft)}.studio-metrics p{color:var(--text-muted);align-self:end;margin:0;font-size:.76rem}.studio-metrics strong{align-self:start;font-family:Space Grotesk,sans-serif;font-size:1.65rem}.studio-dashboard-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:22px;display:grid}.studio-comics,.studio-support-card,.editor-panel,.cover-uploader,.editor-episodes,.page-sorter{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:26px}.panel-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px;padding-bottom:18px;display:flex}.panel-heading h2{margin:0;font-size:1.35rem}.panel-heading h2 span{color:var(--text-muted);font-size:.85rem}.panel-heading p:not(.eyebrow){color:var(--text-muted);margin:5px 0 0;font-size:.78rem}.studio-comic-list{display:grid}.studio-comic-row{border-bottom:1px solid var(--border);grid-template-columns:54px minmax(0,1fr) auto 20px;align-items:center;gap:13px;padding:12px 6px;display:grid}.studio-comic-row:hover{background:var(--paper)}.studio-comic-row:last-child{border:0}.studio-comic-row__cover{color:#aaa69f;background:var(--surface-muted);border-radius:7px;place-items:center;width:54px;height:72px;display:grid;overflow:hidden}.studio-comic-row__cover img{object-fit:cover;width:100%;height:100%}.studio-comic-row>div:nth-child(2){min-width:0;display:grid}.studio-comic-row>div:nth-child(2) strong,.studio-comic-row>div:nth-child(2) span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-comic-row>div:nth-child(2) span{color:var(--text-muted);font-size:.72rem}.studio-comic-row>svg{color:#aaa69f}.status-pill{color:#6c685f;background:var(--surface-muted);white-space:nowrap;border-radius:99px;justify-content:center;padding:5px 9px;font-size:.67rem;font-weight:700;display:inline-flex}.status-pill--pending,.status-pill--pending_review{color:#8a6200;background:var(--amber-soft)}.status-pill--published,.status-pill--approved,.status-pill--active{color:#087668;background:var(--mint-soft)}.status-pill--rejected,.status-pill--suspended{color:#b53939;background:var(--coral-soft)}.studio-support-card__head{align-items:center;gap:12px;display:flex}.studio-support-card__head>span{width:45px;height:45px;color:var(--coral);background:var(--coral-soft);border-radius:12px;place-items:center;display:grid}.studio-support-card__head h2{margin:0;font-size:1.25rem}.studio-support-card>p{color:var(--text-muted);margin:15px 0;font-size:.78rem;line-height:1.55}.support-request-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:9px 0;font-size:.78rem;display:flex}.support-mini-form{border-top:1px solid var(--border);padding-top:16px}.button-row{align-items:center;gap:12px;display:flex}.editor-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:22px;display:grid}.editor-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding-top:18px;display:flex}.cover-uploader{position:sticky;top:102px}.cover-uploader h2{margin-bottom:16px}.cover-uploader__preview{aspect-ratio:3/4;color:var(--text-muted);background:var(--paper);text-align:center;cursor:pointer;border:2px dashed #ccc7bd;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:7px;margin-bottom:17px;display:flex;position:relative;overflow:hidden}.cover-uploader__preview:hover{border-color:var(--violet)}.cover-uploader__preview.has-image{border-style:solid}.cover-uploader__preview>img{object-fit:cover;width:100%;height:100%}.cover-uploader__preview>svg{width:38px;height:38px;color:var(--violet)}.cover-uploader__preview>span:not(.upload-overlay){max-width:190px;font-size:.7rem}.cover-uploader__preview input,.page-dropzone input{opacity:0;width:1px;height:1px;position:absolute}.upload-overlay{color:#fff;background:#11131ab8;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.editor-episodes{margin-top:22px}.studio-episode-row{grid-template-columns:54px minmax(0,1fr) auto 20px}.studio-episode-row .episode-list__number{background:var(--paper);border-radius:10px;place-items:center;width:44px;height:44px;font-size:1rem;display:grid}.episode-editor{grid-template-columns:390px minmax(0,1fr);align-items:start;gap:22px;display:grid}.page-dropzone{min-height:160px;color:var(--text-muted);background:var(--paper);text-align:center;cursor:pointer;border:2px dashed #c9c3b8;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex;position:relative}.page-dropzone:hover{border-color:var(--violet);background:var(--violet-soft)}.page-dropzone>svg{color:var(--violet)}.page-dropzone>span{font-size:.7rem}.page-sorter__grid{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.page-thumb{aspect-ratio:3/4;background:var(--surface-muted);border-radius:9px;position:relative;overflow:hidden}.page-thumb img{object-fit:cover;width:100%;height:100%}.page-thumb>span{color:#fff;background:#11131abf;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.68rem;font-weight:700;display:grid;position:absolute;bottom:6px;left:6px}.page-thumb>button{color:#fff;opacity:0;cursor:pointer;background:#b42b2bdb;border:0;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;transition:opacity .18s;display:grid;position:absolute;top:6px;right:6px}.page-thumb:hover>button,.page-thumb>button:focus{opacity:1}.page-thumb>button svg{width:14px}.page-sorter__empty{color:#aaa69f;text-align:center;place-content:center;justify-items:center;min-height:300px;display:grid}.page-sorter__empty svg{width:48px;height:48px}.not-found{text-align:center;place-content:center;justify-items:center;min-height:650px;display:grid}.not-found__number{color:#0000;-webkit-text-stroke:2px #d6d0c6;font-family:Space Grotesk,sans-serif;font-size:clamp(7rem,19vw,15rem);font-weight:700;line-height:.8}.not-found .eyebrow{margin-top:30px}.not-found h1{letter-spacing:-.045em;max-width:690px;margin-bottom:10px;font-size:clamp(2rem,4vw,3.5rem)}.not-found>p:not(.eyebrow){max-width:560px;color:var(--text-muted)}.not-found>div:last-child{gap:10px;margin-top:18px;display:flex}.toast-stack{z-index:1000;gap:10px;width:min(380px,100vw - 40px);display:grid;position:fixed;bottom:20px;right:20px}.toast{color:#125d53;box-shadow:var(--shadow-lg);background:#edfcf8;border:1px solid #b9e4dc;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 13px;font-size:.82rem;display:grid}.toast--error{color:#a63535;background:#fff1ef;border-color:#f0beb9}.toast .icon-button{color:inherit}.admin-page{background:#f3f1ec;grid-template-columns:245px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{color:#e4e6eb;background:#15171f;flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.admin-brand{border-bottom:1px solid #30323d;align-items:center;gap:10px;padding:4px 7px 24px;display:flex}.admin-brand>span{background:var(--violet);border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.admin-brand>div{display:grid}.admin-brand small{color:#858a98;letter-spacing:.13em;font-family:Space Grotesk,sans-serif;font-size:.58rem}.admin-sidebar nav{gap:4px;margin-top:22px;display:grid}.admin-sidebar nav button{color:#9499a8;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;min-height:44px;padding:9px 11px;display:flex}.admin-sidebar nav button:hover,.admin-sidebar nav button.is-active{color:#fff;background:#292c36}.admin-sidebar nav button.is-active svg{color:#a797ff}.admin-sidebar nav button b{color:#fff;background:var(--coral);border-radius:99px;place-items:center;min-width:23px;height:23px;margin-left:auto;font-size:.65rem;display:grid}.admin-sidebar__privacy{background:#1e2029;border:1px solid #343743;border-radius:11px;gap:9px;margin-top:auto;padding:13px;display:flex}.admin-sidebar__privacy>svg{width:18px;color:var(--mint);flex:none}.admin-sidebar__privacy p{margin:0;display:grid}.admin-sidebar__privacy strong{font-size:.72rem}.admin-sidebar__privacy span{color:#818694;font-size:.62rem;line-height:1.5}.admin-back{color:#9297a5;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:13px;font-size:.72rem;display:flex}.admin-back svg{transform:rotate(180deg)}.admin-main{min-width:0;padding:38px clamp(24px,4vw,58px) 80px}.admin-main__header{border-bottom:1px solid #d8d4ca;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px;padding-bottom:24px;display:flex}.admin-main__header h1{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,3.5vw,3rem)}.admin-metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.admin-metrics>div{border:1px solid var(--border);background:#fff;border-radius:14px;grid-template-columns:auto 1fr;gap:2px 12px;padding:20px;display:grid}.admin-metrics>div>span{width:43px;height:43px;color:var(--violet);background:var(--violet-soft);border-radius:11px;grid-row:1/span 3;place-items:center;display:grid}.admin-metrics>div:nth-child(2)>span{color:var(--mint);background:var(--mint-soft)}.admin-metrics>div:nth-child(3)>span{color:var(--coral);background:var(--coral-soft)}.admin-metrics>div:nth-child(4)>span{color:#8a6200;background:var(--amber-soft)}.admin-metrics p{color:var(--text-muted);margin:0;font-size:.7rem}.admin-metrics strong{font-family:Space Grotesk,sans-serif;font-size:1.7rem}.admin-metrics small{color:#9a978f;font-size:.62rem}.admin-panel{border:1px solid var(--border);border-radius:var(--radius);background:#fff;margin-bottom:18px;padding:24px}.site-content-editor{gap:18px;display:grid}.site-content-editor>.panel-heading{margin-bottom:0}.site-content-section{background:#fbfaf7;border:1px solid #e7e1d7;border-radius:14px;gap:18px;padding:22px;display:grid}.site-content-section__heading{border-bottom:1px solid #e7e1d7;align-items:center;gap:12px;padding-bottom:15px;display:flex}.site-content-section__heading>svg{width:38px;height:38px;color:var(--violet);background:var(--violet-soft);border-radius:10px;flex:none;padding:9px}.site-content-section__heading h3,.site-content-section__heading p{margin:0}.site-content-section__heading p{color:var(--text-muted);font-size:.72rem}.site-content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.site-content-grid__wide{grid-column:1/-1}.site-content-image-row{grid-template-columns:minmax(280px,.8fr) minmax(280px,1.2fr);align-items:center;gap:18px;display:grid}.site-content-image-preview{aspect-ratio:16/9;color:var(--text-muted);background:#eeeae3;border:1px dashed #bdb6aa;border-radius:13px;place-items:center;display:grid;overflow:hidden}.site-content-image-preview img{object-fit:cover;width:100%;height:100%}.site-content-image-preview span{align-items:center;gap:8px;font-size:.75rem;display:flex}.site-content-image-actions{align-content:center;gap:12px;display:grid}.site-content-image-actions>.button{cursor:pointer;width:fit-content}.site-content-image-actions>.button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.site-content-image-actions .text-button{justify-self:start}.site-content-footer{justify-content:space-between;align-items:center;gap:18px;padding-top:4px;display:flex}.site-content-footer>span{color:var(--text-muted);font-size:.7rem}.queue-summary{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.queue-summary button{border:1px solid var(--border);background:var(--paper);text-align:left;cursor:pointer;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:14px;display:grid}.queue-summary button:hover{border-color:var(--violet)}.queue-summary button>span{width:38px;height:38px;color:var(--violet);background:#fff;border-radius:10px;place-items:center;display:grid}.queue-summary button>div{display:grid}.queue-summary strong{font-size:1.2rem}.queue-summary small{color:var(--text-muted)}.queue-summary button>svg{color:#aaa69f;width:16px}.moderation-list{gap:11px;display:grid}.moderation-card{border:1px solid var(--border);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;padding:16px;display:grid}.moderation-card__icon{width:46px;height:46px;color:var(--violet);background:var(--violet-soft);border-radius:12px;place-items:center;display:grid}.moderation-card__meta{color:var(--text-muted);gap:12px;font-size:.65rem;display:flex}.moderation-card__meta span{color:var(--violet-deep);font-weight:700}.moderation-card h3{margin:2px 0 0}.moderation-card__body>p:not(.moderation-card__excerpt){color:var(--text-muted);margin:2px 0 0;font-size:.72rem}.moderation-card__excerpt{max-width:650px;color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0 0;font-size:.75rem;display:-webkit-box;overflow:hidden}.moderation-card__actions{gap:7px;display:flex}.moderation-links{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.moderation-links a{color:var(--violet-deep);align-items:center;gap:4px;font-size:.7rem;display:inline-flex}.moderation-links svg{width:12px}.queue-empty{color:#168374;background:var(--mint-soft);border-radius:9px;align-items:center;gap:8px;margin:0;padding:14px;font-size:.78rem;display:flex}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.78rem}.admin-table th{border-bottom:1px solid var(--border);color:var(--text-muted);text-align:left;text-transform:uppercase;letter-spacing:.05em;padding:11px 12px;font-size:.68rem}.admin-table td{white-space:nowrap;border-bottom:1px solid #eeeae3;padding:13px 12px}.admin-table td:first-child{align-items:center;display:flex}.role-chip,.yes-no{color:var(--text-muted);align-items:center;gap:5px;font-size:.7rem;display:inline-flex}.role-chip svg,.yes-no svg{width:14px}.role-chip--admin{color:var(--violet-deep)}.yes-no--yes{color:#087668}.protected-loading{padding-block:100px}.spin{animation:.75s linear infinite spin}.spin-slow{animation:2.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1120px){.site-header__inner{gap:16px}.desktop-nav{display:none}.comic-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.catalog-results .comic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero__inner{grid-template-columns:1fr 260px;gap:40px}.creator-profile__inner{grid-template-columns:auto 1fr}.creator-support{grid-column:1/-1}.admin-metrics,.queue-summary{grid-template-columns:repeat(2,1fr)}.moderation-card{grid-template-columns:auto 1fr}.moderation-card__actions{grid-column:2}}@media (width<=900px){.container{width:min(100% - 30px,1240px)}.section{padding-block:55px}.site-header__inner{min-height:68px}.header-search{margin-left:auto}.creator-cta,.account-menu__name{display:none}.comic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{min-height:auto}.hero__art{opacity:.55;inset:0}.hero__art:after{background:linear-gradient(90deg,#302279 0%,#302279cc 52%,#30227966 100%)}.hero__inner{grid-template-columns:minmax(0,1fr) 210px;min-height:590px}.hero h1{font-size:clamp(2.5rem,7vw,4.2rem)}.genre-band__inner{grid-template-columns:1fr;gap:28px}.creator-banner{grid-template-columns:auto 1fr}.creator-banner>.button{grid-column:2;justify-self:start}.site-footer__grid{grid-template-columns:repeat(2,1fr)}.catalog-layout{grid-template-columns:1fr}.filter-panel{position:static}.filter-panel fieldset{padding-bottom:12px}.filter-options{flex-wrap:wrap;display:flex}.filter-options button{border:1px solid var(--border);border-radius:99px;min-height:35px}.filter-panel__title,.filter-panel__note{display:none}.catalog-results .comic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.comic-detail__summary{grid-template-columns:220px 1fr;gap:35px}.comic-detail__body{grid-template-columns:1fr}.creator-card{max-width:500px;position:static}.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{min-height:100vh}.studio-dashboard-grid,.editor-layout,.episode-editor{grid-template-columns:1fr}.studio-support-card{grid-row:auto}.cover-uploader{position:static}.profile-layout{grid-template-columns:1fr}.profile-side{grid-area:auto/1}.admin-page{grid-template-columns:1fr}.admin-sidebar{flex-direction:row;align-items:center;height:auto;padding:12px 15px;position:static}.admin-brand{border:0;padding:0 15px 0 0}.admin-sidebar nav{margin:0;display:flex}.admin-sidebar__privacy,.admin-back{display:none}}@media (width<=680px){body{padding-bottom:68px}:is(body:has(.reader),body:has(.auth-page),body:has(.admin-page)){padding-bottom:0}.container{width:min(100% - 24px,1240px)}.site-header__inner{gap:10px}.site-header .brand__word,.header-search{display:none}.site-header__inner>.button,.account-menu{margin-left:auto}.mobile-nav{z-index:150;height:68px;padding:5px 6px calc(5px + env(safe-area-inset-bottom));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:#858890;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.62rem;display:flex}.mobile-nav a svg{width:20px;height:20px}.mobile-nav a.active{color:var(--violet-deep);background:var(--violet-soft)}.site-footer{padding-bottom:90px}.site-footer__grid{grid-template-columns:1fr;gap:28px}.site-footer__bottom{flex-direction:column;align-items:flex-start;gap:5px}.section{padding-block:44px}.section-heading{flex-direction:column;align-items:start;gap:10px}.section-heading .text-link{align-self:flex-end}.comic-grid,.catalog-results .comic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.comic-card__meta span:last-child{display:none}.hero__art{inset:0}.hero__art:after{background:linear-gradient(#30227952 0%,#302279de 35%,#302279 100%)}.hero__inner{grid-template-columns:1fr;align-items:end;min-height:630px;padding-block:150px 45px}.hero__copy{z-index:2;position:relative}.hero__cover{opacity:.9;width:125px;position:absolute;top:40px;right:18px}.hero h1{font-size:clamp(2.4rem,13vw,3.5rem)}.hero__english,.hero__synopsis{font-size:.9rem}.hero__stats span{padding-inline:12px}.genre-band{padding-block:42px}.genre-pill{padding:10px 14px;font-size:.8rem}.creator-banner{grid-template-columns:1fr;padding:28px 22px}.creator-banner>.button{grid-column:auto}.continue-grid{grid-template-columns:1fr}.catalog-hero{padding:45px 0 38px}.catalog-hero h1{font-size:2.55rem}.catalog-search{min-height:54px;padding-left:15px}.catalog-search .button{width:46px;padding:0;font-size:0}.catalog-search .button:after{content:"→";font-size:1rem}.catalog-layout{gap:20px;padding-block:28px 60px}.catalog-toolbar{flex-direction:column;align-items:flex-start}.catalog-toolbar label,.catalog-toolbar select{width:100%}.comic-detail__hero-inner{padding-block:20px 45px}.comic-detail__summary{grid-template-columns:100px 1fr;align-items:start;gap:16px}.comic-detail__cover{border-radius:10px}.comic-detail__copy h1{font-size:2rem}.comic-detail__english,.comic-detail__copy .eyebrow{display:none}.comic-detail__synopsis,.comic-detail__copy .chip-row{grid-column:1/-1}.comic-detail__summary{position:relative}.comic-detail__copy{display:contents}.comic-detail__copy h1,.comic-detail__copy .byline{grid-column:2}.comic-detail__synopsis{margin:14px 0 0;font-size:.86rem}.comic-detail__actions{grid-column:1/-1}.comic-detail__actions .button{flex:1}.comic-detail__stats{grid-column:1/-1;gap:10px 16px;margin-top:8px}.comic-detail__body{gap:34px;padding-block:35px 60px}.episode-heading{flex-direction:column;align-items:start}.episode-list a{grid-template-columns:38px minmax(0,1fr) auto;gap:8px}.episode-list__arrow{display:none}.creator-profile{padding:55px 0 42px}.creator-profile__inner{text-align:center;grid-template-columns:1fr;justify-items:center}.avatar--creator{width:100px;height:100px}.creator-profile__copy h1,.creator-profile__stats{justify-content:center}.creator-support{text-align:left;width:100%}.creator-contact-note{grid-template-columns:auto 1fr}.creator-contact-note .button{grid-column:1/-1}.reader-toolbar{grid-template-columns:minmax(0,1fr) auto;padding-inline:8px}.reader-toolbar__progress,.reader-login,.reader-user,.reader-toolbar__actions .reader-icon:first-of-type{display:none}.reader-toolbar__left>div a{max-width:180px}.reader-pages,.reader--wide .reader-pages{width:100%}.reader-end{padding-bottom:100px}.reader-end__nav,.content-warning>div{flex-direction:column}.auth-panel{padding:78px 20px 60px}.auth-panel>.back-link{left:20px}.auth-security{margin-top:38px;position:static}.subpage-hero{padding:45px 0}.subpage-hero__inner{flex-direction:column;align-items:flex-start}.subpage-hero__stat{width:100%}.tab-list{justify-content:start;overflow-x:auto}.tab-list button{flex:none}.history-card{grid-template-columns:60px 1fr}.history-card>img{width:60px}.history-card>.button{grid-column:1/-1}.profile-identity{align-items:flex-start}.avatar--profile{width:70px;height:70px}.verified-chip{font-size:.68rem}.settings-panel{padding:20px}.studio-page{padding-top:30px}.studio-header{flex-direction:column;align-items:flex-start}.application-layout{grid-template-columns:1fr}.application-intro,.application-form{padding:27px 22px}.form-grid--2,.studio-metrics{grid-template-columns:1fr}.studio-comic-row{grid-template-columns:46px minmax(0,1fr) auto}.studio-comic-row>.status-pill{grid-column:2;justify-self:start}.studio-comic-row>svg{display:none}.editor-panel,.cover-uploader,.editor-episodes,.page-sorter,.studio-comics,.studio-support-card{padding:20px}.editor-actions{flex-direction:column;align-items:stretch}.page-sorter__grid{grid-template-columns:repeat(3,1fr)}.admin-sidebar{overflow-x:auto}.admin-brand div{display:none}.admin-sidebar nav button{flex:none;font-size:.72rem}.admin-sidebar nav button svg{width:17px}.admin-main{padding:26px 14px 60px}.admin-main__header{flex-direction:column;align-items:flex-start}.admin-metrics,.queue-summary{grid-template-columns:1fr 1fr}.site-content-grid,.site-content-image-row{grid-template-columns:1fr}.site-content-grid__wide{grid-column:auto}.site-content-footer{flex-direction:column;align-items:stretch}.moderation-card{grid-template-columns:1fr}.moderation-card__icon{display:none}.moderation-card__actions{flex-direction:column;grid-column:1}.toast-stack{bottom:82px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}