.manga-wrap{max-width:60rem}.mg-head{display:flex;gap:var(--s-6);align-items:flex-start;padding-top:var(--s-5)}.mg-cover{flex:none;width:15rem;aspect-ratio:7 / 10;position:relative;border:1px solid var(--rule);border-radius:var(--r-md);overflow:hidden;background:var(--paper-sunk);box-shadow:var(--shadow-md)}.mg-cover img{width:100%;height:100%;object-fit:cover;display:block}.mg-cover>.cover{position:absolute;inset:0;aspect-ratio:auto;background:none}.mg-cover-off{position:absolute;inset:0;display:grid;place-items:center;color:var(--ink-faint);font-size:var(--t-xs);text-align:center;padding:var(--s-4)}.mg-facts{flex:1;min-width:0}.mg-facts h1{margin:0 0 var(--s-2);font-size:var(--t-xl);line-height:1.2}.mg-series{margin:0 0 var(--s-2);font-size:var(--t-sm);color:var(--ink-soft)}.mg-by{margin:0 0 var(--s-2);font-size:var(--t-sm);color:var(--ink-soft)}.mg-line{margin:0 0 var(--s-5);font:var(--t-xs) var(--font-mono);color:var(--ink-faint)}.mg-actions,.mg-row{display:flex;align-items:center;gap:var(--s-2) var(--s-3);flex-wrap:wrap}.mg-row{margin-top:var(--s-3)}.mg-row:not(:has(>:not([hidden]))){display:none}.mg-out{display:contents}.mg-out>:first-child:not([hidden]),.mg-out>[hidden]+:not([hidden]){margin-inline-start:auto}.mg-read{display:inline-flex;align-items:center;gap:var(--s-2);min-height:42px;padding:0 var(--s-5) 0 var(--s-4);font-weight:650;letter-spacing:.01em;text-decoration:none}.mg-read .ic{width:19px;height:19px;flex:none}.mg-out>.btn,.mg-make>.btn{min-height:38px;padding:0 var(--s-4);font-size:var(--t-sm)}.mg-own>.btn{min-height:30px;padding:0 var(--s-3);font-size:var(--t-xs);font-weight:600}.mg-settings{margin-top:var(--s-4);border-top:1px solid var(--rule);padding-top:var(--s-3)}.mg-settings:not(:has(>.mg-sharing:not([hidden]))){display:none}.mg-settings-head{display:flex;align-items:baseline;gap:var(--s-2);flex-wrap:wrap;cursor:pointer;list-style:none;font-size:var(--t-sm);font-weight:600;color:var(--ink-soft)}.mg-settings-head::-webkit-details-marker{display:none}.mg-settings-head::before{content:"";flex:none;align-self:center;width:7px;height:7px;margin-inline-end:2px;border-inline-end:1.8px solid currentcolor;border-block-end:1.8px solid currentcolor;transform:rotate(-45deg);transition:transform var(--dur-s, .2s) var(--ease)}.mg-settings[open]>.mg-settings-head::before{transform:rotate(45deg)}.mg-settings-head:hover{color:var(--ink)}.mg-settings-now{font-size:var(--t-xs);font-weight:400;color:var(--ink-faint)}.mg-settings>.mg-sharing{border-top:0}.mg-like{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--rule);border-radius:var(--r-full);cursor:pointer;padding:var(--s-2) var(--s-4);background:var(--paper-raised);color:var(--ink-soft);font:600 var(--t-xs) var(--font);transition:color .12s,border-color .12s,background .12s}.mg-like:hover{color:var(--accent);border-color:currentcolor}.mg-like[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);border-color:transparent}.mg-like:disabled{opacity:.6;cursor:progress}.mg-views{font:var(--t-xs) var(--font-mono);color:var(--ink-faint)}.mg-from,.mg-chapters,.mg-pages{margin-top:var(--s-7)}.mg-from h2,.mg-chapters h2,.mg-pages h2{margin:0 0 var(--s-3);font-size:var(--t-sm);font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-faint)}.mg-from p{margin:0;max-width:44rem;color:var(--ink-soft);font-size:var(--t-sm);line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.mg-note{color:var(--ink-faint);font-size:var(--t-sm);margin:0}.mg-from .mg-version-kind{margin-top:var(--s-4);color:var(--ink-faint)}.mg-from #mg-version-note{margin-top:var(--s-2)}.mg-chapter-list{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-2)}.mg-chapter{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);border:1px solid var(--rule);background:var(--paper-raised);color:var(--ink);text-decoration:none;transition:border-color .12s,transform .12s}.mg-chapter:hover{border-color:var(--accent);transform:translateX(2px)}.mg-chapter[aria-current=page]{background:var(--accent-soft);border-color:transparent}.mg-chapter-no{flex:none;font:600 var(--t-xs) var(--font-mono);color:var(--accent)}.mg-chapter-title{flex:1;min-width:0;font-size:var(--t-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mg-chapter-pages{flex:none;font:var(--t-xs) var(--font-mono);color:var(--ink-faint)}.mg-thumbs{display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.mg-thumb{position:relative;display:block;aspect-ratio:7 / 10;overflow:hidden;border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--paper-sunk);transition:border-color .12s,transform .12s}.mg-thumb:hover{border-color:var(--accent)}.mg-thumb>.cover{position:absolute;inset:0;aspect-ratio:auto;background:none}.mg-thumb img{width:100%;height:100%;object-fit:cover;display:block}.mg-thumb-n{position:absolute;inset-block-end:0;inset-inline-start:0;padding:1px 5px;font:600 10px var(--font-mono);background:var(--paper-raised);color:var(--ink-soft);border-start-end-radius:var(--r-sm)}.mg-say{min-height:1.4em;margin-top:var(--s-5)}.mg-cover[data-state=coming]{background:linear-gradient(110deg,var(--paper-sunk) 35%,color-mix(in srgb,var(--paper-raised) 75%,var(--paper-sunk)) 50%,var(--paper-sunk) 65%);background-size:250% 100%;animation:mg-coming 2.6s var(--ease) infinite}@keyframes mg-coming{from{background-position:100% 0}to{background-position:-150% 0}}.mg-cover[data-state=coming] .muse{font-size:var(--t-md)}.mg-cover[data-state=coming] .muse-sentence{font-size:var(--t-sm);flex-direction:column;align-items:center;gap:var(--s-2);width:100%}.mg-cover .muse-sentence .muse-spark{width:1.1em;height:1.1em;margin:0}.mg-cover .muse-sentence .muse-slot{width:100%;justify-items:center}.mg-cover .muse-sentence .muse-word{justify-self:center;text-align:center;text-wrap:balance}.mg-cover[data-state=stopped]{box-shadow:none}.mg-cover[data-state=stopped] .mg-cover-off{color:var(--ink-soft);font-size:var(--t-sm);font-weight:600}.mg-way{display:grid;gap:var(--s-3);max-width:30rem;margin:0 0 var(--s-5);padding:var(--s-3) var(--s-4);background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--r-md)}html[data-plate=on] .mg-way{background:color-mix(in srgb,var(--paper-raised) 82%,transparent);backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.08)}.mg-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-2);margin:0;padding:0;list-style:none}.mg-steps li{position:relative;padding-top:var(--s-3);font-size:var(--t-xs);color:var(--ink-faint)}.mg-steps li::before{content:"";position:absolute;top:0;inset-inline:0;height:4px;border-radius:var(--r-full);background:color-mix(in srgb,var(--ink-faint) 22%,transparent)}.mg-steps li[data-state=done]{color:var(--ink-soft)}.mg-steps li[data-state=done]::before{background:var(--accent)}.mg-steps li[data-state=now]{color:var(--ink);font-weight:600}.mg-steps li[data-state=now]::before{background:linear-gradient(90deg,var(--accent) 0 40%,color-mix(in srgb,var(--accent) 35%,transparent) 60% 100%);background-size:250% 100%;animation:mg-now 1.8s var(--ease) infinite alternate}@keyframes mg-now{from{background-position:100% 0}to{background-position:0 0}}.mg-way-bar{display:block;position:relative;overflow:hidden;height:4px;border-radius:var(--r-full);background:color-mix(in srgb,var(--ink-faint) 22%,transparent)}.mg-way-bar>span{position:absolute;inset:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform-origin:0 50%;transform:scaleX(var(--p, 0));transition:transform var(--dur-l) var(--ease)}.mg-way-bar[data-unknown="1"]>span{width:34%;transform:none;animation:mg-glint 1.7s var(--ease) infinite}@keyframes mg-glint{from{translate:-100% 0}to{translate:300% 0}}.mg-way-say{margin:0;min-height:1.4em;color:var(--ink-soft);font-size:var(--t-sm)}.mg-way[data-state=stopped] .mg-way-say{color:var(--ink)}@media(prefers-reduced-motion:reduce){.mg-cover[data-state=coming],.mg-steps li::before,.mg-way-bar>span{animation:none!important}}@media(max-width:640px){.mg-head{flex-direction:column;gap:var(--s-4)}.mg-cover{width:100%;max-width:15rem}.mg-thumbs{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}}.mg-lineage{margin:var(--s-2) 0 0;font-size:var(--t-sm);color:var(--ink-soft)}.mg-versions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2);margin:0 0 var(--s-3)}.mg-versions-word{font:600 var(--t-xs) var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-inline-end:var(--s-1)}.mg-version{display:inline-flex;align-items:center;gap:.35em;padding:.2em .75em;border-radius:var(--r-full);border:1px solid var(--rule);background:var(--paper-raised);font:600 var(--t-xs) var(--font-mono);color:var(--ink);text-decoration:none;transition:border-color .12s,background .12s}.mg-version:hover{border-color:var(--accent)}.mg-version[aria-current=page]{background:var(--accent-soft);border-color:transparent}button.mg-version{cursor:pointer;font-family:var(--font-mono)}.mg-version[aria-pressed=true]{background:var(--accent-soft);border-color:transparent}.mg-continue-from{margin:0}.mg-version[data-chosen="1"]::after{content:"";width:.45em;height:.45em;border-radius:50%;background:var(--ok)}.mg-revise-form{margin-top:var(--s-4);padding:var(--s-4);border:1px solid var(--rule);border-radius:var(--r-md);background:var(--paper-raised);display:grid;gap:var(--s-3)}.mg-revise-label{font-size:var(--t-sm);font-weight:600}.mg-revise-form textarea{width:100%;min-height:4.5em;resize:vertical;font:inherit;font-size:max(16px,var(--t-sm));padding:var(--s-3);border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--paper);color:var(--ink)}.mg-revise-row{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.mg-revise-say{font-size:var(--t-sm);color:var(--ink-soft)}.mg-revise-note{margin:0;font-size:var(--t-xs);color:var(--ink-faint)}.mg-sharing{display:flex;gap:var(--s-4);flex-wrap:wrap;align-items:center;margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--rule)}.mg-switch{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--t-sm);color:var(--ink-soft);cursor:pointer}.mg-switch input{appearance:none;margin:0;flex:none;cursor:pointer;width:2.2rem;height:1.2rem;border-radius:999px;border:1px solid var(--rule);background:var(--paper-sunk);position:relative;transition:background .15s ease,border-color .15s ease}.mg-switch input::after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:3px;width:.85rem;height:.85rem;border-radius:50%;background:var(--ink-faint);transform:translateY(-50%);transition:inset-inline-start .15s ease,background .15s ease}.mg-switch input:checked{background:var(--accent);border-color:var(--accent)}.mg-switch input:checked::after{inset-inline-start:calc(100% - 1.1rem);background:var(--paper)}.mg-sharing-say{font-size:var(--t-xs);color:var(--ink-faint);flex:1 1 100%}.mg-words{flex:1 1 100%;display:grid;gap:var(--s-2);padding-top:var(--s-3);border-top:1px dashed var(--rule)}.mg-words-head{margin:0;font-size:var(--t-xs);font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint)}.mg-words-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-3)}.mg-words-follow{font-size:var(--t-xs);color:var(--ink-faint)}.mg-lock{display:inline-flex;align-items:center;gap:6px;padding:2px 4px 2px 10px;border-radius:999px;font-size:var(--t-xs);font-weight:600;color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.mg-lock-ic{width:15px;height:15px;flex:none}.mg-unlock{padding:2px 10px;font-size:var(--t-xs);min-height:0}.mg-words-say{margin:0;font-size:var(--t-xs);color:var(--ink-faint);min-height:1em}.mg-edition-form{display:grid;gap:var(--s-3);margin-top:var(--s-3);padding:var(--s-3);border:1px solid var(--rule);border-radius:var(--r-md);background:var(--paper-raised)}.mg-ed-row{display:flex;gap:var(--s-2);align-items:center;flex-wrap:wrap}.mg-ed-pick{font:inherit;font-size:var(--t-sm);padding:var(--s-1) var(--s-3);border:1px solid var(--rule);border-radius:999px;background:transparent;color:var(--ink-soft);cursor:pointer;min-height:34px}.mg-ed-pick:hover{border-color:var(--accent);color:var(--ink)}.mg-ed-pick[aria-pressed=true]{background:var(--accent);color:var(--paper);border-color:transparent}#mg-ed-lang{flex:1 1 12rem;min-width:0;padding:var(--s-2);border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--paper);color:var(--ink);font-size:max(16px,var(--t-sm))}.mg-ed-cost{margin:0;font-size:var(--t-sm);color:var(--ink-faint)}.mg-dl{width:min(860px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);padding:0;border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--paper-raised);color:var(--ink);box-shadow:var(--shadow-md);overflow:hidden}.mg-dl::backdrop{background:rgb(8 6 12 / .55);backdrop-filter:blur(3px)}.mg-dl[open]{animation:mg-dl-in .22s cubic-bezier(.2,.7,.2,1)}@keyframes mg-dl-in{from{opacity:0;transform:translateY(10px) scale(.985)}}.mg-dl-in{display:grid;gap:var(--s-4);padding:var(--s-4) var(--s-5) var(--s-5);max-height:calc(100dvh - 2rem - 2px);box-sizing:border-box;overflow:auto;scrollbar-width:thin}.mg-dl-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.mg-dl-head h2{margin:0;font-size:var(--t-lg)}.mg-dl-x{flex:none;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--paper-sunk);color:var(--ink-soft);cursor:pointer}.mg-dl-x:hover{color:var(--ink)}.mg-dl-x svg{width:18px;height:18px}.mg-dl-body{display:grid;grid-template-columns:minmax(0,290px) minmax(0,1fr);gap:var(--s-5);align-items:start}.mg-dl-preview{margin:0;display:grid;gap:var(--s-2)}.mg-dl-preview canvas{display:block;width:100%;height:auto;border-radius:var(--r-md);background:var(--paper-sunk);box-shadow:var(--shadow-md);transition:opacity .2s ease,filter .2s ease}.mg-dl-preview[data-off="1"] canvas{opacity:.3;filter:grayscale(.7)}.mg-dl-preview figcaption{font-size:var(--t-xs);color:var(--ink-soft);line-height:1.45}.mg-dl-side{display:grid;gap:var(--s-3);align-content:start}.mg-dl-lead{margin:0;color:var(--ink-soft);line-height:1.5}.mg-dl-note{margin:0;font-size:var(--t-xs);color:var(--ink-faint);line-height:1.5}.mg-dl-note:empty{display:none}.mg-dl-go-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);margin-top:var(--s-2)}.mg-dl-say{font-size:var(--t-sm);color:var(--ink-soft)}.mg-dl-bar{display:block;height:6px;border-radius:999px;background:var(--paper-sunk);overflow:hidden}.mg-dl-bar i{display:block;height:100%;width:calc(var(--p, 0) * 100%);background:var(--accent);transition:width .2s ease}.mg-dl-bg{flex-wrap:wrap}.mg-dl-bg-thumb{width:64px;height:40px;object-fit:cover;border-radius:var(--r-sm);flex:none;box-shadow:var(--shadow-sm, 0 1px 3px rgb(0 0 0 / .25));background:var(--paper-sunk);transition:opacity .2s var(--ease, ease),filter .2s var(--ease, ease),transform .2s var(--ease, ease)}.mg-dl-bg[data-off="1"] .mg-dl-bg-thumb{opacity:.35;filter:grayscale(.8);transform:scale(.94)}.mg-dl-foot{margin:calc(var(--s-2) * -1) 0 0;font-size:.68rem;line-height:1.4;color:var(--ink-faint);opacity:.85}@media(max-width:640px){.mg-dl-body{grid-template-columns:minmax(0,1fr)}.mg-dl-preview{width:min(240px,70%);justify-self:center}.mg-dl-in{padding:var(--s-4)}}@media(prefers-reduced-motion:reduce){.mg-dl[open]{animation:none}}.mg-share{width:min(560px,calc(100vw - 2rem))}.mg-share-card{margin:0;display:grid;gap:var(--s-1)}.mg-share-card img{display:block;width:100%;height:auto;aspect-ratio:1200 / 630;object-fit:cover;border-radius:var(--r-md);box-shadow:var(--shadow-md);background:var(--paper-sunk)}.mg-share-card figcaption{font-size:var(--t-xs);color:var(--ink-faint)}.mg-share-link-row{display:flex;gap:var(--s-2);align-items:center}.mg-share-link{flex:1 1 auto;min-width:0;padding:var(--s-2) var(--s-3);border:1px solid var(--rule);border-radius:var(--r-md);background:var(--paper);color:var(--ink);font:var(--t-sm) var(--font-mono);font-size:max(16px,var(--t-sm))}.mg-share-targets{display:flex;flex-wrap:wrap;gap:var(--s-2)}.mg-share-to{display:inline-flex;align-items:center;gap:7px;padding:var(--s-1) var(--s-3) var(--s-1) var(--s-2);font-size:var(--t-sm);text-decoration:none;--brand: var(--ink)}.mg-share-to .ic{width:17px;height:17px;flex:none;color:var(--ink-soft);transition:color .2s var(--ease, ease)}.mg-share-to:is(:hover,:focus-visible,[data-held]) .ic{color:var(--brand)}.mg-share-to[data-site=facebook]{--brand: #1877f2}.mg-share-to[data-site=reddit]{--brand: #ff4500}.mg-share-to[data-site=bluesky]{--brand: #1185fe}.mg-share-to[data-site=whatsapp]{--brand: #25d366}.mg-share-to[data-site=line]{--brand: #06c755}.mg-share-to[data-site=telegram]{--brand: #26a5e4}@media(max-width:480px){.mg-share-link-row{flex-wrap:wrap}.mg-share-link-row .btn{flex:1 1 auto}}
