/* Moonverse / Orchid & Ink. A shared visual system above the compact layout layers. */
:root,:root.light,:root.theme-light{
 --background:#f5f3f8;--foreground:#292335;--card:#fffdfd;--card-foreground:#292335;--popover:#fffdfd;--popover-foreground:#292335;
 --muted:#ede9f3;--muted-foreground:#70677e;--border:#dfd8e8;--input:#d8cfe4;--ring:#8857b7;
 --primary:#7642a5;--primary-foreground:#fff;--accent:#e9dff4;--accent-foreground:#5f318c;--secondary:#eee6f7;--secondary-foreground:#5e377f;
 --mv-orchid:#ad7be0;--mv-mint:#29776d;--mv-rose:#b44d77;--mv-gold:#95651e;--mv-surface:#fffdfd;--mv-surface-raised:#fff;
 --mv-wash:rgba(156,107,205,.095);--mv-wash-secondary:rgba(74,145,137,.055);--mv-elevated:0 6px 22px #3c1f5e08,0 1px 2px #3c1f5e06;
 --mv-hairline:rgba(255,255,255,.8);--mv-hero-start:#f2eafa;--mv-hero-end:#fbf8fd;--mv-display:Literata,Georgia,serif;
 color-scheme:light;
}
:root.dark,:root.dark.theme-dark{
 --background:#14111b;--foreground:#f0eaf7;--card:#1e1928;--card-foreground:#f0eaf7;--popover:#241e30;--popover-foreground:#f0eaf7;
 --muted:#2a2336;--muted-foreground:#b2a6c3;--border:#3a3049;--input:#433650;--ring:#c5a0ef;
 --primary:#c9a5f1;--primary-foreground:#261334;--accent:#332541;--accent-foreground:#e0c4fd;--secondary:#30243e;--secondary-foreground:#e4cff9;
 --mv-orchid:#c59aef;--mv-mint:#89d1c0;--mv-rose:#e8a1bc;--mv-gold:#e5c084;--mv-surface:#1e1928;--mv-surface-raised:#282032;
 --mv-wash:rgba(166,104,218,.11);--mv-wash-secondary:rgba(104,176,161,.045);--mv-elevated:0 8px 25px #08040e24,0 1px 2px #08040e30;
 --mv-hairline:rgba(240,217,255,.045);--mv-hero-start:#30203e;--mv-hero-end:#211a2e;color-scheme:dark;
}
:root.theme-midnight,:root.dark.theme-midnight{
 --background:#0e0d14;--foreground:#f0ebf7;--card:#191620;--card-foreground:#f0ebf7;--popover:#221c2c;--popover-foreground:#f0ebf7;
 --muted:#272131;--muted-foreground:#afa3bf;--border:#342b40;--input:#41324f;--ring:#c298f3;
 --primary:#c6a0f1;--primary-foreground:#251231;--accent:#30213f;--accent-foreground:#dfc4ff;--secondary:#2b2138;--secondary-foreground:#e1c5fa;
 --mv-orchid:#bf91ee;--mv-mint:#8bcfc0;--mv-rose:#e3a0b9;--mv-gold:#e2bd7d;--mv-surface:#191620;--mv-surface-raised:#231c2e;
 --mv-wash:rgba(145,88,201,.1);--mv-wash-secondary:rgba(95,161,146,.035);--mv-elevated:0 8px 28px #03010635,0 1px 3px #03010640;
 --mv-hairline:rgba(235,208,255,.05);--mv-hero-start:#2a1b38;--mv-hero-end:#191521;color-scheme:dark;
}
:root.theme-sepia,:root.light.theme-sepia{
 --background:#f4eee5;--foreground:#342b2c;--card:#fffbf3;--card-foreground:#342b2c;--popover:#fffbf3;--popover-foreground:#342b2c;
 --muted:#eae0d5;--muted-foreground:#78665f;--border:#ded0c4;--input:#d8c6b9;--ring:#956065;
 --primary:#8b4c64;--primary-foreground:#fff;--accent:#efdae0;--accent-foreground:#773f54;--secondary:#eee0dc;--secondary-foreground:#704151;
 --mv-orchid:#b27a8e;--mv-mint:#447c6b;--mv-rose:#a94768;--mv-gold:#9b6828;--mv-surface:#fffbf3;--mv-surface-raised:#fffdf8;
 --mv-wash:rgba(167,106,124,.075);--mv-wash-secondary:rgba(153,126,82,.05);--mv-elevated:0 6px 22px #5c3b2609,0 1px 2px #5c3b2608;
 --mv-hairline:rgba(255,255,255,.7);--mv-hero-start:#f0dfe2;--mv-hero-end:#faf0e6;color-scheme:light;
}
html{background:var(--background);scrollbar-color:color-mix(in srgb,var(--primary) 30%,var(--muted)) var(--background)}
body{background:radial-gradient(ellipse 850px 470px at 8% 0,var(--mv-wash),transparent 76%),radial-gradient(ellipse 650px 420px at 100% 12%,var(--mv-wash-secondary),transparent 80%),var(--background);color:var(--foreground)}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:url('./moonverse-grain.svg');opacity:.025}
#root{position:relative;z-index:1}
::selection{background:color-mix(in srgb,var(--primary) 25%,transparent);color:var(--foreground)}
/* Shared header: compact floating controls, a quieter brand, definite active navigation. */
#root header:has(nav[aria-label=Primary]){background:color-mix(in srgb,var(--card) 88%,transparent);backdrop-filter:blur(18px);border-color:var(--border);box-shadow:0 1px 0 var(--mv-hairline)}
#root header:has(nav[aria-label=Primary])>div:first-child{height:56px}
#root header:has(nav[aria-label=Primary]) a[aria-label="Moonverse home"]>div:first-child{border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--card));border-color:color-mix(in srgb,var(--primary) 25%,var(--border));color:var(--primary);box-shadow:inset 0 1px var(--mv-hairline)}
#root header:has(nav[aria-label=Primary]) a[aria-label="Moonverse home"] svg{color:var(--primary)}
#root header:has(nav[aria-label=Primary]) a[aria-label="Moonverse home"]>div:last-child>span:first-child{font-family:'Plus Jakarta Sans',Inter,sans-serif;font-weight:750;letter-spacing:.105em;font-size:13px}
#root header:has(nav[aria-label=Primary]) a[aria-label="Moonverse home"]>div:last-child>span:last-child{color:var(--primary);font-size:6px;letter-spacing:.18em}
#root nav[aria-label=Primary]{gap:3px;padding:3px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--muted) 40%,transparent)}
#root nav[aria-label=Primary] a{padding:6px 11px;border-radius:999px;font-size:11px;color:var(--muted-foreground);border:1px solid transparent}
#root nav[aria-label=Primary] a:hover{background:var(--muted);color:var(--foreground)}
#root nav[aria-label=Primary] a[aria-current=page]{background:var(--card);border-color:var(--border);color:var(--primary);box-shadow:0 1px 3px #0001}
#root header button[aria-label="Search Moonverse"]{border-radius:999px;background:color-mix(in srgb,var(--muted) 55%,transparent);border-color:var(--border)}
#root header :is(button[aria-label="Color Mode"],button[aria-label="User profile menu"],.mva-notification-trigger,.mvn-trigger){border-radius:9px;background:var(--card);border-color:var(--border)}
#root nav[aria-label=Mobile]{background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(18px);box-shadow:0 -6px 22px #00000008;border-color:var(--border)}
#root nav[aria-label=Mobile] a[aria-current=page]{color:var(--primary)}
/* Distinct title hierarchy; story names on cards remain compact sans-serif. */
#root main:not([data-reader=true]) h1{font-family:var(--mv-display);font-weight:600;letter-spacing:-.04em;line-height:1.24}
#root main .mv-index .mv-index-heading h1{font-size:25px}
#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:27px}
:is(.mv-index-section-head>h2,.mv-index-tags>h2,.mvp-section-heading h2,.mvd-directory-heading h2,.mva-bookmarks h2,.mv-rank-heading h1){font-family:var(--mv-display);font-weight:550;letter-spacing:-.025em}
.mv-index-section-head>h2,.mv-index-tags>h2{font-size:18px}
:is(.mva-eyebrow,.mve-kicker,.mvd-eyebrow,.mww-eyebrow){color:var(--primary);font-size:8px;letter-spacing:.16em;font-weight:600}
/* Shallow title rooms provide color without tall hero sections. */
:is(.mva-heading,.mve-heading,.mvd-intro,.mww-heading,.mv-rank-heading){position:relative;isolation:isolate;padding:13px 15px!important;border:1px solid var(--border)!important;border-radius:12px;background:linear-gradient(115deg,var(--mv-hero-start),var(--mv-hero-end));box-shadow:inset 0 1px 0 var(--mv-hairline),var(--mv-elevated);overflow:hidden;gap:12px}
:is(.mva-heading,.mve-heading,.mvd-intro,.mww-heading,.mv-rank-heading)::before{content:'';position:absolute;inset:0;z-index:-1;background:url('./moonverse-atmosphere.svg') right center/auto 155px no-repeat;opacity:.5;pointer-events:none}
:is(.mva-heading,.mve-heading,.mvd-intro,.mww-heading,.mv-rank-heading) h1{margin-block:3px 5px}
:is(.mva-heading,.mve-heading,.mvd-intro,.mww-heading,.mv-rank-heading) p{font-size:11px;line-height:1.6}
/* One surface scale for cards and panels; typography and layout retain their own density. */
:is(.mve-book-cards,.mve-shelf,.mv-index-collection,.mww-item,.mva-wallet-summary>div,.mva-pass,.mva-wallet-links>article,.mva-redeem,.mva-ledger,.mv-rank-table,.mvp-collection,.mvp-identity){border-color:var(--border);background:var(--card);border-radius:11px;box-shadow:inset 0 1px 0 var(--mv-hairline),var(--mv-elevated)}
:is(.mve-book-cards,.mve-shelf,.mv-index-collection,.mww-item,.mvp-collection){transition:border-color .18s,background .18s,box-shadow .18s}
:is(.mve-book-cards,.mve-shelf,.mv-index-collection,.mww-item,.mvp-collection):hover{border-color:color-mix(in srgb,var(--primary) 48%,var(--border));box-shadow:0 6px 22px color-mix(in srgb,var(--primary) 8%,transparent)}
#root main .mv-page :where([class~='rounded-2xl'],[class~='rounded-3xl']):not(.mwc-avatar):not(.mwc-art){border-color:var(--border)}
#root main .mv-page :where([class~='bg-card'],[class~='celestial-glass']){background-color:var(--card);box-shadow:inset 0 1px var(--mv-hairline),var(--mv-elevated)}
/* Actions use the theme's actual foreground, including light lilac on deep ink. */
:is(.mva-primary,.mvp-primary,.mve-primary,.mww-primary,.mv-talk-primary,.mv-button-primary){background:var(--primary)!important;border-color:var(--primary)!important;color:var(--primary-foreground)!important;box-shadow:inset 0 1px #ffffff1c,0 2px 6px #0000000a;border-radius:7px}
:is(.mva-primary,.mvp-primary,.mve-primary,.mww-primary,.mv-talk-primary,.mv-button-primary):hover{background:color-mix(in srgb,var(--primary) 88%,var(--foreground))!important;border-color:var(--primary)!important;color:var(--primary-foreground)!important}
:is(.mve-secondary,.mvp-secondary,.mva-secondary,.mww-text-button){border-radius:7px}
:where(button,a,summary,[role="tab"]):focus-visible{outline-color:var(--ring)!important}
:where(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--primary)}
/* Tabs and filters: pill rails, crisp active ink, deliberately visible selected states. */
:is(.mva-tabs,.mvp-navigation,.mve-page-tabs,.mv-series-tabs){gap:5px;padding:4px;border:1px solid var(--border);border-radius:9px;background:color-mix(in srgb,var(--card) 75%,transparent);box-shadow:inset 0 1px var(--mv-hairline)}
:is(.mva-tabs,.mvp-navigation,.mve-page-tabs,.mv-series-tabs)>:is(a,button){padding:6px 11px;min-height:30px!important;border:1px solid transparent;border-radius:6px;background:transparent;font-size:10px;color:var(--muted-foreground)}
:is(.mva-tabs,.mvp-navigation,.mve-page-tabs,.mv-series-tabs)>:is(a,button):is([aria-current=page],[aria-selected=true],[aria-pressed=true],.is-active){color:var(--primary);background:var(--accent);border-color:color-mix(in srgb,var(--primary) 20%,var(--border));box-shadow:inset 0 1px var(--mv-hairline)}
:is(.mve-status-tabs,.mvd-sort-tabs,.mvd-scope,.mww-type-tabs,.mv-talk-segments,.mvc-access,.mv-index-filters){border-radius:8px}
: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(--accent)!important;color:var(--accent-foreground)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 20%,var(--border));border-color:transparent}
:is(.mve-filter-rail,.mva-shelves){border-radius:10px;background:color-mix(in srgb,var(--card) 65%,transparent);border:1px solid var(--border);padding:10px}
:is(.mve-filter-rail,.mva-shelves) :is(button[aria-pressed=true],button[aria-current=page]){color:var(--primary);background:var(--accent);border-color:color-mix(in srgb,var(--primary) 25%,var(--border))}
:is(.mve-search input,.mva-toolbar>input,.mvc-search input,.mvs-input-wrap,.mvs-filter-grid select){background:color-mix(in srgb,var(--background) 70%,var(--card));border-color:var(--border)}
/* Homepage: a featured shelf, jewel-tone genre chips, framed update columns. */
.mv-index-featured{padding:13px;border:1px solid var(--border);border-radius:13px;background:linear-gradient(115deg,color-mix(in srgb,var(--primary) 7%,var(--card)),var(--card));box-shadow:inset 0 1px var(--mv-hairline),var(--mv-elevated)}
.mv-index-heading>span{font-size:10px}
.mv-index-cover{border-radius:8px;border-color:color-mix(in srgb,var(--primary) 18%,var(--border));box-shadow:0 3px 8px #0002}
.mv-index-book h2{font-family:Inter,system-ui,sans-serif;font-size:11px;line-height:1.5;font-weight:550;letter-spacing:-.015em}
.mv-index-book-meta>span:last-child{color:var(--mv-gold)}
.mv-index-genres{border:0;padding:0;gap:6px}
.mv-index-genre{border-radius:999px;padding:5px 11px;background:var(--card);box-shadow:0 1px 3px #00000005;color:var(--primary);border-color:color-mix(in srgb,var(--primary) 18%,var(--border))}
.mv-index-genre:nth-child(3n){color:var(--mv-mint);background:color-mix(in srgb,var(--mv-mint) 6%,var(--card));border-color:color-mix(in srgb,var(--mv-mint) 22%,var(--border))}
.mv-index-genre:nth-child(4n){color:var(--mv-rose);background:color-mix(in srgb,var(--mv-rose) 6%,var(--card));border-color:color-mix(in srgb,var(--mv-rose) 22%,var(--border))}
.mv-index-columns{gap:14px}
:is(.mv-index-updates,.mv-index-popular){min-width:0;padding:12px;border:1px solid var(--border);border-radius:11px;background:color-mix(in srgb,var(--card) 85%,transparent);box-shadow:var(--mv-elevated)}
.mv-index-update-list{border-top:0}
.mv-index-update{padding:8px 2px;border-color:color-mix(in srgb,var(--border) 72%,transparent)}
.mv-index-update:last-child,.mv-index-popular li:last-child>a{border-bottom:0}
.mv-index-update-copy strong{font-size:11px;font-weight:550}
.mv-index-update-copy>span{font-size:10px}
.mv-index-rank{font-family:var(--mv-display);font-weight:550;font-size:15px;color:var(--primary)}
.mv-index-popular li:first-child .mv-index-rank{color:var(--mv-gold)}
.mv-index-free{color:var(--mv-mint)}
.mv-index-mini-covers{display:flex;align-items:center;gap:3px;width:77px;height:57px;overflow:hidden}
.mv-index-mini-covers img{position:static;transform:none;width:23px;height:36px;box-shadow:0 2px 5px #0002;border-radius:3px}
.mv-index-mini-covers img:nth-child(2){height:46px}
.mv-index-collection{align-items:center;gap:10px;padding:11px}
.mv-index-tags{border-top:0;background:color-mix(in srgb,var(--primary) 4%,var(--card));border:1px solid var(--border);border-radius:10px;padding:11px 13px}
/* Browse and community lists: art gets a frame; each list feels like a kept collection. */
.mve-book-cards{padding:9px}
:is(.mve-cover,.mva-cover,.mvp-cover,.mve-shelf-gallery img){border-radius:7px;box-shadow:0 3px 8px #0000001a;border-color:color-mix(in srgb,var(--foreground) 10%,var(--border))}
.mve-book-copy h2,.mve-book-copy h3{font-weight:550}
.mve-book-topline>a{font-size:12px}
.mve-rating{color:var(--mv-gold)}
.mve-status{color:var(--mv-mint);background:color-mix(in srgb,var(--mv-mint) 8%,transparent);border-color:color-mix(in srgb,var(--mv-mint) 20%,var(--border))}
.mvd-intro{margin-bottom:2px}
.mvd-stats dd{font-family:var(--mv-display);color:var(--primary);font-weight:500}
.mve-community .mve-shelves{gap:12px}
.mve-community .mve-shelf{padding:12px;border:1px solid var(--border)!important;border-radius:12px;background:var(--card);box-shadow:var(--mv-elevated)}
.mve-community .mve-shelf:nth-child(3n+2){background:linear-gradient(145deg,color-mix(in srgb,var(--mv-mint) 3%,var(--card)),var(--card))}
.mve-community .mve-shelf:nth-child(3n+3){background:linear-gradient(145deg,color-mix(in srgb,var(--mv-rose) 3%,var(--card)),var(--card))}
.mvd-card-heading h2,.mvd-card-heading h3{font-family:var(--mv-display);font-size:15px;font-weight:500;letter-spacing:-.015em}
.mvd-featured{color:var(--mv-gold);background:color-mix(in srgb,var(--mv-gold) 8%,var(--card));border-color:color-mix(in srgb,var(--mv-gold) 18%,var(--border))}
.mvd-themes a{border-radius:999px;color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,var(--card))}
/* Profile: character, not a taller banner. Existing custom banners remain visible. */
.mvp-identity{border-radius:13px;box-shadow:var(--mv-elevated);position:relative}
.mvp-banner{opacity:1;position:relative}
.mvp-banner::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,color-mix(in srgb,var(--mv-hero-start) 88%,transparent),color-mix(in srgb,var(--mv-hero-end) 20%,transparent)),url('./moonverse-atmosphere.svg') right center/auto 150px;pointer-events:none}
.mvp-identity-copy h1{font-family:var(--mv-display);font-weight:500!important}
.mvp-handle{color:var(--primary)}
.mvp-stats{background:color-mix(in srgb,var(--primary) 5%,var(--card));border-color:var(--border)}
.mvp-stats strong{font-family:var(--mv-display);color:var(--primary);font-weight:500}
.mvp-overview-grid{gap:14px}
.mvp-section{padding:12px!important;border:1px solid var(--border)!important;border-radius:11px;background:color-mix(in srgb,var(--card) 88%,transparent);box-shadow:var(--mv-elevated)}
.mvp-side-column{border-left:0;padding-left:0}
.mvp-section-heading h2{font-size:16px!important;color:var(--foreground)}
.mvp-goal>div>strong{font-family:var(--mv-display);color:var(--primary)}
.mvp-taste>div>div>span,.mvp-reading-progress>span,.mva-reading-progress>span{background:linear-gradient(90deg,var(--primary),var(--mv-mint));border-radius:3px}
.mvp-reading-row{border-color:var(--border)}
.mva-profile-utilities{background:color-mix(in srgb,var(--card) 70%,transparent);border:1px solid var(--border);border-radius:8px;padding:0 10px}
/* Library, wallet and topup retain their compact structures with a clearer surface hierarchy. */
.mva-library-grid:not(.mva-library-list) .mva-library-book{border:1px solid var(--border);border-radius:10px;padding:8px;background:var(--card);box-shadow:var(--mv-elevated)}
.mva-library-grid:not(.mva-library-list) .mva-book-tools{border-color:color-mix(in srgb,var(--primary) 15%,var(--border))}
.mva-library-grid:not(.mva-library-list){gap:12px 10px}
.mva-wallet-summary>div{background:linear-gradient(130deg,var(--card),color-mix(in srgb,var(--primary) 5%,var(--card)));border-top:2px solid color-mix(in srgb,var(--primary) 55%,var(--border))}
.mva-wallet-summary>div:nth-child(2){border-top-color:var(--mv-mint)}
.mva-wallet-summary>div:nth-child(3){border-top-color:var(--mv-gold)}
.mva-wallet-summary strong{font-family:var(--mv-display);font-weight:500}
.mva-pass{background:linear-gradient(115deg,var(--mv-hero-start),var(--card));position:relative;overflow:hidden}
.mva-pass-seal{color:var(--mv-gold);border-color:color-mix(in srgb,var(--mv-gold) 40%,var(--border));background:color-mix(in srgb,var(--mv-gold) 8%,var(--card))}
.mva-packs>button{background:var(--card);border-radius:9px;box-shadow:inset 0 1px var(--mv-hairline)}
.mva-packs>button[aria-pressed=true]{background:var(--accent);border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}
.mva-pack-label{background:var(--primary);color:var(--primary-foreground)}
.mva-notification-list>article[data-read=false]{background:color-mix(in srgb,var(--primary) 6%,var(--card));border-left:2px solid var(--primary)}
.mva-notification-symbol{background:var(--accent);color:var(--primary)}
/* Story pages: cover rim, compact tinted introduction, clear tabs and chapter group hierarchy. */
.mv-series-intro{padding:12px!important;border:1px solid var(--border);border-radius:12px;background:linear-gradient(115deg,color-mix(in srgb,var(--primary) 7%,var(--card)),var(--card));box-shadow:var(--mv-elevated)}
main button.mv-series-cover{border-radius:7px;box-shadow:0 4px 12px #0002,0 0 0 1px color-mix(in srgb,var(--primary) 20%,var(--border))}
.mv-series-titleline h1{font-size:24px!important;font-family:var(--mv-display);font-weight:550;letter-spacing:-.03em}
.mv-series-status{color:var(--mv-mint);background:color-mix(in srgb,var(--mv-mint) 9%,var(--card));border:1px solid color-mix(in srgb,var(--mv-mint) 20%,var(--border));border-radius:999px}
.mv-series-tabs{padding:3px}
.mvc-toolbar{background:color-mix(in srgb,var(--card) 85%,transparent);border:1px solid var(--border);border-radius:9px;padding:9px}
.mvc-group{border-color:var(--border);border-radius:9px;overflow:hidden}
.mvc-group-toggle{background:color-mix(in srgb,var(--primary) 5%,var(--card));color:var(--foreground)}
.mvc-group-toggle strong{font-family:var(--mv-display);font-weight:550}
.mvc-row{border-color:color-mix(in srgb,var(--border) 65%,transparent)}
.mvc-row:nth-child(even){background:color-mix(in srgb,var(--card) 65%,transparent)}
.mvc-row:hover{background:color-mix(in srgb,var(--primary) 7%,var(--card))}
.mvc-free{color:var(--mv-mint)}
.mvc-number{color:var(--primary)}
/* Conversation and reviews: subtle thread surfaces, a purposeful composer, no oversized bubbles. */
.mv-talk-composer{border:1px solid var(--border);border-radius:10px;background:var(--card);box-shadow:inset 0 1px var(--mv-hairline),var(--mv-elevated)}
.mv-talk-composer:focus-within{border-color:color-mix(in srgb,var(--primary) 55%,var(--border))}
.mv-talk-item{border-color:var(--border)}
.mv-talk-content{color:var(--foreground)}
.mv-talk-replies{border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}
.mv-talk-review-overview{border-radius:10px;background:linear-gradient(110deg,color-mix(in srgb,var(--primary) 6%,var(--card)),var(--card));border:1px solid var(--border)}
.mv-talk-average{color:var(--mv-gold);font-family:var(--mv-display)}
.mv-talk-rating-track>span{background:var(--mv-gold)}
.mv-talk-action[aria-pressed=true]{background:var(--accent);color:var(--accent-foreground)}
/* Atelier and community screens share the same palette; mystical frame art keeps its own colors. */
.mww-dressing-room{border:1px solid var(--border);background:linear-gradient(115deg,var(--mv-hero-start),var(--card));border-radius:12px;box-shadow:var(--mv-elevated)}
.mww-preview-stage{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--primary) 12%,transparent),transparent 70%)}
.mww-item-preview{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--mwc-a,var(--primary)) 9%,var(--card)),var(--card))}
.mww-try-dock{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));background:var(--popover);box-shadow:0 8px 28px #0003;border-radius:11px}
.mv-rank-table-head{background:color-mix(in srgb,var(--primary) 7%,var(--card))}
.mv-rank-number{font-family:var(--mv-display)}
.mv-rank-row.is-top{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 5%,var(--card)),var(--card))}
#root main .mv-page-community>div:first-child:has(h1){background:linear-gradient(115deg,var(--mv-hero-start),var(--card));border:1px solid var(--border);box-shadow:var(--mv-elevated)}
#root main .mv-page-community :where([class*='cursor-pointer']):has(>div h3){background:var(--card);border-color:var(--border);box-shadow:var(--mv-elevated)}
#root main .mv-settings-nav{padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--card);box-shadow:var(--mv-elevated)}
/* Panels, menus and search: consistent glass edge, lilac active states and bounded compact content. */
:is(.mva-dialog,.mvs-dialog,.mvp-dialog,.mve-drawer,.mvc-index-panel,.mvr-panel,.mv-talk-drawer){border-color:color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:13px;box-shadow:0 24px 90px #09041240,0 0 0 1px var(--mv-hairline);background:var(--popover);color:var(--popover-foreground)}
:is(.mva-dialog,.mvs-dialog)::backdrop{background:color-mix(in srgb,var(--background) 72%,#160c2499);backdrop-filter:blur(7px)}
:is(.mva-dialog>header,.mvs-header,.mvp-dialog-heading,.mve-drawer-heading,.mvr-panel-heading,.mvc-index-heading){background:linear-gradient(110deg,color-mix(in srgb,var(--primary) 7%,var(--popover)),var(--popover));border-color:var(--border)}
.mvn-menu>header{background:var(--popover)}
.mvn-destinations>a{background:color-mix(in srgb,var(--card) 65%,var(--popover));border-radius:7px;box-shadow:inset 0 1px var(--mv-hairline)}
.mvn-destinations>a[aria-current=page]{background:var(--accent);color:var(--accent-foreground)}
.mvn-themes button[aria-pressed=true],.mvs-modes button[aria-pressed=true],.mvs-scopes button[aria-pressed=true]{background:var(--accent);color:var(--accent-foreground);border-color:color-mix(in srgb,var(--primary) 28%,var(--border))}
.mvs-result:focus-visible,.mvs-result:hover{background:color-mix(in srgb,var(--primary) 8%,var(--card));border-color:color-mix(in srgb,var(--primary) 25%,var(--border))}
.mvs-page{background:color-mix(in srgb,var(--primary) 3%,var(--card));border-radius:7px}
.mvs-cover{border-radius:5px;box-shadow:0 2px 7px #0002}
.mvs-meta>span:first-child{color:var(--mv-mint)}
.mvs-meta>span:nth-last-child(2){color:var(--mv-gold)}
/**** Reader: quiet prose and clearly separated tools. No ornamental backgrounds behind paragraphs. ****/
.mvr-reader{background:radial-gradient(ellipse 900px 450px at 50% 0,color-mix(in srgb,var(--primary) 4%,transparent),transparent 80%),var(--background)}
.mvr-topbar{background:color-mix(in srgb,var(--card) 94%,transparent);border-color:var(--border);box-shadow:0 1px 0 var(--mv-hairline)}
.mvr-breadcrumb{color:var(--muted-foreground)}
.mvr-title{font-family:var(--mv-display);font-weight:500;letter-spacing:-.03em}
.mvr-dock-controls{background:var(--popover);border-color:color-mix(in srgb,var(--primary) 24%,var(--border));box-shadow:0 7px 30px #0002,inset 0 1px var(--mv-hairline);border-radius:13px}
.mvr-dock-index{background:var(--accent)!important;color:var(--accent-foreground)!important;border-radius:7px!important}
.mvr-theme-button{color:var(--primary)}
.mrx-bar{background:var(--card);border-radius:10px;box-shadow:var(--mv-elevated)}
.mvr-reader .mrx-reaction[aria-pressed=true],.mrx-picker .mrx-reaction[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}
.mrx-reaction[aria-pressed=true]>svg,.mrx-reaction[aria-pressed=true]>small{color:var(--primary-foreground)!important}
.mrx-dock-count{background:var(--primary);color:var(--primary-foreground)}
/**** Footer, low-traffic routes and empty states receive the same finish. ****/
.mv-footer{background:color-mix(in srgb,var(--card) 65%,transparent);border-top:1px solid var(--border)}
.mv-footer-brand>a{font-family:var(--mv-display);font-weight:500;letter-spacing:.04em;color:var(--primary)}
.mv-footer-bottom{border-color:var(--border)}
:is(.mve-empty,.mva-empty,.mvp-empty,.mvc-empty,.mvs-empty,.mv-not-found){background:color-mix(in srgb,var(--primary) 3%,var(--card));border-color:var(--border);border-radius:10px}
@media(max-width:767px){
 #root header:has(nav[aria-label=Primary])>div:first-child{height:52px}
 #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:24px}
 #root main .mv-index .mv-index-heading h1{font-size:23px}
 :is(.mva-heading,.mve-heading,.mvd-intro,.mww-heading,.mv-rank-heading){padding:11px!important;border-radius:10px}
 .mv-index-featured{padding:10px;border-radius:11px}
 .mv-index-heading>span{font-size:9px}
 .mv-index-section-head>h2,.mv-index-tags>h2{font-size:16px}
 .mv-index-collection{gap:9px}
 .mv-index-mini-covers{width:63px}
 .mv-index-mini-covers img{width:19px}
 .mva-library-grid:not(.mva-library-list) .mva-library-book{padding:6px;border-radius:8px}
 .mva-book-title{font-size:9px}
 .mvp-section{padding:10px!important}
 .mve-community .mve-shelf{padding:10px}
 .mv-series-intro{padding:10px!important}
 .mv-series-titleline h1{font-size:21px!important}
 .mva-shelves{padding:5px;border-radius:8px}
 .mva-shelves>button{border-radius:6px}
}
@media(max-width:479px){
 .mv-index-heading{align-items:flex-start;gap:4px}
 .mv-index-heading>span{font-size:8px}
 .mv-index-section-head{gap:8px}
 .mv-index-tools{gap:7px}
 .mv-index-columns{gap:10px}
 :is(.mv-index-updates,.mv-index-popular){padding:10px}
 .mv-index-update-copy strong{font-size:10px}
 .mv-index-update-copy>span{font-size:9px}
 .mv-index-genre{font-size:9px;padding:4px 9px}
 .mv-series-titleline h1{font-size:20px!important}
 .mva-library-grid:not(.mva-library-list){gap:12px 7px}
 .mve-book-cards{padding:7px}
}
@media(prefers-reduced-motion:reduce){:is(.mve-book-cards,.mve-shelf,.mv-index-collection,.mww-item,.mvp-collection){transition:none}.mv-index-book:hover img{transform:none}}
/* Structure-specific finishes, kept separate from generic tab styling. */
#root>.stars-bg{background:transparent}
.mvp-stats dd{font-family:var(--mv-display);font-weight:500;color:var(--primary)}
.mvp-navigation>nav{gap:4px}
.mvp-navigation>nav>button{padding:6px 10px;border:1px solid transparent;border-radius:6px;min-height:30px!important}
.mvp-navigation>nav>button[aria-current=page]{background:var(--accent);color:var(--accent-foreground);border-color:color-mix(in srgb,var(--primary) 20%,var(--border))}
.mvp-navigation>nav>button[aria-current=page]::after{display:none}
.mva-wallet-links>section{background:var(--card);border-color:var(--border);border-radius:11px;box-shadow:var(--mv-elevated)}
.mvr-chapter-heading h1{font-family:var(--mv-display);font-weight:500;letter-spacing:-.03em}
#root main .mv-series-tabs>button{padding:6px 10px;min-height:31px!important;border:1px solid transparent;border-radius:6px;background:transparent;font-size:11px;line-height:1.4}
#root main .mv-series-tabs>button[aria-selected=true]{background:var(--accent);color:var(--accent-foreground);border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));box-shadow:inset 0 1px var(--mv-hairline)}
#root main .mv-series-tabs>button>span{background:color-mix(in srgb,var(--primary) 8%,var(--card));color:var(--primary);font-size:8px}
@media(max-width:479px){#root main .mv-series-tabs>button{font-size:10px;padding:6px 8px}}
#root main :is(.mv-page-achievements,.mv-page-settings,.mv-page-community) .mv-page-heading:has(h1){position:relative;isolation:isolate;padding:12px 14px;border:1px solid var(--border);border-radius:11px;background:linear-gradient(115deg,var(--mv-hero-start),var(--card));box-shadow:inset 0 1px var(--mv-hairline),var(--mv-elevated);overflow:hidden}
#root main :is(.mv-page-achievements,.mv-page-settings,.mv-page-community) .mv-page-heading:has(h1)::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('./moonverse-atmosphere.svg') right center/auto 140px no-repeat;opacity:.4}
#root main .mv-page-admin>div:first-child:has(h1){background:linear-gradient(115deg,var(--mv-hero-start),var(--card));padding:12px 14px;border:1px solid var(--border);border-radius:11px;box-shadow:var(--mv-elevated)}
#root main .mv-page-admin>div:nth-child(3){flex-wrap:wrap;gap:5px;padding:4px;border:1px solid var(--border);border-radius:8px;background:var(--card)}
#root main .mv-page-admin>div:nth-child(3)>button{font-size:10px;min-height:30px;padding:6px 10px}
#root main .mv-page-admin :is(form,[class~='bg-card']){border-color:var(--border)}
@media(max-width:479px){#root main :is(.mv-page-achievements,.mv-page-settings,.mv-page-community) .mv-page-heading:has(h1){padding:10px}.mv-page-admin>div:first-child h1{font-size:22px!important}}
:root,:root.light,:root.theme-light{--primary-hover:#64358f}
:root.dark,:root.dark.theme-dark{--primary-hover:#d6b9f8}
:root.theme-midnight,:root.dark.theme-midnight{--primary-hover:#d4b3fa}
:root.theme-sepia,:root.light.theme-sepia{--primary-hover:#794056}