/* Moonverse / Nocturne. Ink, moonlight, and compact editorial hierarchy. */
:root,:root.light,:root.theme-light{
 --background:#ffffff;--foreground:#282c34;--card:#ffffff;--card-foreground:#282c34;--popover:#ffffff;--popover-foreground:#282c34;
 --muted:#f1f2f4;--muted-foreground:#505561;--border:#dfe2e7;--input:#c7cbd3;--ring:#5d55a8;
 --primary:#5d55a8;--primary-foreground:#ffffff;--accent:#f0eef9;--accent-foreground:#4f478f;--secondary:#f5f4fa;--secondary-foreground:#4f478f;
 --mv-mint:#286c63;--mv-rose:#9f4263;--mv-gold:#8b5e22;--mv-surface:#ffffff;--mv-surface-raised:#ffffff;
 --mv-canvas-glow:transparent;--mv-edge:#ffffff;--mv-inset:#f7f8fa;--mv-shadow-ink:#24283b;
 --mv-shadow-sm:0 1px 2px #24283b08,0 3px 8px #24283b06;
 --mv-shadow-md:0 2px 3px #24283b08,0 7px 20px #24283b09;
 --mv-shadow-lg:0 9px 25px #24283b19,0 25px 70px #24283b18;
 --mv-elevated:var(--mv-shadow-md);--mv-hairline:#ffffff;--mv-ui-font:'Plus Jakarta Sans',Inter,system-ui,sans-serif;
 --primary-hover:color-mix(in srgb,var(--primary) 86%,var(--foreground));--mv-wash:transparent;--mv-wash-secondary:transparent;--mv-display:Literata,Georgia,serif;--mv-moon:#e5c68d;--mv-label:#534394;
 --mv-hero-base:#202637;--mv-hero-end:#37344f;--mv-hero-ink:#fffaf0;--mv-hero-muted:#dbdbe8;--mv-hero-accent:#e9d4a4;
}
:root.dark,:root.dark.theme-dark{
 --background:#111620;--foreground:#efeef5;--card:#1b2230;--card-foreground:#efeef5;--popover:#232b3b;--popover-foreground:#efeef5;
 --muted:#2b3446;--muted-foreground:#b7bfce;--border:#394253;--input:#515b70;--ring:#c1b6f1;
 --primary:#c1b6f1;--primary-foreground:#29223e;--accent:#393149;--accent-foreground:#eee2ff;--secondary:#303248;--secondary-foreground:#e2d9f8;
 --mv-mint:#91d3c2;--mv-rose:#e7a5bf;--mv-gold:#e5c68d;--mv-surface:#1b2230;--mv-surface-raised:#263043;
 --mv-canvas-glow:#39395035;--mv-edge:#ffffff0c;--mv-inset:#151c28;--mv-shadow-ink:#02050c;
 --mv-shadow-sm:0 1px 2px #02050c35,0 3px 9px #02050c20;
 --mv-shadow-md:0 2px 4px #02050c35,0 8px 22px #02050c25;
 --mv-shadow-lg:0 9px 25px #02050c70,0 25px 70px #02050c70;
 --mv-hairline:#ffffff0c;--mv-label:#c9b9ff;--mv-hero-base:#202737;--mv-hero-end:#37334d;
}
:root.theme-midnight,:root.dark.theme-midnight{
 --background:#080f18;--foreground:#edf2fa;--card:#141f2d;--card-foreground:#edf2fa;--popover:#1b2a3b;--popover-foreground:#edf2fa;
 --muted:#26364b;--muted-foreground:#b0c0d5;--border:#344a62;--input:#4b6582;--ring:#b7c5fa;
 --primary:#b7c5fa;--primary-foreground:#192a43;--accent:#263c55;--accent-foreground:#e1edff;--secondary:#24344a;--secondary-foreground:#e1edff;
 --mv-mint:#8dd5c2;--mv-rose:#f0aec7;--mv-gold:#e5c68d;--mv-surface:#141f2d;--mv-surface-raised:#213247;
 --mv-canvas-glow:#23415c30;--mv-edge:#dceaff10;--mv-inset:#0d1724;--mv-shadow-ink:#01040a;
 --mv-shadow-sm:0 1px 2px #01040a45,0 4px 9px #01040a30;
 --mv-shadow-md:0 2px 4px #01040a50,0 8px 22px #01040a40;
 --mv-shadow-lg:0 9px 25px #01040a80,0 25px 70px #01040a80;
 --mv-hairline:#e3edff10;--mv-label:#bdcdfa;--mv-hero-base:#172a3e;--mv-hero-end:#303950;
}
/* Soft Cream Paper: near-white paper, charcoal text, and a restrained sage accent. */
:root.theme-sepia,:root.light.theme-sepia{
 --background:#faf9f6;--foreground:#292b24;--card:#fffefa;--card-foreground:#292b24;--popover:#fffefa;--popover-foreground:#292b24;
 --muted:#f0f0ea;--muted-foreground:#4f5247;--border:#dedfd6;--input:#c5c8bc;--ring:#59674b;
 --primary:#59674b;--primary-foreground:#ffffff;--accent:#edf0e8;--accent-foreground:#46553b;--secondary:#f2f4ee;--secondary-foreground:#46553b;
 --mv-mint:#3d6d5c;--mv-rose:#924e65;--mv-gold:#86652b;--mv-surface:#fffefa;--mv-surface-raised:#ffffff;
 --mv-canvas-glow:transparent;--mv-edge:#ffffff;--mv-inset:#f5f5f0;--mv-shadow-ink:#35392e;
 --mv-shadow-sm:0 1px 2px #35392e08,0 4px 9px #35392e06;
 --mv-shadow-md:0 2px 3px #35392e09,0 8px 20px #35392e09;
 --mv-shadow-lg:0 9px 25px #35392e16,0 25px 70px #35392e16;
 --primary-hover:color-mix(in srgb,var(--primary) 86%,var(--foreground));--mv-orchid:#819576;--mv-wash:transparent;--mv-wash-secondary:transparent;--mv-hairline:#ffffff;--mv-label:#3a4630;
 --mv-hero-base:#293029;--mv-hero-end:#3c4635;--mv-hero-ink:#fffdf7;--mv-hero-muted:#dce1d5;--mv-hero-accent:#e7d6af;
}
/* Canvas and navigation occupy their own level above content. */
body{background:radial-gradient(ellipse 750px 430px at 30% -60px,var(--mv-canvas-glow),transparent 85%),linear-gradient(150deg,color-mix(in srgb,var(--background) 90%,var(--card)),var(--background));background-attachment:fixed}
body::before{opacity:.018}
#root header:has(nav[aria-label=Primary]){background:color-mix(in srgb,var(--card) 94%,transparent);border-bottom:1px solid var(--border);box-shadow:0 1px 0 var(--mv-edge),0 5px 18px color-mix(in srgb,var(--mv-shadow-ink) 7%,transparent)}
#root nav[aria-label=Primary]{background:var(--mv-inset);border-color:color-mix(in srgb,var(--border) 85%,transparent);box-shadow:inset 0 1px 3px #00000008}
#root nav[aria-label=Primary] a{font-weight:600;font-family:var(--mv-ui-font);padding:6px 12px}
#root nav[aria-label=Primary] a[aria-current=page]{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground);box-shadow:0 2px 6px color-mix(in srgb,var(--primary) 20%,transparent)}
#root header button[aria-label='Search Moonverse']{background:var(--mv-inset);box-shadow:inset 0 1px 3px #00000008;border-color:var(--border)}
#root header :is(button[aria-label='Color Mode'],button[aria-label='User profile menu'],.mva-notification-trigger,.mvn-trigger){box-shadow:inset 0 1px 0 var(--mv-edge),var(--mv-shadow-sm)}
#root nav[aria-label=Mobile]{background:color-mix(in srgb,var(--popover) 97%,transparent);box-shadow:0 -4px 22px #00000012;border-top:1px solid var(--border)}
#root nav[aria-label=Mobile] a{border-radius:8px}
#root nav[aria-label=Mobile] a[aria-current=page]{background:var(--accent);color:var(--accent-foreground);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 20%,transparent)}
/* Page titles get a shallow, saturated signature masthead. */
#root main:not([data-reader=true]) h1{font-family:var(--mv-ui-font);font-weight:750;letter-spacing:-.045em;line-height:1.24}
#root main :is(.mva-heading h1,.mve-title-line h1,.mvd-intro h1,.mww-heading h1,.mv-rank-heading h1,.mvp-name-row h1){font-size:26px}
:is(.mva-heading,.mve-heading,.mvd-intro,.mww-heading,.mv-rank-heading){
 background:radial-gradient(ellipse 350px 210px at 95% -30%,#b397ff35,transparent 85%),linear-gradient(115deg,var(--mv-hero-base),var(--mv-hero-end));
 color:var(--mv-hero-ink);border:1px solid #aa8cdb45!important;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff20,var(--mv-shadow-md)
}
:is(.mva-heading,.mve-heading,.mvd-intro,.mww-heading,.mv-rank-heading)::before{opacity:.2;background-size:auto 170px}
:is(.mva-heading,.mve-heading,.mvd-intro,.mww-heading,.mv-rank-heading) :is(h1,h2,strong,dd){color:var(--mv-hero-ink)}
:is(.mva-heading,.mve-heading,.mvd-intro,.mww-heading,.mv-rank-heading) :is(p,small,dt,.mva-heading-links>span,.mww-balances>span){color:var(--mv-hero-muted)}
:is(.mva-heading,.mve-heading,.mvd-intro,.mww-heading,.mv-rank-heading) :is(.mva-eyebrow,.mve-kicker,.mvd-eyebrow,.mww-eyebrow){color:#e0caff;font-size:8px;letter-spacing:.18em}
:is(.mva-heading,.mve-heading,.mvd-intro,.mww-heading,.mv-rank-heading) a:not([class*='primary']){color:var(--mv-hero-accent)}
:is(.mva-heading,.mve-heading,.mvd-intro,.mww-heading,.mv-rank-heading) :is(.mva-primary,.mve-primary,.mww-primary){background:#e3d5ff!important;border-color:#e3d5ff!important;color:#2c1a48!important;box-shadow:0 2px 7px #00000025,inset 0 1px #ffffff60}
:is(.mva-heading,.mve-heading,.mww-heading) .mve-secondary{background:#ffffff0c;border-color:#ffffff40;color:#f4edff}
.mvd-stats>div,.mww-balances>span{background:#ffffff0a;border-color:#ffffff20;box-shadow:inset 0 1px #ffffff08}
/* Each content level is legible without adding height to cards. */
:is(.mv-index-featured,.mv-index-updates,.mv-index-popular,.mv-index-tags,.mvp-section,.mva-library-content .mva-toolbar,.mvc-catalog,.mv-rank-table){background:var(--card);border-color:var(--border);box-shadow:inset 0 1px 0 var(--mv-edge),var(--mv-shadow-md)}
:is(.mv-index-updates,.mv-index-popular,.mvp-section,.mva-ledger,.mva-redeem){border-top:2px solid color-mix(in srgb,var(--primary) 65%,var(--border))!important}
:is(.mv-index-section-head>h2,.mv-index-tags>h2,.mvp-section-heading h2,.mvd-directory-heading h2,.mva-bookmarks h2,.mv-series-section-title h2){font-family:var(--mv-ui-font);font-weight:750;letter-spacing:-.03em}
.mv-index-section-head>h2,.mv-index-tags>h2{font-size:16px}
.mv-index-featured{background:linear-gradient(120deg,color-mix(in srgb,var(--primary) 8%,var(--card)),var(--card));border-top:2px solid var(--primary)}
.mv-index-book h2{font-weight:650}
.mv-index-genre{background:var(--card);border-color:var(--border);box-shadow:var(--mv-shadow-sm);font-weight:600}
:is(.mve-book-cards,.mve-shelf,.mv-index-collection,.mww-item,.mvp-collection,.mva-collections .mv-library-collection){background:linear-gradient(150deg,var(--card),color-mix(in srgb,var(--card) 88%,var(--muted)));border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--mv-edge),var(--mv-shadow-sm);border-radius:10px;transition:border-color .16s,box-shadow .16s}
:is(.mve-book-cards,.mve-shelf,.mv-index-collection,.mww-item,.mvp-collection,.mva-collections .mv-library-collection):hover{border-color:color-mix(in srgb,var(--primary) 65%,var(--border));box-shadow:inset 0 1px 0 var(--mv-edge),var(--mv-shadow-md)}
.mve-book-covers .mve-cover,.mv-index-cover,.mvp-favorites .mvp-cover{box-shadow:0 2px 3px #00000015,0 7px 14px #00000022;border-color:color-mix(in srgb,var(--foreground) 15%,var(--border));border-radius:6px}
.mve-book-copy h2,.mva-book-title,.mvp-favorite h3{font-weight:650}
.mve-community .mve-shelf{border-top:2px solid color-mix(in srgb,var(--primary) 55%,var(--border));background:linear-gradient(160deg,color-mix(in srgb,var(--primary) 5%,var(--card)),var(--card))}
.mve-community .mve-shelf:nth-child(3n+2){border-top-color:color-mix(in srgb,var(--mv-mint) 65%,var(--border));background:linear-gradient(160deg,color-mix(in srgb,var(--mv-mint) 5%,var(--card)),var(--card))}
.mve-community .mve-shelf:nth-child(3n){border-top-color:color-mix(in srgb,var(--mv-rose) 60%,var(--border));background:linear-gradient(160deg,color-mix(in srgb,var(--mv-rose) 4%,var(--card)),var(--card))}
.mvd-card-heading h2,.mvd-card-heading h3{font-family:var(--mv-ui-font);font-weight:750;font-size:14px}
.mvd-featured{background:color-mix(in srgb,var(--mv-gold) 12%,var(--card));color:var(--mv-gold)}
/* Recessed rails distinguish filters from the cards they control. */
:is(.mve-filter-rail,.mva-library .mva-shelves,.mva-tabs,.mvp-navigation,.mve-page-tabs,.mv-series-tabs,.mvd-utility,.mww-toolbar){background:var(--mv-inset);border-color:var(--border);box-shadow:inset 0 1px 3px #0000000c}
:is(.mva-tabs,.mvp-navigation,.mve-page-tabs)>:is(button,a):is([aria-current=page],[aria-selected=true],.is-active),#root main .mv-series-tabs button[aria-selected=true]{background:var(--primary)!important;color:var(--primary-foreground)!important;border-color:var(--primary)!important;box-shadow:inset 0 1px #ffffff20,0 2px 5px #00000014}
:is(.mva-tabs,.mvp-navigation,.mve-page-tabs,.mv-series-tabs)>:is(button,a){font-weight:600}
:is(.mve-status-tabs,.mvd-sort-tabs,.mvd-scope,.mww-type-tabs,.mv-talk-segments,.mvc-access,.mv-index-filters) button:is([aria-pressed=true],[aria-selected=true],.is-active){background:var(--primary)!important;color:var(--primary-foreground)!important;box-shadow:0 2px 5px #00000012;border-color:var(--primary)}
:is(.mv-talk-segment-count,.mvd-scope button span,.mvc-access button span){color:inherit}
:is(.mve-filter-rail,.mva-library .mva-shelves) button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground);box-shadow:0 2px 5px #00000014}
:is(.mve-search input,.mva-toolbar>input,.mvc-search input,.mvs-input-wrap,.mvs-filter-grid select){background:var(--mv-inset);border-color:var(--border);box-shadow:inset 0 1px 3px #00000008}
:is(input,textarea,select){scroll-margin-block:80px}
:is(input,select,textarea):focus{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 14%,transparent)}
:where(a,button,summary,[role="tab"],[role="switch"]):focus-visible{outline:1.5px solid color-mix(in srgb,var(--ring) 70%,transparent);outline-offset:2px}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="button"]):not([type="submit"]),textarea,select):focus,:where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="button"]):not([type="submit"]),textarea,select):focus-visible{outline:none!important;outline-offset:0!important;border-color:color-mix(in srgb,var(--primary) 70%,var(--border))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent),0 1px 2px rgba(0,0,0,0.04)!important}
:where(button):disabled{cursor:not-allowed}
/* Primary and secondary controls have physical edges, distinct active and pressed states. */
:is(.mva-primary,.mvp-primary,.mve-primary,.mww-primary,.mv-talk-primary,.mv-button-primary){background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 86%,#4f2597))!important;border:1px solid color-mix(in srgb,var(--primary) 75%,#32165a)!important;color:var(--primary-foreground)!important;box-shadow:inset 0 1px #ffffff25,0 2px 5px color-mix(in srgb,var(--primary) 22%,transparent);font-weight:650;border-radius:7px}
:is(.mve-secondary,.mvp-secondary,.mva-secondary){background:var(--card);border-color:var(--border);box-shadow:inset 0 1px var(--mv-edge),var(--mv-shadow-sm)}
:is(.mva-primary,.mvp-primary,.mve-primary,.mww-primary,.mv-talk-primary):active:not(:disabled){box-shadow:inset 0 2px 5px #00000018}
:is(.mva-primary,.mvp-primary,.mve-primary,.mww-primary,.mv-talk-primary):disabled{box-shadow:none;filter:saturate(.45)}
/* Story identity is the strongest visual plane; chapter tools remain functional and compact. */
.mv-series-intro{background:radial-gradient(ellipse 500px 240px at 100% 0,#bb97ff18,transparent 85%),linear-gradient(115deg,var(--mv-hero-base),var(--mv-hero-end));border-color:#ae8fdb40;box-shadow:inset 0 1px #ffffff18,var(--mv-shadow-md);color:var(--mv-hero-ink)}
#root main .mv-series-titleline h1{font-family:var(--mv-ui-font);font-size:24px!important;font-weight:750;letter-spacing:-.035em;color:var(--mv-hero-ink)}
.mv-series-byline,.mv-series-metrics dt,.mv-series-summary p,.mv-series-context,.mv-series-warning,.mv-series-shelf{color:var(--mv-hero-muted)}
.mv-series-byline>:first-child,.mv-series-metrics dd{color:var(--mv-hero-ink)}
.mv-series-byline>a,.mv-series-genres a,.mv-series-summary button,.mv-series-metrics>div:first-child dd{color:var(--mv-hero-accent)}
.mv-series-status{background:#80e5c219;border-color:#80e5c242;color:#aff2dc}
.mv-series-adult{color:#ffc0d6}
main button.mv-series-cover{box-shadow:0 3px 5px #00000045,0 9px 22px #00000030;border-color:#ffffff45}
.mv-series .mv-story-actions>:is(a,button),.mv-series .mv-story-actions>div>button{background:#ffffff0d;border:1px solid #ffffff35;color:#f5efff;box-shadow:inset 0 1px #ffffff0a;border-radius:6px}
.mv-series .mv-story-actions>a:first-child{background:#e3d5ff!important;border-color:#e3d5ff!important;color:#2c1a48!important;box-shadow:0 2px 6px #00000025}
.mv-series .mv-story-actions>:is(a,button):hover,.mv-series .mv-story-actions>div>button:hover{background:#ffffff1c;color:#ffffff}
.mv-series-intro :is(a,button):focus-visible{outline-color:#e4d5ff!important}
.mv-series-aside{border-left:0;padding-left:0;gap:12px}
.mv-series-aside>section{border:1px solid var(--border);border-radius:10px;padding:9px 10px;background:var(--card);box-shadow:inset 0 1px var(--mv-edge),var(--mv-shadow-sm)}
.mv-series-section-title{border-bottom:1px solid var(--border);padding-bottom:5px;margin-bottom:2px}
.mv-series-section-title h2{font-size:12px}
.mvc-catalog{border-color:var(--border);background:var(--card)}
.mvc-toolbar{border-radius:0;background:var(--mv-inset);border-width:0 0 1px;box-shadow:inset 0 1px var(--mv-edge)}
.mvc-group-toggle{background:color-mix(in srgb,var(--primary) 9%,var(--card));border-color:var(--border)}
.mvc-row{background:var(--card);transition:background .12s;border-color:color-mix(in srgb,var(--border) 65%,transparent)}
.mvc-row:nth-child(even){background:color-mix(in srgb,var(--muted) 28%,var(--card))}
.mvc-row:hover{background:var(--accent)}
.mvc-row.is-current{box-shadow:inset 3px 0 var(--primary)}
/**** Discussions: compact conversation tiles and clear reply indentation. ****/
.mv-talk-composer{background:var(--card);border-color:var(--border);box-shadow:inset 0 1px var(--mv-edge),var(--mv-shadow-sm);border-top:2px solid color-mix(in srgb,var(--primary) 65%,var(--border))}
.mv-talk-composer:focus-within{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 12%,transparent),var(--mv-shadow-sm)}
.mv-talk-list{gap:8px}
.mv-talk-list>.mv-talk-item{padding:10px!important;border:1px solid var(--border);border-radius:9px;background:var(--card);box-shadow:inset 0 1px var(--mv-edge),var(--mv-shadow-sm)}
.mv-talk-item.is-reply{background:transparent;box-shadow:none;border:0}
.mv-talk-replies{border-left:2px solid color-mix(in srgb,var(--primary) 45%,var(--border));padding-left:9px}
.mv-talk-author>strong{font-family:var(--mv-ui-font);font-weight:700}
.mv-talk-review-overview{background:linear-gradient(130deg,color-mix(in srgb,var(--primary) 9%,var(--card)),var(--card));box-shadow:inset 0 1px var(--mv-edge),var(--mv-shadow-sm);border-color:var(--border)}
.mv-talk-action[aria-pressed=true]{color:var(--primary);background:var(--accent);border-radius:5px;padding-inline:5px}
.mv-talk-badge{background:var(--accent);color:var(--accent-foreground);border-color:color-mix(in srgb,var(--primary) 22%,var(--border))}
/* Profile retains custom artwork while its information cards have clearer hierarchy. */
.mvp-identity{box-shadow:inset 0 1px var(--mv-edge),var(--mv-shadow-md);border-color:var(--border)}
.mvp-banner::after{background:linear-gradient(100deg,#17172d9c,#47356835),url('./moonverse-atmosphere.svg') right center/auto 150px}
.mvp-stats{background:var(--mv-inset);border-color:var(--border);box-shadow:inset 0 1px 3px #00000008}
.mvp-stats strong{font-family:var(--mv-ui-font);font-weight:750}
.mvp-section-heading h2{font-size:14px!important}
.mvp-goal{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 9%,var(--card)),var(--card));border:1px solid var(--border);border-radius:9px;padding:10px}
.mvp-cover{border-radius:5px}
.mva-library-grid:not(.mva-library-list) .mva-library-book{background:linear-gradient(160deg,var(--card),color-mix(in srgb,var(--card) 86%,var(--muted)));border-color:var(--border);box-shadow:inset 0 1px var(--mv-edge),var(--mv-shadow-sm)}
.mva-library .mva-book-status .mva-save[data-saved=true]{background:var(--accent)!important;color:var(--accent-foreground)!important}
.mva-reading-progress,.mvp-reading-progress{background:var(--muted)}
.mva-reading-progress>span,.mvp-reading-progress>span{background:linear-gradient(90deg,var(--primary),var(--mv-mint))!important;box-shadow:0 0 4px color-mix(in srgb,var(--primary) 25%,transparent)}
.mva-library .mva-shelf-label{font-weight:650}
.mva-wallet-summary>div,.mva-wallet-links>section,.mva-pass,.mva-redeem,.mva-ledger{box-shadow:inset 0 1px var(--mv-edge),var(--mv-shadow-md);background:var(--card);border-color:var(--border)}
.mva-pass{background:linear-gradient(115deg,color-mix(in srgb,var(--primary) 10%,var(--card)),var(--card));border-top:2px solid var(--primary)}
.mva-wallet-summary strong,.mva-pass h2{font-family:var(--mv-ui-font);font-weight:750}
.mva-packs>button{box-shadow:inset 0 1px var(--mv-edge),var(--mv-shadow-sm)}
.mva-packs>button[aria-pressed=true]{border-color:var(--primary);background:var(--accent);box-shadow:inset 0 0 0 1px var(--primary),var(--mv-shadow-sm)}
/* Dialogs sit above the page; their header and body are visibly different levels. */
:is(.mva-dialog,.mvs-dialog,.mvp-dialog,.mve-drawer,.mvc-index-panel,.mvr-panel,.mv-talk-drawer){background:var(--popover);border:1px solid color-mix(in srgb,var(--primary) 32%,var(--border));box-shadow:0 0 0 1px var(--mv-edge),var(--mv-shadow-lg);border-radius:12px}
:is(.mva-dialog,.mvs-dialog)::backdrop{background:#090b195c;backdrop-filter:blur(6px)}
:is(.mva-dialog>header,.mvp-dialog-heading,.mve-drawer-heading,.mvr-panel-heading,.mvc-index-heading){background:linear-gradient(110deg,var(--mv-inset),var(--popover));border-color:var(--border);box-shadow:inset 0 1px var(--mv-edge)}
:is(.mva-dialog>header h2,.mvs-header h2,.mve-drawer-heading h2,.mvr-panel-heading h2){font-family:var(--mv-ui-font);font-weight:750}
.mvn-menu>header{background:linear-gradient(115deg,var(--mv-hero-base),var(--mv-hero-end));color:var(--mv-hero-ink);border-color:#ffffff20}
.mvn-menu>header :is(h2,button){color:var(--mv-hero-ink)}
.mvn-destinations>a{box-shadow:inset 0 1px var(--mv-edge),var(--mv-shadow-sm);background:var(--card);border-color:var(--border)}
.mvn-destinations>a>svg{background:var(--accent);border-radius:5px;padding:4px;box-sizing:content-box;color:var(--accent-foreground)}
.mvn-destinations>a[aria-current=page]{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}
.mvn-destinations>a[aria-current=page]>svg{background:#ffffff22;color:inherit}
.mvn-themes>div,.mvs-modes,.mvs-scopes{background:var(--mv-inset);border-color:var(--border);box-shadow:inset 0 1px 3px #00000008}
.mvn-themes button[aria-pressed=true],.mvs-modes button[aria-pressed=true],.mvs-scopes button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground);box-shadow:0 2px 5px #00000012;border-color:var(--primary)}
.mvs-result{border:1px solid transparent;border-radius:7px}
.mvs-result:hover,.mvs-result:focus-visible{background:var(--accent);border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}
.mvs-advanced{background:var(--mv-inset);border-color:var(--border);border-radius:8px}
.mva-notification-list>article[data-read=false]{background:color-mix(in srgb,var(--primary) 9%,var(--card));border-left-color:var(--primary)}
/* Reader prose remains calm; navigation, reactions and tools receive the new finish. */
.mvr-reader{background:var(--background)}
.mvr-topbar{background:color-mix(in srgb,var(--card) 96%,transparent);box-shadow:0 1px var(--mv-edge),var(--mv-shadow-sm)}
.mvr-dock-controls{background:var(--popover);border:1px solid color-mix(in srgb,var(--primary) 40%,var(--border));box-shadow:inset 0 1px var(--mv-edge),0 6px 12px #0000001c,0 14px 38px #0000002a;border-radius:12px}
.mvr-dock-index{background:var(--primary)!important;color:var(--primary-foreground)!important;box-shadow:inset 0 1px #ffffff22}
.mvr-dock-controls :is(button,a):hover{background:var(--accent);color:var(--accent-foreground)}
.mrx-bar{background:var(--card);border:1px solid var(--border);box-shadow:inset 0 1px var(--mv-edge),var(--mv-shadow-sm)}
.mrx-reaction{background:var(--mv-inset);border-color:var(--border)}
.mvr-reader .mrx-reaction[aria-pressed=true],.mrx-picker .mrx-reaction[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground);box-shadow:0 2px 5px #00000014}
/* Secondary routes use the same compact surface language. */
.mww-dressing-room{background:linear-gradient(125deg,color-mix(in srgb,var(--primary) 9%,var(--card)),var(--card));border-color:var(--border);box-shadow:inset 0 1px var(--mv-edge),var(--mv-shadow-md)}
.mww-item-preview{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--mwc-a,var(--primary)) 14%,var(--card)),var(--card))}
.mww-item.is-equipped{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary),var(--mv-shadow-sm)}
.mv-rank-table-head{background:var(--mv-inset)}
.mv-rank-row.is-top{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 10%,var(--card)),var(--card))}
.mv-rank-row.is-top .mv-rank-number{color:var(--mv-gold);font-family:var(--mv-ui-font);font-weight:750}
#root main .mv-settings-nav{background:var(--mv-inset);box-shadow:inset 0 1px 3px #00000008}
#root main .mv-page :where([class~='bg-card'],[class~='celestial-glass']){background-color:var(--card);box-shadow:inset 0 1px var(--mv-edge),var(--mv-shadow-sm)}
#root main .mv-page-community :where([class*='cursor-pointer']):has(>div h3){background:var(--card);box-shadow:inset 0 1px var(--mv-edge),var(--mv-shadow-sm)}
:is(.mve-empty,.mva-empty,.mvp-empty,.mvc-empty,.mvs-empty,.mv-not-found){background:linear-gradient(130deg,color-mix(in srgb,var(--primary) 7%,var(--card)),var(--card));border:1px dashed color-mix(in srgb,var(--primary) 35%,var(--border));box-shadow:inset 0 1px var(--mv-edge)}
.mv-footer{background:var(--card);border-top:1px solid var(--border);box-shadow:0 -1px 0 var(--mv-edge)}
.mv-footer-brand>a{font-family:var(--mv-ui-font);font-weight:750;letter-spacing:.08em}
@media(max-width:767px){
 #root main :is(.mva-heading h1,.mve-title-line h1,.mvd-intro h1,.mww-heading h1,.mv-rank-heading h1,.mvp-name-row h1){font-size:23px}
 #root main .mv-series-titleline h1{font-size:20px!important;line-height:1.3}
 .mv-series-aside>section{padding:8px 9px}
 .mvn-destinations>a>svg{padding:3px}
 .mv-talk-list>.mv-talk-item{padding:9px!important}
}
@media(prefers-reduced-motion:no-preference){
 dialog[open]{animation:mv-prism-dialog .14s ease-out}
 @keyframes mv-prism-dialog{from{opacity:.5;translate:0 4px}to{opacity:1;translate:0 0}}
}
@media(prefers-reduced-motion:reduce){
 :is(.mve-book-cards,.mve-shelf,.mv-index-collection,.mww-item,.mvp-collection,.mvc-row){transition:none}
 dialog[open]{animation:none}
}
:root{--primary-hover:color-mix(in srgb,var(--primary) 86%,var(--foreground))}
:is(.mvc-access,.mv-talk-segments,.mvd-scope,.mv-index-filters) button[aria-pressed=true]>span{opacity:1}
/* Preserve readable text on filled controls when pointer hover changes secondary colors. */
:is(.mva-primary,.mvp-primary,.mve-primary,.mww-primary,.mv-talk-primary):hover:not(:disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 92%,var(--foreground)),var(--primary))!important;color:var(--primary-foreground)!important}
:is(.mva-heading,.mve-heading,.mww-heading) :is(.mva-primary,.mve-primary,.mww-primary):hover{background:#f0e7ff!important;color:#2c1a48!important}
#root main .mv-series-summary button{color:var(--mv-hero-accent)}
/* Inverted mastheads keep their own text roles in every palette. */
#root main :is(.mva-heading,.mve-heading,.mvd-intro,.mww-heading,.mv-rank-heading) :is(p,small,dt,.mva-heading-links>span,.mww-balances>span){color:var(--mv-hero-muted)}
#root main :is(.mva-heading,.mve-heading,.mvd-intro,.mww-heading,.mv-rank-heading) :is(h1,h2,dd,strong){color:var(--mv-hero-ink)}
.mvp-navigation nav{gap:4px}
.mvp-navigation nav button{border:1px solid transparent;border-radius:6px;padding:6px 10px;min-height:30px!important;font-weight:600}
.mvp-navigation nav button[aria-current=page]{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary);box-shadow:inset 0 1px #ffffff20,0 2px 5px #00000014}
.mvp-navigation nav button[aria-current=page]:after{display:none}
.mvp-navigation nav button[aria-current=page]:hover{color:var(--primary-foreground)}
.mvc-empty>a{display:inline-flex;align-items:center;min-height:28px;padding:4px 8px;border-radius:6px;background:var(--accent);color:var(--accent-foreground);font-size:11px;font-weight:650}
#root main .mva-collections button.mv-library-title{min-height:28px!important;display:flex;align-items:center;text-align:left}
@media(pointer:coarse){#root main .mva-collections button.mv-library-title{min-height:32px!important}}
/* Information-heavy legacy headers use an accent edge, leaving embedded tools readable. */
#root main :is(.mv-page-achievements,.mv-page-settings,.mv-page-community) .mv-page-heading:has(h1),#root main .mv-page-admin>div:first-child:has(h1){border-left:3px solid var(--primary);background:linear-gradient(115deg,color-mix(in srgb,var(--primary) 9%,var(--card)),var(--card));box-shadow:inset 0 1px var(--mv-edge),var(--mv-shadow-md)}
#root main .mv-page-auth{padding-block:24px!important}
#root main .mv-page-auth>div{display:flex;flex-direction:column;gap:14px;max-width:390px;padding:20px!important;border-radius:12px;border-top:3px solid var(--primary);background:var(--card);box-shadow:inset 0 1px var(--mv-edge),var(--mv-shadow-lg)}
#root main .mv-page-auth>div>*{margin-block:0!important}
#root main .mv-page-auth input{background:var(--mv-inset)!important;color:var(--foreground);border:1px solid var(--border);border-radius:6px;font-size:11px;min-height:34px}
#root main .mv-page-auth input::placeholder{color:var(--muted-foreground);opacity:1}
#root main .mv-page-auth h1{font-size:23px}

/* Action icons inherit the inverted hero's ink rather than the page palette. */
.mv-series .mv-story-actions>button>svg,.mv-series .mv-story-actions>a>svg,.mv-series .mv-story-actions>div>button>svg{color:inherit!important}
@media(max-width:479px){
 .mv-series .mv-story-actions:not(:has(>a)){display:flex;flex-wrap:wrap;gap:5px}
 .mv-series .mv-story-actions:not(:has(>a))>div{width:auto;flex:0 1 auto}
 .mv-series .mv-story-actions:not(:has(>a))>button{width:32px;min-width:32px;flex:0 0 32px}
}
/* A reserved portrait keeps a broken or slow promotional image from becoming a blank tile. */
.mv-index-cover-image{position:relative;display:block;width:100%;height:100%;isolation:isolate}
.mv-index-cover-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.mv-index-cover-image>img[hidden]{display:none}
.mv-cover-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;color:#f7f1ff;background:radial-gradient(ellipse at 75% 20%,#aa85e933,transparent 70%),linear-gradient(155deg,#24233f,#49316b);text-align:center}
.mv-cover-fallback>span{font-size:27px;line-height:1;color:#dac3ff}
.mv-cover-fallback>strong{font:650 11px/1.5 var(--mv-ui-font);display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.mv-cover-fallback>small{position:absolute;bottom:10px;left:0;right:0;font:600 6px/1.3 var(--mv-ui-font);letter-spacing:.18em;color:#dacbed}
.mv-series .mv-story-actions>div>button svg{color:inherit!important}
.mv-series .mv-story-actions>div>button svg.fill-primary{fill:currentColor!important}
/* Profile reading rows: one chapter cue, a quiet progress track, and a clear resume action. */
.mvp-reading-rows{display:grid;gap:6px}
.mvp-profile .mvp-reading-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--muted) 17%,var(--card));min-width:0}
.mvp-profile .mvp-reading-row>.mvp-cover{width:40px;height:60px;aspect-ratio:2/3;border-radius:4px}
.mvp-profile .mvp-reading-copy{min-width:0}
.mvp-profile .mvp-story-title{font-size:12px;line-height:1.45;font-weight:650}
.mvp-profile .mvp-reading-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 7px;font-size:10px;line-height:1.4;margin-top:3px!important;color:var(--muted-foreground)}
.mvp-reading-shelf{padding:1px 5px;border:1px solid var(--border);border-radius:4px;font-size:8px;line-height:1.4;background:var(--card)}
.mvp-profile .mvp-reading-progress{display:block;width:min(100%,180px);height:3px;gap:0;padding:0;margin-top:7px;background:transparent;border:0;box-shadow:none;overflow:hidden;border-radius:3px}
.mvp-profile .mvp-reading-progress progress{width:100%;max-width:none;height:3px;margin:0;border-radius:3px}
.mvp-profile .mvp-reading-progress progress::-webkit-progress-value{background:linear-gradient(90deg,var(--primary),var(--mv-mint))}
.mvp-profile .mvp-reading-progress progress::-moz-progress-bar{background:linear-gradient(90deg,var(--primary),var(--mv-mint))}
.mvp-profile .mvp-read-link{width:auto;min-width:72px;height:30px;min-height:30px;display:inline-flex;justify-content:center;align-items:center;gap:5px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:6px;background:var(--accent);color:var(--accent-foreground);font-size:10px;font-weight:650;white-space:nowrap}
.mvp-profile .mvp-read-link svg{width:13px;height:13px;flex-shrink:0}
.mvp-profile .mvp-read-link:hover{background:color-mix(in srgb,var(--primary) 16%,var(--card));border-color:var(--primary);color:var(--accent-foreground)}
@media(max-width:479px){.mvp-profile .mvp-reading-row{gap:8px;padding:7px}.mvp-profile .mvp-story-title{font-size:11px}.mvp-profile .mvp-read-link{min-width:65px;padding:5px 6px;font-size:9px}.mvp-profile .mvp-reading-meta{font-size:9px}}

/* Wallet, membership, and the indexed EPUB shelf: compact surfaces with distinct purposes. */
.mva-membership{gap:14px}
.mva-membership .mva-heading{padding:17px 22px;min-height:86px}
.mva-membership .mva-heading>div{min-width:0}
.mva-membership .mva-heading> a{margin-right:0;flex-shrink:0;font-size:10px;color:var(--mv-hero-ink)}
.mva-wallet-summary{border:0;background:none;gap:10px;box-shadow:none!important;overflow:visible}
.mva-wallet-summary>div{position:relative;min-width:0;border:1px solid var(--border)!important;border-radius:10px;padding:15px;gap:11px;box-shadow:var(--mv-inset),var(--mv-shadow-sm);background:linear-gradient(115deg,color-mix(in srgb,var(--primary) 5%,var(--card)),var(--card) 65%)}
.mva-wallet-summary>div:first-child{border-top:2px solid var(--primary)!important}
.mva-wallet-summary>div:nth-child(2){border-top:2px solid var(--mv-mint)!important}
.mva-wallet-summary>div:nth-child(3){border-top:2px solid var(--mv-gold)!important}
.mva-wallet-summary>div>svg,.mva-wallet-summary .mva-dew-symbol{display:block;box-sizing:content-box;width:19px;height:19px;padding:8px;border-radius:10px;background:color-mix(in srgb,var(--primary) 10%,var(--card));color:var(--primary);flex-shrink:0;line-height:19px;text-align:center;font-size:21px}
.mva-wallet-summary>div:nth-child(2)>.mva-dew-symbol{color:var(--foreground);background:color-mix(in srgb,var(--mv-mint) 16%,var(--card))}
.mva-wallet-summary>div:nth-child(3)>svg{color:var(--foreground);background:color-mix(in srgb,var(--mv-gold) 17%,var(--card))}
.mva-wallet-summary small{font-size:8px;letter-spacing:.12em;font-weight:700}
.mva-wallet-summary strong{font-size:23px;letter-spacing:-.04em}
.mva-wallet-summary>div:last-child strong{font-size:14px;letter-spacing:-.025em;white-space:normal}
.mva-wallet-summary>div>:last-child:is(a,button){font-size:10px}
.mva-wallet-summary>div>span:has(small){gap:4px;min-width:0}
.mva-membership>.mva-tabs{margin:0;gap:5px;padding:4px;min-height:39px}
.mva-pass{padding:22px;gap:18px;grid-template-columns:48px minmax(0,1fr) 190px;border-radius:12px;border-top:2px solid var(--primary);background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--primary) 14%,transparent),transparent 55%),linear-gradient(110deg,var(--card),color-mix(in srgb,var(--primary) 4%,var(--card)))}
.mva-pass h2{font-size:25px;letter-spacing:-.045em;margin:6px 0 7px}
.mva-pass-seal{display:grid;width:45px;height:58px;background:linear-gradient(140deg,var(--primary),color-mix(in srgb,var(--primary) 50%,var(--mv-rose)));color:var(--primary-foreground)}
.mva-pass ul{gap:11px 18px;margin-top:17px}
.mva-pass li strong{font-size:11px;font-weight:700}
.mva-pass li small{font-size:10px;line-height:1.45}
.mva-pass li>svg{flex-shrink:0;border-radius:50%;padding:2px;background:color-mix(in srgb,var(--primary) 11%,transparent);width:15px;height:15px}
.mva-pass-action{padding-left:18px;gap:7px}
.mva-pass-action>strong{font-size:23px;letter-spacing:-.035em}
.mva-pass-action small{font-size:9px}
.mva-pass-action .mva-primary:disabled{opacity:1;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--card));border:1px solid color-mix(in srgb,var(--primary) 32%,var(--border));box-shadow:none}
.mva-wallet-links{gap:12px}
.mva-wallet-links>section{padding:17px 18px;border-radius:10px;border-left:3px solid color-mix(in srgb,var(--primary) 60%,var(--border))}
.mva-wallet-links>section:nth-child(2){border-left-color:var(--mv-mint)}
.mva-wallet-links h2{font-family:var(--mv-ui-font);font-size:14px;font-weight:700;letter-spacing:-.025em}
.mva-wallet-links p{font-size:11px;line-height:1.65;margin:7px 0 12px}
.mva-wallet-links :is(a,button){font-size:11px;font-weight:650}
.mva-ledger-layout{grid-template-columns:300px minmax(0,1fr);gap:12px}
.mva-ledger-layout>section{border-radius:11px;padding:18px}
.mva-ledger-layout h2{font-size:16px;font-weight:750;letter-spacing:-.03em;font-family:var(--mv-ui-font)}
.mva-ledger-layout p{font-size:11px;line-height:1.6}
.mva-redeem form{padding:10px;background:var(--muted);border-radius:8px;gap:7px}
.mva-redeem input{min-width:0;font-size:11px;background:var(--card)}
.mva-redeem summary{font-size:11px;font-weight:650}
.mva-code-examples{flex-wrap:wrap}
.mva-code-examples button{font-size:9px}
.mva-ledger-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mva-ledger-heading h2{margin:0}
.mva-ledger-heading>span{border-radius:5px;background:var(--muted);padding:4px 7px;font-size:9px;color:var(--muted-foreground);white-space:nowrap}
.mva-ledger li{font-size:11px;align-items:center;padding:12px 0}
.mva-ledger li>div{display:grid;gap:4px}
.mva-ledger li strong{font-weight:650}
.mva-ledger time{font-size:9px;color:var(--muted-foreground)}
.mva-ledger li>span{font-size:10px;line-height:1.5;text-align:right;overflow-wrap:anywhere;max-width:45%}
.mva-topup-sheet{width:min(600px,calc(100vw - 24px))}
.mva-topup-content{gap:12px}
.mva-mini-balance{border-radius:8px;background:linear-gradient(100deg,color-mix(in srgb,var(--primary) 10%,var(--card)),var(--card));padding:12px;border:1px solid var(--border)}
.mva-mini-balance strong{font:750 22px/1.2 var(--mv-ui-font);letter-spacing:-.04em}
.mva-packs{gap:6px}
.mva-packs>button{border-radius:8px;padding:12px 5px;position:relative;background:var(--card);box-shadow:var(--mv-inset)}
.mva-packs>button[aria-pressed=true]{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 13%,var(--card));box-shadow:inset 0 0 0 1px var(--primary),var(--mv-shadow-sm)}
.mva-packs strong{font-size:25px;font-family:var(--mv-ui-font);font-weight:750;letter-spacing:-.04em}
.mva-pack-label{font-size:8px;letter-spacing:0;font-weight:700}
.mva-packs small{font-size:8px}
.mva-pack-price{font-size:11px;font-weight:700}
.mva-custom{padding:10px;border-radius:8px;border:1px solid var(--border);background:var(--card)}
.mva-custom label{font-size:11px}
.mva-custom>span{font-size:9px;line-height:1.5}
.mva-quote{padding:11px 12px;border:1px solid var(--border);border-radius:8px;background:var(--muted);font-size:11px}
.mva-topup-content>.mva-small{font-size:9px;line-height:1.5;gap:8px;flex-wrap:wrap}

.mva-membership .mva-edition-library{border:1px solid var(--border);background:var(--card);border-radius:12px;box-shadow:var(--mv-inset),var(--mv-shadow-md);min-width:0;overflow:clip}
.mva-membership .mva-edition-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px 13px;background:linear-gradient(110deg,color-mix(in srgb,var(--primary) 7%,var(--card)),var(--card))}
.mva-membership .mva-edition-heading h2{font:750 18px/1.2 var(--mv-ui-font);letter-spacing:-.04em;margin:0 0 5px}
.mva-membership .mva-edition-heading p{font-size:11px;line-height:1.5;color:var(--muted-foreground);margin:0}
.mva-membership .mva-edition-owned{border:1px solid var(--border);border-radius:6px;background:var(--card);padding:5px 9px;font-size:10px;color:var(--primary);font-weight:700;white-space:nowrap}
.mva-membership .mva-edition-controls{display:flex;align-items:center;gap:8px;padding:0 18px 13px;background:var(--card)}
.mva-membership .mva-edition-search{flex:1;display:flex;align-items:center;gap:8px;min-width:100px;padding:0 10px;height:35px;background:var(--muted);border:1px solid var(--input);border-radius:7px;box-shadow:inset 0 1px 3px #00000005}
.mva-membership .mva-edition-search>svg{color:var(--muted-foreground);width:15px;height:15px;flex-shrink:0}
.mva-membership .mva-edition-search input{width:100%;min-width:0;font:11px var(--mv-ui-font);color:var(--foreground);border:0;background:transparent;outline:none;padding:8px 0}
.mva-membership .mva-edition-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.mva-membership .mva-edition-search:focus-within{outline:2px solid var(--primary);outline-offset:2px}
.mva-membership .mva-edition-search>button{border:0;padding:0;width:24px;height:28px;min-height:28px!important;display:grid;place-items:center;color:var(--muted-foreground);flex-shrink:0;border-radius:4px}
.mva-membership .mva-edition-owned-toggle{font-size:10px;font-weight:650;border:1px solid var(--border);border-radius:7px;background:var(--card);padding:7px 10px;min-height:35px!important;white-space:nowrap;box-shadow:var(--mv-shadow-sm)}
.mva-membership .mva-edition-owned-toggle>span{display:flex;align-items:center;gap:6px}
.mva-membership .mva-edition-owned-toggle svg{width:14px;height:14px}
.mva-membership .mva-edition-owned-toggle[aria-pressed=true]{background:var(--accent);color:var(--accent-foreground);border-color:var(--primary)}
.mva-membership .mva-edition-count{font-size:10px;color:var(--muted-foreground);white-space:nowrap;min-width:103px;text-align:right;font-variant-numeric:tabular-nums}
.mva-membership .mva-alphabet{display:flex;align-items:center;gap:12px;padding:9px 18px;background:var(--muted);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.mva-membership .mva-alphabet-label{font-size:9px;letter-spacing:.1em;font-weight:800;color:var(--muted-foreground);white-space:nowrap}
.mva-membership .mva-alphabet>div{display:grid;grid-template-columns:repeat(26,minmax(0,1fr));gap:3px;flex:1}
.mva-membership .mva-alphabet button{font:750 11px/1 var(--mv-ui-font);padding:0;min-width:0;min-height:28px!important;border:1px solid color-mix(in srgb,var(--primary) 27%,var(--border));border-radius:5px;color:var(--primary);background:var(--card);box-shadow:var(--mv-shadow-sm)}
.mva-membership .mva-alphabet button:not(:disabled):hover{color:var(--primary-foreground);background:var(--primary);border-color:var(--primary);transform:translateY(-1px)}
.mva-membership .mva-alphabet button:disabled{color:var(--muted-foreground);opacity:.36;background:transparent;box-shadow:none;border-color:transparent;cursor:default}
.mva-membership .mva-alphabet button:focus-visible,.mva-membership .mva-edition-library button:focus-visible,.mva-membership .mva-edition-title a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.mva-membership .mva-edition-groups{padding:0 18px 4px}
.mva-membership .mva-letter-group h3{display:flex;align-items:center;gap:9px;margin:0;padding:12px 0 8px;border-bottom:1px solid var(--border);scroll-margin-top:70px;outline-offset:3px}
.mva-membership .mva-letter-group h3>span{font:800 16px/1 var(--mv-ui-font);color:var(--primary);width:25px;height:27px;display:grid;place-items:center;border-radius:5px;background:color-mix(in srgb,var(--primary) 10%,var(--card))}
.mva-membership .mva-letter-group h3>small{font-size:9px;color:var(--muted-foreground);font-weight:500}
.mva-membership .mva-edition-story{display:grid;grid-template-columns:minmax(220px,1.05fr) minmax(0,1.25fr);gap:20px;padding:10px 0;align-items:center;border-bottom:1px solid var(--border)}
.mva-membership .mva-edition-story:last-child{border-bottom:0}
.mva-membership .mva-edition-story-info{display:flex;gap:11px;align-items:center;min-width:0}
.mva-membership .mva-edition-cover{position:relative;width:40px;height:60px;flex:0 0 40px;overflow:hidden;border-radius:4px;background:linear-gradient(150deg,var(--accent),var(--muted));box-shadow:0 2px 5px #0002,inset 0 0 0 1px var(--border)}
.mva-membership .mva-edition-cover>span{position:absolute;inset:5px;font:700 7px/1.4 var(--mv-ui-font);overflow:hidden;overflow-wrap:anywhere;color:var(--accent-foreground)}
.mva-membership .mva-edition-cover img{display:block;position:absolute;width:100%;height:100%;object-fit:cover}
.mva-membership .mva-edition-title{min-width:0}
.mva-membership .mva-edition-title h4{font:700 12px/1.5 var(--mv-ui-font);margin:0 0 4px;overflow-wrap:anywhere;letter-spacing:-.015em}
.mva-membership .mva-edition-title a:hover{color:var(--primary)}
.mva-membership .mva-edition-title small{font-size:9px;color:var(--muted-foreground)}
.mva-membership .mva-edition-volumes{padding:0;margin:0;list-style:none;min-width:0}
.mva-membership .mva-edition-volumes li{display:grid;grid-template-columns:minmax(0,1fr) 164px;align-items:center;gap:12px;padding:0}
.mva-membership .mva-edition-volumes li+li{border-top:1px dashed var(--border);padding-top:8px;margin-top:8px}
.mva-membership .mva-edition-description{display:grid;gap:5px;min-width:0}
.mva-membership .mva-edition-description strong{font-size:11px;line-height:1.5;font-weight:550;overflow-wrap:anywhere}
.mva-membership .mva-edition-description small{font-size:9px;line-height:1.5;color:var(--muted-foreground)}
.mva-membership .mva-edition-access{display:grid;justify-items:end;gap:5px;min-width:0}
.mva-membership .mva-edition-access .mva-secondary{font-size:10px;font-weight:650;min-height:30px!important;padding:6px 10px;border-radius:6px;white-space:nowrap}
.mva-membership .mva-edition-access button:disabled{opacity:.55;cursor:default;box-shadow:none}
.mva-membership .mva-edition-price{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.4}
.mva-membership .mva-edition-state{font-size:9px;font-weight:650;line-height:1.4;color:var(--primary)}
.mva-membership .mva-edition-state.is-owned{background:color-mix(in srgb,var(--mv-mint) 15%,var(--card));color:var(--foreground);padding:3px 6px;border-radius:4px}
.mva-membership .mva-edition-shortfall{font-size:8px;color:var(--muted-foreground);line-height:1.4;text-align:right}
.mva-membership .mva-edition-footer{display:flex;justify-content:space-between;gap:10px;padding:11px 18px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--muted) 45%,var(--card));color:var(--muted-foreground);font-size:9px;line-height:1.5}
.mva-membership .mva-edition-footer small{font-size:9px;text-align:right}
.mva-membership .mva-edition-empty{padding:30px 15px}
.mva-membership .mva-edition-empty>svg{color:var(--primary);width:24px;height:24px;margin:auto auto 9px}
.mva-membership .mva-edition-empty h3{font-size:15px;font-weight:700;letter-spacing:-.025em}
.mva-membership .mva-edition-empty p{font-size:11px;line-height:1.7}
.mva-membership .mva-edition-empty button{margin-top:10px;font-size:11px}
@media(max-width:1000px){
 .mva-wallet-summary>div{padding:13px 12px;gap:8px;flex-wrap:wrap}
 .mva-wallet-summary>div>:last-child:is(a,button){margin:2px 0 0 43px;width:calc(100% - 43px);text-align:left;justify-content:flex-start;font-size:9px}
 .mva-wallet-summary>div>.mva-primary{justify-content:center}
 .mva-wallet-summary strong{font-size:21px}
 .mva-pass{grid-template-columns:minmax(0,1fr) 175px}
 .mva-pass-seal{display:none}
 .mva-membership .mva-edition-story{grid-template-columns:minmax(180px,1fr) minmax(0,1.3fr);gap:15px}
 .mva-membership .mva-edition-volumes li{grid-template-columns:minmax(0,1fr) 145px;gap:10px}
}
@media(max-width:850px){
 .mva-ledger-layout{grid-template-columns:1fr}
 .mva-membership .mva-alphabet>div{grid-template-columns:repeat(13,minmax(0,1fr));gap:4px}
 .mva-membership .mva-alphabet{align-items:flex-start}
 .mva-membership .mva-alphabet-label{padding-top:9px}
 .mva-wallet-summary>div>:last-child:is(a,button){margin-left:0;width:100%}
 .mva-wallet-summary>div>svg,.mva-wallet-summary .mva-dew-symbol{padding:6px;width:16px;height:16px;font-size:18px;line-height:16px;border-radius:7px}
 .mva-membership .mva-edition-story{grid-template-columns:1fr;gap:4px;padding:12px 0}
 .mva-membership .mva-edition-volumes{margin-left:51px}
 .mva-membership .mva-edition-volumes li{grid-template-columns:minmax(0,1fr) 164px;padding:3px 0 0}
 .mva-membership .mva-edition-title h4{font-size:12px}
}
@media(max-width:639px){
 .mva-membership{gap:11px}
 .mva-membership .mva-heading{padding:15px;min-height:82px;align-items:flex-start}
 .mva-membership .mva-heading h1{font-size:24px;line-height:1.1}
 .mva-membership .mva-heading> a{font-size:9px;padding-top:2px;white-space:nowrap}
 .mva-membership .mva-heading p{font-size:10px;max-width:230px}
 .mva-wallet-summary{gap:6px}
 .mva-wallet-summary>div{padding:10px 9px;gap:7px;align-content:start;border-radius:8px}
 .mva-wallet-summary>div>svg,.mva-wallet-summary .mva-dew-symbol{display:none}
 .mva-wallet-summary strong{font-size:21px}
 .mva-wallet-summary small{font-size:7px;letter-spacing:.06em}
 .mva-wallet-summary>div:last-child strong{font-size:12px;line-height:1.3}
 .mva-wallet-summary>div>:last-child:is(a,button){font-size:9px;min-height:27px!important;margin-top:3px;line-height:1.4;white-space:normal}
 .mva-wallet-summary>div>.mva-primary{padding:5px 4px}
 .mva-membership>.mva-tabs{gap:2px;padding:3px;min-height:38px}
 .mva-membership>.mva-tabs>button{font-size:9px;padding:7px 8px;white-space:nowrap}
 .mva-pass{padding:16px;grid-template-columns:1fr;gap:15px}
 .mva-pass h2{font-size:23px}
 .mva-pass p{font-size:11px;line-height:1.6}
 .mva-pass ul{gap:12px 10px;margin-top:15px}
 .mva-pass li{gap:6px}
 .mva-pass li strong{font-size:10px}
 .mva-pass li small{font-size:9px}
 .mva-pass-action{padding:13px 0 0}
 .mva-pass-action>strong{font-size:22px}
 .mva-pass-action .mva-primary{font-size:10px;padding:8px}
 .mva-wallet-links>section{padding:14px}
 .mva-ledger-layout>section{padding:14px}
 .mva-ledger li{gap:10px}
 .mva-membership .mva-edition-heading{padding:14px 12px 11px;gap:8px;align-items:flex-start}
 .mva-membership .mva-edition-heading h2{font-size:17px}
 .mva-membership .mva-edition-heading p{font-size:10px;max-width:245px}
 .mva-membership .mva-edition-owned{font-size:9px;padding:4px 6px}
 .mva-membership .mva-edition-controls{padding:0 12px 11px;flex-wrap:wrap;gap:7px}
 .mva-membership .mva-edition-search{flex-basis:calc(100% - 105px);padding:0 8px}
 .mva-membership .mva-edition-search>svg{display:none}
 .mva-membership .mva-edition-owned-toggle{padding:7px 8px;font-size:9px}
 .mva-membership .mva-edition-owned-toggle svg{width:12px;height:12px}
 .mva-membership .mva-edition-count{text-align:left;flex-basis:100%;font-size:9px}
 .mva-membership .mva-alphabet{gap:8px;padding:8px 12px}
 .mva-membership .mva-alphabet-label{font-size:8px;padding-top:9px}
 .mva-membership .mva-alphabet>div{gap:3px;grid-template-columns:repeat(13,minmax(0,1fr))}
 .mva-membership .mva-alphabet button{font-size:10px;min-height:27px!important;border-radius:4px}
 .mva-membership .mva-edition-groups{padding:0 12px 4px}
 .mva-membership .mva-letter-group h3{padding:11px 0 7px;scroll-margin-top:64px}
 .mva-membership .mva-edition-story{padding:11px 0;gap:5px}
 .mva-membership .mva-edition-story-info{gap:10px;align-items:flex-start}
 .mva-membership .mva-edition-cover{width:36px;height:54px;flex-basis:36px}
 .mva-membership .mva-edition-title h4{font-size:12px;line-height:1.5;margin-bottom:3px}
 .mva-membership .mva-edition-title small{font-size:9px}
 .mva-membership .mva-edition-volumes{margin-left:46px;margin-top:-5px}
 .mva-membership .mva-edition-volumes li{grid-template-columns:minmax(0,1fr) 136px;gap:9px}
 .mva-membership .mva-edition-description strong{font-size:10px}
 .mva-membership .mva-edition-description small{font-size:9px}
 .mva-membership .mva-edition-price{font-size:10px}
 .mva-membership .mva-edition-access .mva-secondary{font-size:9px;padding:6px 8px;min-height:29px!important}
 .mva-membership .mva-edition-state{font-size:8px}
 .mva-membership .mva-edition-shortfall{font-size:8px}
 .mva-membership .mva-edition-footer{padding:10px 12px;flex-direction:column;gap:3px}
 .mva-membership .mva-edition-footer small{text-align:left}
 .mva-topup-sheet{width:calc(100vw - 20px)}
 .mva-packs{gap:5px;grid-template-columns:repeat(3,minmax(0,1fr))}
 .mva-packs>button{padding:10px 5px;min-height:104px!important}
 .mva-packs strong{font-size:25px}
 .mva-pack-label,.mva-packs small{font-size:8px}
 .mva-pack-price{font-size:11px}
 .mva-topup-content>.mva-context{font-size:10px;line-height:1.6}
 .mva-custom{flex-wrap:wrap;gap:7px}
 .mva-custom>span{width:100%;font-size:9px}
}
@media(max-width:370px){
 .mva-membership .mva-edition-volumes{margin-left:0;margin-top:2px}
 .mva-membership .mva-edition-volumes li{grid-template-columns:minmax(0,1fr) 128px}
 .mva-membership .mva-alphabet{gap:5px;padding-inline:9px}
 .mva-membership .mva-alphabet>div{gap:2px}
 .mva-membership .mva-alphabet-label{display:none}
 .mva-membership .mva-edition-count{font-size:9px}
 .mva-wallet-summary>div{padding:9px 7px}
 .mva-membership>.mva-tabs>button{padding:7px 6px;font-size:8px}
 .mva-wallet-summary>div:last-child strong{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.mva-membership .mva-alphabet button:not(:disabled):hover{transform:none}}

/* Private profile wallet: one compact top-up entry into the shared global sheet. */
.mvp-profile .mvp-wallet-section{border:1px solid var(--border);border-top:2px solid var(--primary);border-radius:10px;overflow:hidden;background:var(--card);box-shadow:var(--mv-inset),var(--mv-shadow-md);min-width:0}
.mvp-profile .mvp-wallet-topup{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:13px 12px;border:0;background:linear-gradient(115deg,color-mix(in srgb,var(--primary) 10%,var(--card)),var(--card));color:var(--foreground);border-radius:0;min-height:80px;transition:background .15s}
.mvp-profile .mvp-wallet-topup:hover{background:color-mix(in srgb,var(--primary) 15%,var(--card));color:var(--foreground)}
.mvp-profile .mvp-wallet-topup:focus-visible{outline:2px solid var(--primary);outline-offset:-3px}
.mvp-profile .mvp-wallet-icon{display:grid;place-items:center;width:33px;height:37px;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));border-radius:9px;color:var(--primary);background:var(--card);box-shadow:var(--mv-shadow-sm);flex-shrink:0}
.mvp-profile .mvp-wallet-icon svg{width:18px;height:18px}
.mvp-profile .mvp-wallet-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.mvp-profile .mvp-wallet-copy>small{font-size:7px;font-weight:750;letter-spacing:.13em;color:var(--muted-foreground)}
.mvp-profile .mvp-wallet-copy>strong{font:750 17px/1.3 var(--mv-ui-font);letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.mvp-profile .mvp-wallet-copy>span{font-size:10px;color:var(--primary);font-weight:600}
.mvp-profile .mvp-wallet-plus{margin-left:auto;flex-shrink:0;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--primary);color:var(--primary-foreground);font-size:19px;line-height:1}
.mvp-profile .mvp-wallet-section>footer{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--muted);border-top:1px solid var(--border);padding:8px 12px;font-size:9px;line-height:1.5}
.mvp-profile .mvp-wallet-section>footer>span{color:var(--muted-foreground);white-space:nowrap}
.mvp-profile .mvp-wallet-section>footer>a{color:var(--primary);font-weight:650}

/* Nocturne: distinct canvas, editorial shelves, and precise working surfaces. */
body{background:radial-gradient(ellipse 760px 350px at 50% -120px,var(--mv-canvas-glow),transparent 90%),var(--background);background-attachment:fixed}
body::before{opacity:.012}
#root main:not([data-reader=true]){padding-top:18px}
#root main:not([data-reader=true]) :is(.mva-page,.mve-explore,.mvp-profile,.mww-wardrobe,.mv-index,.mv-series){font-family:var(--mv-ui-font)}
#root header:has(nav[aria-label=Primary]){background:color-mix(in srgb,var(--card) 96%,transparent);box-shadow:0 1px 0 var(--mv-edge),0 3px 12px #00000006;backdrop-filter:blur(16px)}
#root nav[aria-label=Primary]{border:0;background:transparent;box-shadow:none;gap:2px}
#root nav[aria-label=Primary] a{position:relative;padding:7px 11px;border-radius:5px;color:var(--muted-foreground);font-size:11px}
#root nav[aria-label=Primary] a[aria-current=page]{background:var(--accent);border-color:transparent;color:var(--accent-foreground);box-shadow:none}
#root nav[aria-label=Primary] a[aria-current=page]::after{content:'';position:absolute;left:11px;right:11px;bottom:-6px;height:2px;background:var(--primary);border-radius:1px}
#root header :is(button[aria-label='Color Mode'],button[aria-label='User profile menu'],.mva-notification-trigger,.mvn-trigger){border-radius:8px;box-shadow:0 1px 2px #00000006}
#root header button[aria-label='Search Moonverse']{border-radius:7px;border-color:var(--border);background:var(--mv-inset);box-shadow:inset 0 1px 2px #00000004}
#root nav[aria-label=Mobile]{padding-bottom:env(safe-area-inset-bottom,0px);background:var(--card);border-top:1px solid var(--border);box-shadow:0 -3px 14px #00000008}
#root nav[aria-label=Mobile] a{position:relative;color:var(--muted-foreground);border-radius:6px}
#root nav[aria-label=Mobile] a[aria-current=page]{background:var(--accent);color:var(--accent-foreground);box-shadow:none}
#root nav[aria-label=Mobile] a[aria-current=page]::before{content:'';position:absolute;top:0;width:18px;height:2px;border-radius:1px;background:var(--primary)}
/* Display type belongs to story identities and page titles; working labels stay sans. */
#root main :is(.mva-heading h1,.mve-title-line h1,.mvd-intro h1,.mww-heading h1,.mv-rank-heading h1){font-family:var(--mv-display);font-weight:550;font-size:27px;letter-spacing:-.045em;line-height:1.25}
:is(.mva-heading,.mve-heading,.mvd-intro,.mww-heading,.mv-rank-heading){position:relative;isolation:isolate;border:1px solid color-mix(in srgb,var(--mv-hero-base) 60%,var(--border))!important;border-radius:9px;background:linear-gradient(112deg,var(--mv-hero-base),var(--mv-hero-end));box-shadow:inset 0 1px #ffffff14,0 3px 10px #0000000c;overflow:hidden}
:is(.mva-heading,.mve-heading,.mvd-intro,.mww-heading,.mv-rank-heading)::before{background:none;opacity:1;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 30%,#e5c68d07)}
:is(.mva-heading,.mve-heading,.mvd-intro,.mww-heading,.mv-rank-heading)::after{content:'';position:absolute;width:130px;height:130px;right:25px;top:-70px;border:1px solid #e5c68d22;border-radius:50%;box-shadow:0 0 0 13px #e5c68d05,0 0 0 30px #e5c68d04;z-index:-1;pointer-events:none}
:is(.mva-heading,.mve-heading,.mvd-intro,.mww-heading,.mv-rank-heading) :is(.mva-eyebrow,.mve-kicker,.mvd-eyebrow,.mww-eyebrow){color:var(--mv-hero-accent);font-size:8px;letter-spacing:.16em;font-weight:650}
.mvd-stats>div,.mww-balances>span{border:1px solid #ffffff1c;border-radius:6px;background:#ffffff08}
/* The home shelf reads like a curated reading room, with artwork doing the talking. */
.mv-index{gap:15px}
.mv-index-featured{position:relative;isolation:isolate;border:1px solid var(--border);border-radius:11px;background:var(--card);box-shadow:var(--mv-shadow-md);padding:15px!important;overflow:hidden}
.mv-index-featured::before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--primary),var(--mv-gold) 55%,transparent);pointer-events:none}
.mv-index-featured>.mv-index-section-head{margin-bottom:12px;align-items:center}
.mv-index .mv-index-heading{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.mv-index .mv-index-heading .mv-home-kicker{display:block;font:750 8px/1.5 var(--mv-ui-font);letter-spacing:.17em;color:var(--mv-label)}
#root main .mv-index .mv-index-heading h1{font:550 28px/1.2 var(--mv-display);letter-spacing:-.045em;margin:0}
.mv-index-heading>span:not(.mv-home-kicker){display:none}
.mv-index-tools{gap:10px;flex-shrink:0;align-items:center}
.mv-index-tools .mv-index-daily{border-radius:6px;background:var(--accent);color:var(--accent-foreground);border-color:color-mix(in srgb,var(--primary) 25%,var(--border));box-shadow:none;font-size:10px;font-weight:650}
.mv-index .mv-index-book h2{font:650 11px/1.5 var(--mv-ui-font);letter-spacing:-.015em;margin-top:7px;min-height:3em}
.mv-index .mv-index-book-meta{font-size:9px;margin-top:5px;color:var(--muted-foreground)}
.mv-index-cover,.mve-book-covers .mve-cover,.mvp-favorites .mvp-cover{border-radius:5px;box-shadow:0 1px 2px #0002,0 5px 10px #0002}
.mv-index .mv-index-feature-grid{padding-bottom:5px;scrollbar-color:color-mix(in srgb,var(--primary) 30%,var(--border)) transparent;scrollbar-width:thin}
.mv-index-genres{gap:6px;padding-block:0}
.mv-index-genre{box-shadow:none!important;border-radius:5px!important;border-color:var(--border);background:color-mix(in srgb,var(--card) 80%,var(--background));font-size:10px;font-weight:600;padding:5px 9px}
.mv-index-genre:hover{border-color:var(--primary);background:var(--accent);color:var(--accent-foreground)}
.mv-index-genres>.mv-index-genre:first-child{background:var(--foreground);border-color:var(--foreground);color:var(--card)}
:is(.mv-index-updates,.mv-index-popular,.mvp-section,.mva-ledger,.mva-redeem){border-top:1px solid var(--border)!important;border-radius:9px;box-shadow:var(--mv-shadow-sm)}
:is(.mv-index-section-head>h2,.mv-index-tags h2,.mvp-section-heading h2,.mvd-directory-heading h2){font:750 14px/1.45 var(--mv-ui-font);letter-spacing:-.03em}
.mv-index-updates>.mv-index-section-head,.mv-index-popular>.mv-index-section-head{padding-bottom:10px;border-bottom:1px solid var(--border);margin-bottom:0}
.mv-index-update{padding-block:10px;border-color:color-mix(in srgb,var(--border) 65%,transparent);border-radius:0}
.mv-index-update:hover{background:var(--accent)}
.mv-index-update-copy strong{font-size:11px;line-height:1.5;font-weight:650}
.mv-index-update-copy>span{font-size:10px;line-height:1.5}
.mv-index-popular ol{counter-reset:ranking}
.mv-index-popular ol>a,.mv-index-popular li>a{border-color:color-mix(in srgb,var(--border) 65%,transparent)}
.mv-index-rank{font-family:var(--mv-display);font-size:18px;font-weight:500;color:var(--mv-gold)}
.mv-index-collection{border-radius:8px;border-color:var(--border);background:var(--card);box-shadow:var(--mv-shadow-sm);padding:11px}
.mv-index-collection:nth-child(2){background:linear-gradient(115deg,color-mix(in srgb,var(--mv-rose) 5%,var(--card)),var(--card))}
.mv-index-collection:nth-child(3){background:linear-gradient(115deg,color-mix(in srgb,var(--mv-mint) 5%,var(--card)),var(--card))}
.mv-index-collection h3{font-family:var(--mv-display);font-weight:550;font-size:13px;letter-spacing:-.025em}
.mv-index-tags{border-radius:9px;box-shadow:none;border:1px solid var(--border)}
/* Small, useful personal entry point. No new shelf state or progress calculation. */
.mv-home-return{display:flex;align-items:center;gap:13px;border:1px solid var(--border);border-left:2px solid var(--mv-mint);border-radius:8px;background:var(--card);padding:8px 10px;min-width:0;box-shadow:var(--mv-shadow-sm)}
.mv-home-return-label{display:flex;align-items:center;gap:7px;flex:0 0 160px;min-width:0}
.mv-home-return-label>span:first-child{font-size:24px;color:var(--mv-mint);line-height:1}
.mv-home-return-label>span:last-child{display:flex;flex-direction:column;gap:4px}
.mv-home-return-label strong{font-size:10px;font-weight:750;line-height:1.5}
.mv-home-return-label small{font-size:9px;color:var(--muted-foreground);line-height:1.5}
.mv-home-return-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex:1;min-width:0}
.mv-home-return-story{display:flex;align-items:center;gap:9px;min-width:0;border-left:1px solid var(--border);padding:3px 8px;min-height:49px;border-radius:0 5px 5px 0}
.mv-home-return-story:hover{background:var(--accent)}
.mv-home-return-story:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.mv-home-return-cover{position:relative;isolation:isolate;display:block;width:30px;height:45px;flex:0 0 30px;overflow:hidden;border-radius:3px;background:var(--accent);box-shadow:0 1px 3px #0002}
.mv-home-return-cover>span{position:absolute;inset:4px;font-size:6px;line-height:1.3;overflow:hidden;overflow-wrap:anywhere;color:var(--accent-foreground)}
.mv-home-return-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mv-home-return-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.mv-home-return-copy strong{font-size:10px;line-height:1.5;font-weight:650;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mv-home-return-copy small{font-size:9px;line-height:1.4;color:var(--muted-foreground)}
.mv-home-return-arrow{font-size:17px;color:var(--primary);flex-shrink:0}
/* Working rails are lighter than content. Selection is a deliberate ink tab. */
:is(.mva-tabs,.mvp-navigation,.mve-page-tabs,.mv-series-tabs){border-radius:7px;background:var(--mv-inset);box-shadow:none;border-color:var(--border);gap:3px;padding:3px}
:is(.mva-tabs,.mvp-navigation,.mve-page-tabs,.mv-series-tabs)>:is(button,a){border-radius:4px;min-height:30px!important;font-size:10px;font-weight:650}
:is(.mva-tabs,.mvp-navigation,.mve-page-tabs)>:is(button,a):is([aria-current=page],[aria-selected=true],.is-active),#root main .mv-series-tabs button[aria-selected=true]{background:var(--card)!important;color:var(--primary)!important;border-color:color-mix(in srgb,var(--primary) 30%,var(--border))!important;box-shadow:inset 0 -2px var(--primary),0 1px 3px #00000008}
:is(.mve-filter-rail,.mva-library .mva-shelves,.mww-toolbar,.mvd-utility){border-radius:8px;box-shadow:none;background:var(--card)}
:is(.mve-search,.mvc-search,.mva-toolbar>input,.mvs-input-wrap,.mvs-filter-grid select){border-radius:6px;background:var(--mv-inset);box-shadow:inset 0 1px 2px #00000004}
:is(.mve-book-cards,.mve-shelf,.mww-item,.mvp-collection,.mva-collections .mv-library-collection){border-radius:9px;border-color:var(--border);background:var(--card);box-shadow:var(--mv-shadow-sm)}
:is(.mve-book-cards,.mve-shelf,.mww-item,.mvp-collection,.mva-collections .mv-library-collection):hover{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));box-shadow:var(--mv-shadow-md)}
.mve-community .mve-shelf{border-top:1px solid var(--border);background:var(--card)}
.mve-community .mve-shelf:nth-child(3n+2),.mve-community .mve-shelf:nth-child(3n){border-top-color:var(--border);background:var(--card)}
.mvd-card-heading h2,.mvd-card-heading h3{font-family:var(--mv-display);font-weight:550;font-size:17px;letter-spacing:-.035em;line-height:1.45}
.mvd-featured{background:color-mix(in srgb,var(--mv-gold) 11%,var(--card));color:var(--mv-gold);border:1px solid color-mix(in srgb,var(--mv-gold) 25%,var(--border))}
.mvd-card-footer{background:var(--mv-inset);border-color:var(--border)}
.mva-library .mva-library-grid:not(.mva-library-list) .mva-library-book{background:var(--card);box-shadow:var(--mv-shadow-sm);border-radius:7px}
.mva-library .mva-book-status{border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent);padding-bottom:3px;margin-bottom:3px}
.mva-library .mva-book-status .mva-save[data-saved=true]{background:transparent!important;color:var(--primary)!important;border-color:transparent!important;box-shadow:none}
.mva-library .mva-book-status .mva-save[data-saved=true]:hover{background:var(--accent)!important}
.mva-library .mva-book-title{font-size:11px;line-height:1.5;min-height:3em}
.mva-library-list .mva-book-title{min-height:0}
.mva-library .mva-shelves button[aria-pressed=true]{background:var(--accent);color:var(--accent-foreground);box-shadow:inset 2px 0 var(--primary)}
.mva-library .mva-shelves button[aria-pressed=true] span{background:var(--card)}
.mva-collections .mv-library-collection h2{font-family:var(--mv-display);font-size:15px;letter-spacing:-.025em}
/* Story identity gets a quiet night-sky plane, not a larger poster. */
.mv-series-intro{position:relative;z-index:30;isolation:isolate;border-radius:10px;background:radial-gradient(ellipse 400px 170px at 95% 0,#e5c68d08,transparent),linear-gradient(110deg,var(--mv-hero-base),var(--mv-hero-end));border-color:#d9d0eb28;box-shadow:inset 0 1px #ffffff14,var(--mv-shadow-sm)}
#root main .mv-series-titleline h1{font-family:var(--mv-display);font-weight:550;letter-spacing:-.035em;font-size:25px!important;line-height:1.35}
.mv-series-metrics{border-color:#ffffff1c}
.mv-series-metrics dd{font-family:var(--mv-ui-font);font-weight:750}
.mv-series .mv-story-actions>a:first-child{background:var(--mv-moon)!important;border-color:var(--mv-moon)!important;color:#31291b!important;box-shadow:inset 0 1px #ffffff40,0 2px 5px #0002}
.mv-series .mv-story-actions>a:first-child:hover{background:#f3dba8!important;color:#31291b!important}
.mv-series .mv-series-genres a{border-color:#ffffff26;border-radius:4px;background:#ffffff08;color:var(--mv-hero-accent)}
.mv-series-aside>section{border-radius:7px;box-shadow:none;border-color:var(--border);background:var(--card)}
.mvc-catalog{border-radius:8px;box-shadow:var(--mv-shadow-sm);overflow:hidden}
.mvc-toolbar{background:var(--mv-inset);border-color:var(--border)}
.mvc-group-toggle{background:var(--card);box-shadow:inset 3px 0 color-mix(in srgb,var(--primary) 65%,var(--border))}
.mvc-row{background:var(--card)}
.mvc-row:nth-child(even){background:color-mix(in srgb,var(--mv-inset) 40%,var(--card))}
.mvc-row:hover{background:var(--accent)}
.mvc-row.is-current{box-shadow:inset 3px 0 var(--mv-mint)}
.mvc-index-panel{border-radius:9px}
.mv-talk-list>.mv-talk-item{border-radius:7px;box-shadow:none;background:var(--card);border-color:var(--border)}
.mv-talk-composer{border-radius:8px;box-shadow:var(--mv-shadow-sm);border-top:1px solid var(--border)}
.mv-talk-review-overview{background:var(--card);border-radius:8px;box-shadow:none}
.mv-talk-replies{border-left:1px solid color-mix(in srgb,var(--primary) 50%,var(--border));padding-left:10px}
.mv-talk-action{border-radius:4px}
.mv-talk-list>.mv-talk-item:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}
/* Account surfaces carry less decoration; personal artwork remains the accent. */
.mvp-identity{border-radius:10px;box-shadow:var(--mv-shadow-sm)}
.mvp-banner::after{background:linear-gradient(95deg,#111c2bb8,#34304740),url('./moonverse-atmosphere.svg') right center/auto 150px}
.mvp-stats{background:var(--mv-inset);box-shadow:none}
.mvp-section{border-radius:8px;box-shadow:var(--mv-shadow-sm)}
.mvp-section-heading{border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:10px}
.mvp-profile .mvp-goal{background:var(--mv-inset);border:0;border-radius:6px}
.mvp-profile .mvp-goal strong{font-family:var(--mv-display);font-weight:500;font-size:32px}
.mvp-profile .mvp-wallet-section{border-radius:8px;box-shadow:var(--mv-shadow-sm)}
.mvp-profile .mvp-wallet-topup{background:linear-gradient(105deg,color-mix(in srgb,var(--primary) 7%,var(--card)),var(--card))}
.mvp-profile .mvp-reading-progress{background:transparent}
.mva-wallet-summary>div{border-radius:8px;box-shadow:var(--mv-shadow-sm);background:var(--card)}
.mva-pass{border-radius:9px;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--mv-gold) 7%,transparent),transparent 60%),var(--card);box-shadow:var(--mv-shadow-sm)}
.mva-pass h2{font-family:var(--mv-display);font-size:25px;font-weight:550}
.mva-pass-seal{background:var(--primary);color:var(--primary-foreground)}
.mva-membership .mva-edition-library{border-radius:9px;box-shadow:var(--mv-shadow-sm)}
.mva-membership .mva-edition-heading{background:var(--card)}
.mva-membership .mva-letter-group h3>span{font-family:var(--mv-display);font-weight:550;font-size:19px;background:transparent;color:var(--primary)}
.mva-membership .mva-alphabet{background:var(--mv-inset)}
.mva-membership .mva-alphabet button:not(:disabled){box-shadow:inset 0 -2px var(--primary);background:var(--card)}
.mva-membership .mva-alphabet button:not(:disabled):hover{color:var(--primary-foreground);background:var(--primary)}
.mva-membership .mva-edition-story{border-color:color-mix(in srgb,var(--border) 75%,transparent)}
.mva-membership .mva-edition-state.is-owned{color:var(--mv-mint);background:transparent;padding-inline:0}
.mva-membership .mva-ledger,.mva-membership .mva-redeem{border-radius:8px;box-shadow:var(--mv-shadow-sm)}
.mva-topup-sheet .mva-packs>button{border-radius:6px;box-shadow:none}
.mva-topup-sheet .mva-packs>button[aria-pressed=true]{box-shadow:inset 0 -3px var(--primary);background:var(--accent);border-color:var(--primary)}
.mva-topup-sheet .mva-pack-label{border-radius:3px;background:transparent;color:var(--muted-foreground)}
/* Menus and dialogs feel like tools with a quiet surface and a strong hierarchy. */
:is(.mva-dialog,.mvs-dialog,.mvp-dialog,.mve-drawer,.mvc-index-panel,.mvr-panel,.mv-talk-drawer){border-radius:10px;border-color:var(--border);box-shadow:0 0 0 1px var(--mv-edge),var(--mv-shadow-lg)}
:is(.mva-dialog>header,.mvp-dialog-heading,.mve-drawer-heading,.mvr-panel-heading,.mvc-index-heading){background:var(--mv-inset);box-shadow:none}
.mvn-menu>header{background:linear-gradient(110deg,var(--mv-hero-base),var(--mv-hero-end));border-bottom:1px solid #ffffff20}
.mvn-menu>.mva-dialog-body{background:var(--popover)}
.mvn-destinations>a,.mvn-more nav>a{border-radius:6px;box-shadow:none;background:var(--card);min-height:40px}
.mvn-destinations>a>svg{border:1px solid var(--border);background:var(--mv-inset);color:var(--primary);border-radius:5px;padding:5px;box-sizing:content-box}
.mvn-destinations>a[aria-current=page]{background:var(--accent);border-color:color-mix(in srgb,var(--primary) 35%,var(--border));color:var(--accent-foreground);box-shadow:inset 2px 0 var(--primary)}
.mvn-destinations>a[aria-current=page]>svg{background:var(--card);color:var(--primary)}
.mvn-themes>div,.mvs-modes,.mvs-scopes{border-radius:6px;box-shadow:none;background:var(--mv-inset)}
.mvn-themes button[aria-pressed=true],.mvs-modes button[aria-pressed=true],.mvs-scopes button[aria-pressed=true]{background:var(--card);color:var(--primary);box-shadow:inset 0 -2px var(--primary),0 1px 3px #00000008}
.mvs-header h2{font-family:var(--mv-ui-font)!important;font-weight:750!important}
.mvs-input-wrap{border-radius:7px;min-height:42px}
.mvs-result{border-radius:6px}
.mvs-result:hover,.mvs-result:focus-visible{background:var(--accent);border-color:transparent}
.mvs-advanced{background:var(--mv-inset);border-radius:6px;border:1px solid var(--border)}
.mva-notification-list>article[data-read=false]{background:color-mix(in srgb,var(--primary) 6%,var(--card));border-left:2px solid var(--primary)}
/* Reader format preferences remain authoritative; only its tools receive this treatment. */
.mvr-topbar{background:color-mix(in srgb,var(--card) 96%,transparent);box-shadow:0 1px 0 var(--mv-edge)}
.mvr-chapter-header{border-bottom:1px solid var(--border);padding-bottom:14px}
.mvr-reader .mvr-chapter-header h1{font-family:var(--mv-display);font-weight:550;letter-spacing:-.03em}
.mvr-breadcrumb{font-size:10px;color:var(--muted-foreground)}
.mvr-dock-controls{background:var(--popover);border-color:var(--border);border-radius:10px;box-shadow:inset 0 1px var(--mv-edge),0 4px 10px #00000020,0 10px 30px #00000030}
.mvr-dock-controls .mvr-dock-index{border-radius:5px;background:var(--primary)!important;color:var(--primary-foreground)!important}
.mvr-reader .mvr-dock-controls :is(a,button)[aria-pressed=true]:not(.mvr-dock-index){background:var(--accent);color:var(--accent-foreground)}
.mrx-bar{background:var(--card);border-radius:8px;box-shadow:none}
.mrx-reaction{border-radius:6px;background:var(--mv-inset)}
.mww-dressing-room{background:var(--card);border-radius:9px;box-shadow:var(--mv-shadow-sm)}
.mww-item-preview{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--mwc-a,var(--primary)) 9%,var(--card)),var(--card))}
.mww-item.is-equipped{border-color:var(--primary);box-shadow:inset 0 -3px var(--primary),var(--mv-shadow-sm)}
.mv-rank-table{border-radius:8px;box-shadow:var(--mv-shadow-sm);overflow:hidden}
.mv-rank-table-head{background:var(--mv-inset)}
.mv-rank-row.is-top{background:linear-gradient(90deg,color-mix(in srgb,var(--mv-gold) 7%,var(--card)),var(--card))}
.mv-rank-row.is-top .mv-rank-number{font-family:var(--mv-display);color:var(--mv-gold);font-weight:550}
#root main .mv-settings-nav{background:var(--mv-inset);box-shadow:none;border:1px solid var(--border);border-radius:8px}
#root main .mv-page :where([class~='bg-card'],[class~='celestial-glass']){background:var(--card);box-shadow:var(--mv-shadow-sm);border-radius:9px}
#root main .mv-page :where([class~='rounded-3xl'],[class~='rounded-2xl']):not(.mwc-avatar):not(.mwc-art){border-radius:10px}
:is(.mve-empty,.mva-empty,.mvp-empty,.mvc-empty,.mvs-empty,.mv-not-found){background:var(--card);border-color:color-mix(in srgb,var(--primary) 35%,var(--border));box-shadow:none;border-radius:8px}
.mv-footer{position:relative;background:var(--mv-inset);box-shadow:none;border-top:1px solid var(--border);padding-block:20px}
.mv-footer-brand>a{font-size:14px;letter-spacing:.12em}
.mv-footer nav a:hover{color:var(--primary);text-decoration:underline;text-underline-offset:3px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .mv-index-cover,.mve-book-covers .mve-cover{transition:box-shadow .18s,translate .18s}
 .mv-index-book:hover .mv-index-cover,.mve-book-covers:hover .mve-cover{translate:0 -2px;box-shadow:0 3px 5px #0002,0 8px 15px #0002}
}
@media(max-width:1000px){
 .mv-home-return-label{flex-basis:140px}
 .mv-home-return-rows{gap:4px}
 .mv-home-return-story{gap:7px;padding-inline:7px}
}
@media(max-width:767px){
 #root main:not([data-reader=true]){padding-top:13px}
 #root main :is(.mva-heading h1,.mve-title-line h1,.mvd-intro h1,.mww-heading h1,.mv-rank-heading h1){font-size:23px}
 #root main .mv-series-titleline h1{font-size:21px!important;line-height:1.4}
 .mv-index-featured{padding:12px!important}
 #root main .mv-index .mv-index-heading h1{font-size:24px}
 .mv-index .mv-index-heading .mv-home-kicker{font-size:7px}
 .mv-index-tools{gap:7px}
 .mv-index-tools :is(a,button){font-size:9px}
 .mv-index .mv-index-book h2{font-size:10px}
 .mv-home-return{flex-direction:column;align-items:stretch;gap:7px;padding:9px}
 .mv-home-return-label{flex-basis:auto;gap:6px}
 .mv-home-return-label>span:last-child{display:flex;flex-direction:row;align-items:center;gap:8px}
 .mv-home-return-label strong{font-size:10px}
 .mv-home-return-label small{font-size:8px}
 .mv-home-return-label>span:first-child{font-size:18px}
 .mv-home-return-rows{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:8px;padding-bottom:2px;scrollbar-width:thin}
 .mv-home-return-story{flex:1 0 min(265px,90%);border:1px solid var(--border);border-radius:6px;padding:6px;scroll-snap-align:start;background:var(--card);min-height:55px}
 .mv-home-return-story:only-child{flex-basis:100%}
 .mv-home-return-copy strong{font-size:10px}
 .mv-home-return-copy small{font-size:9px}
 .mv-home-return-cover{width:28px;height:42px;flex-basis:28px}
 .mvd-card-heading h2,.mvd-card-heading h3{font-size:16px}
 .mva-library .mva-book-title{font-size:10px}
 .mv-index-update{padding-block:9px}
 .mvn-destinations>a{min-height:38px}
}
@media(max-width:420px){
 .mv-index-featured>.mv-index-section-head{align-items:flex-start;gap:8px}
 #root main .mv-index .mv-index-heading h1{font-size:22px}
 .mv-index-tools{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
 .mv-index-tools .mv-index-daily{min-height:26px!important;padding:4px 6px;font-size:8px}
 .mv-index-tools>a{min-height:24px;display:inline-flex;align-items:center;font-size:8px}
 .mv-home-return-label small{display:none}
 .mv-index-genres{gap:5px}
 .mv-index-genre{padding:5px 7px;font-size:9px}
}
@media(pointer:coarse){
 .mva-tabs>button,.mve-page-tabs>a,.mvp-navigation nav>button,.mvn-themes button{min-height:32px!important}
 .mva-membership .mva-alphabet button{min-height:30px!important}
 .mva-library .mva-book-status .mva-save{width:32px;height:32px;min-height:32px!important}
}
@media(prefers-reduced-motion:reduce){.mv-index-cover,.mve-book-covers .mve-cover{transition:none;translate:none}}
/* Saved cover marks use a stable moon-gold state over unpredictable artwork. */
.mva-save.mva-save-cover{background:#1c2333e8!important;color:#fffaf0!important;border-color:#ffffff66!important;box-shadow:0 1px 4px #0003}
.mva-save.mva-save-cover[data-saved=true]{background:#e5c68d!important;color:#2f2930!important;border-color:#f4dfb8!important}
.mva-save.mva-save-cover:hover{background:#303a51!important;color:#fffaf0!important;box-shadow:0 0 0 2px #ffffff70}
.mva-save.mva-save-cover[data-saved=true]:hover{background:#f2d9aa!important;color:#2f2930!important}
img[hidden],[hidden]{display:none!important}
@media(max-width:639px){.mva-membership .mva-alphabet>div{grid-template-columns:repeat(9,minmax(24px,1fr))}}
.mvp-navigation nav button[aria-current=page],.mvp-navigation nav button[aria-current=page]:hover{background:var(--card);color:var(--primary);border-color:color-mix(in srgb,var(--primary) 30%,var(--border));box-shadow:inset 0 -2px var(--primary),0 1px 3px #00000008}
.mv-index .mv-index-rank{width:24px;min-width:24px;white-space:nowrap;overflow-wrap:normal;line-height:1.2;font-variant-numeric:tabular-nums}

/* Light palettes keep neutral reading surfaces without atmospheric color washes. */
:root.light body::before,:root.theme-light body::before,:root.theme-sepia body::before{opacity:0}
:root.light .mva-pass,:root.theme-light .mva-pass,:root.theme-sepia .mva-pass{background:var(--card)}
:root.light .mva-wallet-links>section,:root.theme-light .mva-wallet-links>section,:root.theme-sepia .mva-wallet-links>section{background:var(--card)}

/* Story reading shelf modal & dialog safety */
.mv-series-intro { position: relative; z-index: 30; }
.mva-dialog.mva-save-dialog {
  max-width: 380px;
  width: min(380px, calc(100vw - 24px));
  border-radius: 14px;
}
.mva-save-dialog .mva-shelf-options > button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  transition: all 0.15s ease;
}
.mva-save-dialog .mva-shelf-options > button:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 1px;
}

/* Notification popover scroll containment and bottom clearance */
.mva-notification-list {
  padding-bottom: 12px;
}
.mva-notification-list > article:last-child {
  border-bottom: none;
}

/* Accessible touch targets across all viewports (WCAG 2.5.5 / 2.5.8 compliant) */
.mv-footer nav a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 4px 0;
}
.mv-footer-bottom a {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 2px 0;
}
.mv-footer-brand > a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
}
.mve-book h2 a,
.mve-book-list h2 a {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
}
.mvd-themes > a {
  min-height: 28px;
  padding: 3px 8px;
}
.mv-series-byline > a {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 2px 6px;
  border-radius: 4px;
}
.mv-series-breadcrumb a {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 2px 6px;
  border-radius: 4px;
}
.mv-series-genres a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  min-height: 26px;
  padding: 2px 8px;
  border-radius: 4px;
}
.mv-series-section-title a {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 2px 6px;
  border-radius: 4px;
}
.mve-discover-footnote a {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 2px 6px;
  border-radius: 4px;
}
.mvr-series-link {
  min-height: 32px;
  padding: 2px 4px;
  border-radius: 6px;
}
.mvr-after-actions :is(button, a) {
  min-height: 28px !important;
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  border-radius: 4px;
}
.mva-library-book-copy .mva-between a {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 2px 6px;
  border-radius: 4px;
}
.mvp-profile .mvp-story-title {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
}
.mva-heading > a,
.mva-heading-links > a,
.mww-balances > a,
.mva-wallet-links section > a,
.mva-edition-title h4 a {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 2px 6px;
  border-radius: 4px;
}
.mv-talk-spoiler-check,
.mww-motion {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.mv-talk-spoiler-check input,
.mww-motion input {
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
}

/* Safe-area insets & Mobile Navigation layout polish */
.safe-bottom,
#root nav[aria-label="Mobile"] {
  padding-bottom: calc(6px + env(safe-area-inset-bottom, 0px)) !important;
}

@supports (padding-bottom: env(safe-area-inset-bottom)) {
  .mvr-reader {
    padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px));
  }
  .mvr-dock {
    bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

.mvr-topbar {
  padding-top: max(6px, env(safe-area-inset-top, 0px)) !important;
}

.mvr-panel-heading {
  padding-top: max(12px, env(safe-area-inset-top, 0px)) !important;
}

.mvr-settings-body,
.mvr-tools-body,
.mvr-issue {
  padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
}

@media (max-width: 479px) {
  .mvs-dialog {
    inset: max(8px, env(safe-area-inset-top, 0px)) 0 auto;
    width: calc(100vw - 16px);
    max-height: calc(100dvh - max(16px, calc(env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px) + 8px)));
  }
  .mvs-footer {
    padding-bottom: max(4px, env(safe-area-inset-bottom, 0px));
  }
  .mxf-inspector {
    max-height: calc(100dvh - max(24px, calc(env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px))));
  }
}

@media (max-width: 639px) {
  .mvc-overlay {
    padding-top: max(10px, env(safe-area-inset-top, 0px));
    padding-bottom: max(10px, env(safe-area-inset-bottom, 0px));
  }
}