/* MangaSocial · aparência aplicada às páginas reais. Carregar após os CSS atuais. */
:root {
  --msx-gold:#f0cf7a;
  --bg:var(--msx-bg);--bg-2:var(--msx-panel);--surface:var(--msx-panel);--surface-2:var(--msx-panel-alt);
  --card:var(--msx-panel);--card-light:var(--msx-panel-alt);--border:var(--msx-border);
  --text:var(--msx-text);--muted:var(--msx-muted);--primary:var(--msx-button);--primary-light:var(--msx-purple);
  --purple:var(--msx-button);--purple-light:var(--msx-purple);
  --social-bg:var(--msx-bg);--social-panel:var(--msx-panel);--social-border:var(--msx-border);
  --social-text:var(--msx-text);--social-muted:var(--msx-muted);--social-accent:var(--msx-purple);
  color-scheme:dark;
}
:root[data-msx-theme="light"] {color-scheme:light;--msx-gold:#88550c;}
body[data-msx-page] {margin:0;background:var(--msx-bg);color:var(--msx-text);font-family:"Segoe UI",system-ui,-apple-system,sans-serif;line-height:1.6;min-height:100vh;}
body[data-msx-page] * {box-sizing:border-box;}
body[data-msx-page] [hidden] {display:none!important;}
body[data-msx-page] :is(button,input,select,textarea) {font-family:inherit;}
body[data-msx-page] :is(button,a) {-webkit-tap-highlight-color:transparent;}
body[data-msx-page] :focus-visible {outline:3px solid var(--msx-purple)!important;outline-offset:4px;}
body[data-msx-page] :is(.msx-skip,.skip-link) {z-index:400;background:var(--msx-panel);color:var(--msx-text);border-color:var(--msx-purple);}
body[data-msx-page] :is(h1,h2,h3) {color:var(--msx-text);text-wrap:balance;}
body[data-msx-page] :is(h1,h2) {letter-spacing:-.035em;}
body[data-msx-page] :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select) {background:var(--msx-bg);color:var(--msx-text);border-color:var(--msx-border);border-radius:12px;min-height:44px;}
body[data-msx-page] :is(input,textarea)::placeholder {color:var(--msx-muted);opacity:1;}
body[data-msx-page] :is(input,textarea,select):focus {border-color:var(--msx-purple);}
body[data-msx-page] input:is([type=checkbox],[type=radio]) {accent-color:var(--msx-button);}
body[data-msx-page] :is(label,.eyebrow,.section-label) {color:var(--msx-muted);}
body[data-msx-page] :is(.eyebrow,.section-label,.social-eyebrow) {color:var(--msx-purple);}
body[data-msx-page] :is(.primary-button,.read-button,.login-button,.auth-button,.save-button,.save-progress-button,.edit-profile-button) {border-radius:12px;background:var(--msx-button);color:#fff;border:1px solid transparent;box-shadow:none;min-height:44px;transition:background .16s ease;}
body[data-msx-page] :is(.primary-button,.read-button,.login-button,.auth-button,.save-button,.save-progress-button,.edit-profile-button):hover {background:var(--msx-button-hover);transform:none;box-shadow:none;}
body[data-msx-page] :is(.outline-button,.secondary-button,.back-button,.cancel-button,.all-chapters,.clear-progress-button,.progress-button) {background:var(--msx-panel-alt);border-color:var(--msx-border);color:var(--msx-text);border-radius:12px;min-height:44px;}
body[data-msx-page] :is(.panel,.side-panel,.detail-card,.filters,.composer,.post,.notification,.auth-card,.security-card,.social-panel,.social-card,.social-stat,.social-old-widget) {background:var(--msx-panel);border:1px solid var(--msx-border);border-radius:20px;box-shadow:var(--msx-shadow);}
body[data-msx-page] :is(.profile-card,.profile-modal-content) {background:var(--msx-panel)!important;border-color:var(--msx-border)!important;box-shadow:var(--msx-shadow);}
body[data-msx-page] :is(.brand-resume,.brand-paths>a,.brand-profile-summary a) {background:var(--msx-panel);border-color:var(--msx-border);color:var(--msx-text);}
body[data-msx-page] :is(.social-hero,.studio-welcome) {background:linear-gradient(125deg,var(--msx-panel-alt),var(--msx-panel));border:1px solid var(--msx-border);border-radius:24px;}
body[data-msx-page] :is(.brand-paths p,.brand-resume p,.brand-profile-summary p,.description,.alternative,.long-text,.profile-bio,.auth-header p,.auth-note,.register-text,.showcase-text p,.post-notice,.session p,.toolbar p,.intro>p,.msx-intro-copy>p) {color:var(--msx-muted);}
body[data-msx-page] :is(.logo,.brand,.auth-logo,.mobile-logo a,.social-logo) {color:var(--msx-text);}
body[data-msx-page] :is(.logo span,.brand span,.auth-logo span,.social-logo span) {color:var(--msx-purple);}
body[data-msx-page] :is(.manga-card,.catalog-card,.library-card) {background:var(--msx-panel);border:1px solid var(--msx-border);border-radius:18px;overflow:hidden;box-shadow:0 8px 22px #05040a10;transition:border-color .16s ease;min-width:0;}
body[data-msx-page] :is(.manga-card,.catalog-card,.library-card):hover {transform:none;border-color:var(--msx-purple);}
body[data-msx-page] :is(.manga-card h3,.catalog-card h3,.library-card h3) {font-size:16px;line-height:1.45;overflow-wrap:anywhere;}
body[data-msx-page] :is(.manga-cover,.catalog-card .cover,.library-cover,.social-cover) {aspect-ratio:2/3;height:auto!important;background:var(--msx-panel-alt);}
body[data-msx-page] :is(.manga-cover,.catalog-card .cover,.library-cover) img {width:100%;height:100%;object-fit:cover;}
body[data-msx-page] .social-cover {object-fit:cover;border-radius:12px;width:100%;}
body[data-msx-page] :is(.recent-item,.ranking-item,.session,.staff-entry,.role-card,.comment-card,.comment-box) {background:var(--msx-panel);border-color:var(--msx-border);border-radius:14px;}
body[data-msx-page] :is(.manga-info p,.card-info p,.card-bottom,.recent-info p,.ranking-item small,.library-status,.library-progress,.info-row span:first-child,.reader-progress-text,.reading-progress p,.user-rating,.rating-value) {color:var(--msx-muted);}
body[data-msx-page] :is(.manga-info a,.catalog-card a,.library-card a,.post-author,.recent-item,.ranking-item,.info-row strong) {color:var(--msx-text);}
body[data-msx-page] :is(.manga-info,.card-info,.library-card-info) {padding:15px;}
body[data-msx-page] :is(.genres span,.social-tag,.type-badge,.category,.status-option,.library-tab,.tabs button) {background:var(--msx-panel-alt);color:var(--msx-text);border-color:var(--msx-border);border-radius:10px;}
body[data-msx-page] :is(.status-option.active,.library-tab.active,.tabs button[aria-selected=true],.tabs button[aria-pressed=true]) {background:var(--msx-button);border-color:var(--msx-button);color:#fff;}
body[data-msx-page] :is(button.secondary,.social-button.secondary) {background:var(--msx-panel-alt);color:var(--msx-text);border-color:var(--msx-border);}
body[data-msx-page] button.secondary:hover {background:var(--msx-panel);border-color:var(--msx-purple);}
body[data-msx-page] :is(#resultCount,.social-old-widget a) {color:var(--msx-purple);}
body[data-msx-page] :is(.social-bubble,.social-conversation.active,.post-editor,.social-review details,.report-dialog,.staff-dialog) {background:var(--msx-panel-alt);color:var(--msx-text);border-color:var(--msx-border);}
body[data-msx-page] .social-bubble.mine {background:#4b287b;color:#fff;border-color:#7845b5;}
body[data-msx-page] .social-bubble:not(.mine) small {color:var(--msx-muted);}
body[data-msx-page] .social-chat-stream {overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--msx-border) transparent;}
body[data-msx-page] .social-avatar.large {border:4px solid var(--msx-panel);box-shadow:var(--msx-shadow);}
body[data-msx-page] :is(.social-status,.auth-message,#homeMessage,#catalogMessage,#feedMessage,#notificationMessage,#mangaMessage) {color:var(--msx-muted);font-size:14px;line-height:1.7;}
body[data-msx-page] :is(.social-status,.auth-message)[data-error=true] {color:var(--msx-error);}
body[data-msx-page] .auth-message {background:var(--msx-panel-alt);}
body[data-msx-page] .auth-message[data-error=true] {background:color-mix(in srgb,var(--msx-error) 9%,var(--msx-panel));}
body[data-msx-page] :is(.simple-auth a,.security-page a) {color:var(--msx-purple);}
body[data-msx-page] .notification.unread {border-left:4px solid var(--msx-purple);background:var(--msx-panel-alt);}
body[data-msx-page] :is(.social-activity,.social-comment,.social-conversation,.post-actions,.comment-actions,.info-row,.section-header) {border-color:var(--msx-border);}
body[data-msx-page] footer {color:var(--msx-muted);background:var(--msx-bg);border-color:var(--msx-border);}
body[data-msx-page] footer a {color:var(--msx-muted);}
body[data-msx-page] .social-sparkle-banner {height:8px;background:linear-gradient(90deg,var(--msx-purple),transparent);opacity:.35;border-radius:20px;}
body[data-msx-page] .social-bridge-nav {background:var(--msx-panel);border-color:var(--msx-border);color:var(--msx-muted);}
body[data-msx-page] .social-bridge-nav a {color:var(--msx-purple);}
body[data-msx-page] .brand-empty p {color:var(--msx-muted);}
body[data-msx-page] .library-empty::before {background-image:url('/images/brand/v6/mascote-biblioteca-v2.webp');width:200px;height:200px;}
body[data-msx-page] .library-empty {background:var(--msx-panel);border:1px dashed var(--msx-border);border-radius:20px;padding:30px;grid-column:1/-1;color:var(--msx-text);}
body[data-msx-page] .library-empty p {color:var(--msx-muted);}
body[data-msx-page] .library-empty a {display:inline-flex;padding:10px 16px;border-radius:12px;margin-top:12px;background:var(--msx-button);color:#fff;min-height:44px;text-decoration:none;}
body[data-msx-page] .social-empty {background:var(--msx-panel);border:1px dashed var(--msx-border);border-radius:20px;}
body[data-msx-page] .social-empty img[src*="mascote-biblioteca"] {background:transparent;width:175px;height:175px;padding:0;}
body[data-msx-page="messages"] .msx-chat-empty {display:grid;place-content:center;justify-items:center;gap:12px;min-height:220px;padding:18px;text-align:center;color:var(--msx-muted);}
body[data-msx-page="messages"] .msx-chat-empty img {width:96px;height:96px;object-fit:contain;border:1px solid var(--msx-border);border-radius:22px;background:#fff;box-shadow:0 10px 26px #09051024;}
body[data-msx-page="messages"] .msx-chat-empty p {margin:0;max-width:260px;font-size:13px;line-height:1.6;}
body[data-msx-page] .msx-loader {grid-column:1/-1;width:100%;margin:12px 0;box-shadow:none;}
body[data-msx-page] .msx-loader--cards {min-height:250px;}
body[data-msx-page] .msx-loader--cards .msx-skeleton {height:auto;aspect-ratio:2/3;max-height:280px;}
body[data-msx-page] .msx-loader--cards .msx-skeleton-grid {grid-template-columns:repeat(3,minmax(0,1fr));max-width:780px;margin:auto;}
.msx-site-header {display:flex!important;flex-direction:row!important;align-items:center!important;gap:24px!important;flex-wrap:wrap;min-height:80px!important;height:auto!important;padding:16px max(24px,calc((100vw - 1240px)/2))!important;background:var(--msx-bg)!important;border-bottom:1px solid var(--msx-border)!important;position:relative!important;z-index:110;width:100%;max-width:none!important;}
.msx-site-header .header-container {display:contents;}
.msx-site-header .header-left {gap:12px;}
.msx-site-header .msx-site-nav {display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-left:auto;}
.msx-site-header .msx-site-nav a {color:var(--msx-muted);text-decoration:none;font-size:13px;font-weight:600;padding:8px 0;}
.msx-site-header .msx-site-nav a:is(:hover,[aria-current=page]) {color:var(--msx-purple);}
.msx-site-header .msx-site-nav a.active::after {display:none;}
.msx-site-header .header-actions {margin-left:0;gap:10px;}
.msx-header-tools {display:flex;align-items:center;gap:7px;flex:none;margin-left:auto;}
.msx-header-tools .msx-tool,.msx-nav-toggle {display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--msx-panel-alt)!important;border:1px solid var(--msx-border)!important;border-radius:10px!important;color:var(--msx-text)!important;min-width:42px;min-height:42px;padding:9px 11px!important;font:600 12px/1.4 "Segoe UI",system-ui,sans-serif;cursor:pointer;}
.msx-header-tools .msx-tool:hover,.msx-nav-toggle:hover {border-color:var(--msx-purple)!important;}
.msx-tool svg,.msx-nav-toggle svg {width:17px;height:17px;flex:none;}
.msx-nav-toggle {display:none;}
.msx-site-header .msx-nav-toggle {color:var(--msx-text)!important;}
.msx-settings {margin:24px 0;}
.msx-settings-grid {display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.msx-reader-width-control {grid-column:1/-1;display:grid;grid-template-columns:auto minmax(100px,1fr) 58px;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--msx-border);border-radius:12px;background:var(--msx-panel-alt);color:var(--msx-muted);font-size:12px;}
.msx-reader-width {width:100%;min-width:0;min-height:24px!important;height:24px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;accent-color:var(--msx-purple);cursor:pointer;}
.msx-reader-width-value {color:var(--msx-text);font-variant-numeric:tabular-nums;text-align:right;}
#readerToolbarToggle {white-space:nowrap;}
.msx-request-dock {position:fixed;right:18px;bottom:18px;max-width:min(350px,calc(100vw - 36px));z-index:300;box-shadow:var(--msx-shadow);}
.msx-request-dock .msx-loader {margin:0;min-width:220px;padding:18px;}
.msx-request-dock:empty {display:none;}
.msx-inline-message {padding:14px 18px!important;border:1px solid var(--msx-border);border-radius:14px;background:var(--msx-panel-alt);margin:14px 0;}
.msx-inline-message:empty {display:none;}
.msx-empty-state {padding:32px 24px;border:1px dashed var(--msx-border);border-radius:20px;text-align:center;background:var(--msx-panel);color:var(--msx-muted);grid-column:1/-1;width:100%;}
.msx-empty-state img {display:block;width:170px;height:170px;object-fit:contain;margin:0 auto 18px;}
.msx-empty-state h3 {margin:0 0 10px;font-size:21px;color:var(--msx-text);}
.msx-empty-state p {margin:0 auto 18px;max-width:460px;color:var(--msx-muted);}
.msx-intro-decorated {display:flex;align-items:center;justify-content:space-between;gap:24px;}
.msx-intro-copy {flex:1;min-width:0;}
.msx-intro-art {width:145px;height:145px;object-fit:contain;flex:none;}
body[data-msx-page="home"] .hero {display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:28px;margin:0 auto;padding:62px 28px 42px;max-width:1200px;min-height:0;background:none;}
body[data-msx-page="home"] .hero-content {max-width:650px;}
body[data-msx-page="home"] .hero h1 {font-size:clamp(35px,4.5vw,58px);line-height:1.12;letter-spacing:-.04em;margin:22px 0;}
body[data-msx-page="home"] .hero h1 span {display:block;color:var(--msx-purple);background:none;-webkit-text-fill-color:currentColor;}
body[data-msx-page="home"] .hero p {font-size:16px;line-height:1.75;max-width:520px;color:var(--msx-muted);}
body[data-msx-page="home"] .hero-badge {background:none;border:0;padding:0;color:var(--msx-purple);font-size:11px;letter-spacing:.15em;}
body[data-msx-page="home"] .hero-stats {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:28px;gap:20px 24px;max-width:460px;}
body[data-msx-page="home"] .hero-stats strong {font-size:24px;color:var(--msx-text);}
body[data-msx-page="home"] .hero-stats small {color:var(--msx-muted);}
.msx-welcome-art {position:relative;isolation:isolate;margin:0;}
.msx-welcome-art::before {content:"";position:absolute;inset:10%;border-radius:50%;z-index:-1;background:radial-gradient(circle,#9550fa22,transparent 70%);}
.msx-welcome-art img {display:block;width:100%;height:auto;max-width:380px;aspect-ratio:1;object-fit:contain;margin:auto;}
body[data-msx-page="home"] :is(.section,.content-grid,.community-section,.brand-paths,.brand-resume,.home-search,.home-feedback) {width:calc(100% - 56px);max-width:1144px;margin-left:auto;margin-right:auto;}
body[data-msx-page="home"] .community-section {background:var(--msx-panel);border:1px solid var(--msx-border);border-radius:24px;padding:32px;}
body[data-msx-page="home"] .community-readers {display:flex;align-items:center;gap:20px;min-width:0;}
body[data-msx-page="home"] .community-illustration {width:120px;height:120px;flex:none;object-fit:cover;border:1px solid var(--msx-border);border-radius:22px;background:#fff;box-shadow:0 12px 28px #09051030;}
body[data-msx-page="home"] .community-readers>div {min-width:0;}
body[data-msx-page="home"] .community-readers .reader-label {margin:0 0 15px;}
body[data-msx-page="home"] .footer-links .ms-nav-icon {width:18px;height:18px;flex:none;object-fit:contain;}
body[data-msx-page="home"] .footer-links a {display:inline-flex;align-items:center;gap:8px;min-height:28px;}
body[data-msx-page="home"] .categories {max-width:1144px;width:calc(100% - 56px);margin:0 auto 26px;padding:0;gap:10px;scrollbar-width:thin;}
body[data-msx-page="home"] .category {padding:10px 15px;border:1px solid var(--msx-border);min-height:44px;font-size:13px;}
body[data-msx-page="home"] .home-search {border-radius:20px;padding:24px;background:var(--msx-panel);}
body[data-msx-page="home"] .home-search label {font-size:15px;color:var(--msx-text);font-weight:600;}
body[data-msx-page="home"] .manga-grid {grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:20px;}
body[data-msx-page="home"] .section {padding:26px 0 42px;}
body[data-msx-page="home"] .content-grid {gap:24px;padding:0 0 42px;}
body[data-msx-page="home"] .social-old-widget {width:calc(100% - 56px);max-width:1144px;margin:26px auto;}
body[data-msx-page="home"] .ranking {background:var(--msx-panel);border:1px solid var(--msx-border);border-radius:20px;padding:24px;}
body[data-msx-page="home"] .msx-featured-work {display:block;width:100%;height:auto;margin:18px 0 24px;position:static;perspective:none;}
body[data-msx-page="home"] .msx-featured-work .glow {display:none;}
body[data-msx-page="home"] .msx-featured-work .featured-cover {display:grid;grid-template-columns:110px 1fr;gap:20px;width:100%;height:auto;min-height:160px;max-width:none;border:1px solid var(--msx-border);border-radius:18px;background:var(--msx-panel);padding:16px;transform:none;box-shadow:none;overflow:hidden;position:relative;}
.msx-featured-work .featured-cover img,.msx-featured-work .cover-decoration {width:110px!important;height:150px!important;aspect-ratio:2/3;object-fit:cover;border-radius:10px;grid-column:1;grid-row:1;position:static!important;}
.msx-featured-work .featured-cover img:not([hidden])~.cover-decoration {visibility:hidden;}
body[data-msx-page] .social-stat strong {color:var(--msx-text);}
.msx-featured-work .cover-decoration {padding:12px;font-size:16px;display:grid;place-items:center;background:var(--msx-panel-alt);overflow-wrap:anywhere;}
.msx-featured-work .featured-info {grid-column:2;grid-row:1;position:static!important;background:none!important;padding:12px 0!important;align-self:center;}
.msx-featured-work .featured-info h3 {color:var(--msx-text);font-size:23px;}
.msx-featured-work .featured-info p {color:var(--msx-muted);}
body[data-msx-page="manga"] .manga-hero {isolation:isolate;background:radial-gradient(ellipse at 78% 38%,color-mix(in srgb,var(--msx-purple) 18%,transparent),transparent 38%),url('/images/brand/v6/refugio.webp') right center/cover no-repeat,var(--msx-bg);}
body[data-msx-page="manga"] .manga-hero::before {content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,var(--msx-bg) 0%,color-mix(in srgb,var(--msx-bg) 90%,transparent) 58%,color-mix(in srgb,var(--msx-bg) 58%,transparent) 100%);}
body[data-msx-page="manga"] .manga-container {position:relative;z-index:1;}
body[data-msx-page="manga"] .background-glow {opacity:.2;}
body[data-msx-page="manga"] .main-cover {border-radius:18px;overflow:hidden;box-shadow:var(--msx-shadow);}
body[data-msx-page="manga"] .rating-box {background:var(--msx-panel);border-color:var(--msx-border);}
body[data-msx-page="manga"] .reading-progress {background:var(--msx-panel-alt);border:1px solid var(--msx-border);border-radius:16px;}
body[data-msx-page="manga"] .progress-login-note {margin:14px 0 0;padding:14px 16px;border:1px solid var(--msx-border);border-radius:12px;background:var(--msx-panel);color:var(--msx-muted);line-height:1.6;}
body[data-msx-page="manga"] .progress-login-note a {display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin:10px 0 0;padding:8px 15px;border-radius:10px;background:var(--msx-button);color:#fff;font-weight:650;text-decoration:none;}
body[data-msx-page="manga"] .progress-login-note a:hover {background:var(--msx-button-hover);}
body[data-msx-page="reader"] .msx-site-header {position:sticky!important;top:0;gap:15px!important;padding:12px 20px!important;}
body[data-msx-page="reader"] {background:linear-gradient(rgba(8,6,16,.58),rgba(8,6,16,.7)),url('/images/brand/decor/fundo1.webp') center/cover fixed no-repeat,var(--msx-bg);}
body[data-msx-page="reader"] .reader-content {max-width:none;background:transparent;padding-inline:clamp(8px,2vw,24px);}
body[data-msx-page="reader"] #mangaPages {width:100%;max-width:var(--msx-reader-width,920px);margin-inline:auto;}
body[data-msx-page="reader"] .reader-quick-nav {width:min(1200px,calc(100% - 24px));margin-inline:auto;}
body[data-msx-page="reader"] #mangaPages img {display:block;width:100%;height:auto;max-width:100%;object-fit:contain;scroll-margin-top:calc(var(--ms6-toolbar-height,120px) + 12px);}
body[data-msx-page="reader"] .reader-controls button {background:var(--msx-panel-alt);color:var(--msx-text);border:1px solid var(--msx-border);}
body[data-msx-page="reader"] .ms6-fullscreen-toggle {flex:none;}
body[data-msx-page="reader"] .reader-quick-nav[hidden] {display:none!important;}
body[data-msx-page="reader"] .chapter-social {background:var(--msx-panel);border-color:var(--msx-border);border-radius:20px;}
body[data-msx-page="reader"] .reader-message {background:var(--msx-panel-alt);color:var(--msx-text);border-color:var(--msx-border);}
body[data-msx-page="reader"] .msx-request-dock {right:12px;bottom:12px;}
body[data-msx-page="login"] .auth-showcase,body[data-msx-page="register"] .auth-showcase {background-image:linear-gradient(105deg,rgba(10,8,20,.94),rgba(12,8,20,.70) 56%,rgba(12,8,20,.58)),url('/images/brand/v6/refugio.webp');background-position:center;background-size:cover;background-color:var(--msx-panel-alt);padding:45px 55px;}
body[data-msx-page] .auth-showcase::after,body[data-msx-page] .auth-showcase::before {display:none;}
body[data-msx-page] .showcase-text {margin-top:38px;}
body[data-msx-page] .showcase-text h1 {font-size:clamp(32px,3.7vw,47px);line-height:1.18;}
body[data-msx-page] .auth-form-area {background:var(--msx-bg);padding:42px;}
body[data-msx-page] .auth-box {max-width:420px;}
body[data-msx-page] .auth-header h2 {font-size:30px;}
body[data-msx-page] .showcase-stats {margin-top:24px;gap:20px;}
body[data-msx-page] .showcase-stats strong {font-size:15px;color:var(--msx-text);}
body[data-msx-page] .showcase-stats span {color:var(--msx-muted);font-size:12px;}
body[data-msx-page] .social-login button {background:var(--msx-panel);color:var(--msx-text);border-color:var(--msx-border);border-radius:12px;min-height:44px;}
body[data-msx-page] .show-password {color:var(--msx-muted);background:transparent;}
.msx-auth-art {display:block;width:min(100%,220px);height:auto;aspect-ratio:1;object-fit:contain;margin:30px auto 0;}
.msx-auth-form-art {display:block;width:92px;height:92px;object-fit:contain;margin:0 auto 20px;padding:8px;border:1px solid var(--msx-border);border-radius:24px;background:var(--msx-panel-alt);box-shadow:0 12px 30px #09051026;}
.msx-auth-tools {position:fixed;right:18px;top:18px;z-index:10;}
body[data-msx-page="login"] .auth-form-area,body[data-msx-page="register"] .auth-form-area {position:relative;isolation:isolate;overflow:hidden;}
body[data-msx-page="login"] .auth-form-area::before,body[data-msx-page="register"] .auth-form-area::before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(135deg,color-mix(in srgb,var(--msx-bg) 82%,transparent),color-mix(in srgb,var(--msx-bg) 94%,transparent)),url('/images/brand/v6/refugio.webp') center/cover no-repeat;opacity:.25;}
body[data-msx-page] .back-home {color:var(--msx-muted);}
body[data-msx-page] .social-page main {margin-top:30px;}
body[data-msx-page] .social-hero h1 {line-height:1.18;}
body[data-msx-page] :is(.social-art,.brand-paths img,.social-empty img) {border:1px solid var(--msx-border);background:#f6f6f6;border-radius:20px;}
body[data-msx-page] .social-profile-hero {overflow-wrap:anywhere;}
body[data-msx-page] .staff-entry button {min-height:40px;}
body[data-msx-page] .overview-stats .stat-tile {background:var(--msx-panel-alt);border-color:var(--msx-border);border-radius:16px;}
body[data-msx-page] :is(.pdf-box,.chapter-tools,.chapter-quick-list,.role-card,.role-item) {background:var(--msx-panel-alt);border-color:var(--msx-border);}
body[data-msx-page] :is(.profile-library,.empty-section,.chapter-organizer,.staff-tabs,.staff-entry .content-preview) {background:var(--msx-panel);border-color:var(--msx-border);}
body[data-msx-page] :is(.detail-card strong,.stat-tile strong,.profile-modal-content h2) {color:var(--msx-text);}
body[data-msx-page] :is(.detail-card small,.profile-email,.profile-label,.staff-note,.staff-pager span,.staff-entry time,.role-card ul) {color:var(--msx-muted);}
body[data-msx-page="admin"] :is(main p,main small,.permission-grid legend) {color:var(--msx-muted);}
body[data-msx-page] .staff-tabs button {color:var(--msx-text);background:transparent;}
body[data-msx-page] .staff-tabs button[aria-current="page"] {background:var(--msx-button);color:#fff;box-shadow:none;}
body[data-msx-page] .staff-tabs button:hover {background:var(--msx-panel-alt);}
body[data-msx-page] .staff-tabs button[aria-current="page"]:hover {background:var(--msx-button-hover);}
body[data-msx-page] :is(.profile-page .section-label,.showcase-text h1 span) {color:var(--msx-purple);background:none;-webkit-text-fill-color:currentColor;}
body[data-msx-page] :is(.logout-button,.logout-btn) {color:var(--msx-error);border-color:var(--msx-error);}
body[data-msx-page] :is(#staffDialog,.report-dialog,.permission-grid fieldset) {background:var(--msx-panel);color:var(--msx-text);border-color:var(--msx-border);}
body[data-msx-page] .studio-welcome {align-items:flex-start;}
body[data-msx-page] .social-old-widget a.social-button:not(.secondary) {color:#fff;}
body[data-msx-page] .social-old-widget a.social-tag {color:var(--msx-text);}
body[data-msx-page] :is(.search-button,.header-actions .search) {background:var(--msx-panel-alt);color:var(--msx-text);border:1px solid var(--msx-border);}
body[data-msx-page] :is(.brand-paths>a>span,.card-bottom button,.cover-fallback,.cover-decoration,#profileEmail,#chapterHeader,#progressPercentage) {color:var(--msx-purple);}
body[data-msx-page] :is(.progress-header span,.progress-header strong,.progress-counter strong,.chapter-link strong,#progressText,#progressChapterDisplay,.reader-message strong) {color:var(--msx-text);}
body[data-msx-page] :is(#progressTotalChapters,.rating-label,.comments-empty,#chapterMangaTitle,.chapter-comment time,#socialMessage,.spoiler-option) {color:var(--msx-muted);}
body[data-msx-page] :is(#communityRating,.stars,.rating-star.active,.rating-star:hover,.similar span,.social-score) {color:var(--msx-gold);}
body[data-msx-page] #mangaStatus {color:var(--msx-success);background:var(--msx-panel-alt);}
body[data-msx-page] .similar-cover {color:#fff;}
body[data-msx-page] #commentAvatar {color:#fff;}
body[data-msx-page] .report-button {color:var(--msx-muted)!important;border-color:var(--msx-border)!important;}
body[data-msx-page] .report-button:hover {color:var(--msx-purple)!important;border-color:var(--msx-purple)!important;}
body[data-msx-page] :is(.manga-cover .cover-title,.chapter,.chapter strong) {color:var(--msx-text);}
body[data-msx-page="reader"] :is(.reader-progress,.chapter-spoiler) {background:var(--msx-panel-alt);border-color:var(--msx-border);}
body[data-msx-page="reader"] .chapter-social a {color:var(--msx-purple);}
@media(max-width:1100px) {
  .msx-site-header {gap:14px!important;padding-inline:22px!important;}
  .msx-site-header.msx-enhanced-nav .msx-site-nav {display:none;}
  .msx-site-header.msx-enhanced-nav .msx-site-nav.mobile-open {display:flex;position:absolute;top:100%;left:0;right:0;padding:15px 24px;flex-direction:column;align-items:stretch;gap:0;background:var(--msx-panel);border-bottom:1px solid var(--msx-border);max-height:70vh;overflow:auto;margin:0;box-shadow:var(--msx-shadow);}
  .msx-site-header .msx-site-nav.mobile-open a {padding:11px 5px;min-height:44px;}
  .msx-nav-toggle {display:inline-flex;}
  .msx-tool-label {display:none;}
  body[data-msx-page="home"] .hero {grid-template-columns:1.2fr .8fr;}
}
@media(max-width:1500px) {.msx-tool-label {display:none;}}
@media(max-width:700px) {
  .msx-site-header {gap:10px!important;min-height:70px!important;padding:12px 16px!important;}
  .msx-site-header .logo,.msx-site-header .brand,.msx-site-header .social-logo {font-size:19px;letter-spacing:-.5px;}
  .msx-site-header .social-logo img {width:32px;height:32px;}
  .msx-site-header .header-actions {gap:6px;}
  .msx-header-tools {gap:6px;}
  .msx-header-tools .msx-tool {padding:8px!important;min-width:40px;min-height:40px;}
  .msx-site-header .search-button,.msx-site-header .search {display:none;}
  .msx-site-header .login-button,.msx-site-header .login {font-size:12px;padding:9px 12px;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  body[data-msx-page="home"] .hero {grid-template-columns:1fr;padding:34px 20px 28px;gap:22px;}
  body[data-msx-page="home"] .hero h1 {font-size:clamp(34px,9vw,44px);}
  body[data-msx-page="home"] .hero-stats {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;}
  .msx-welcome-art img {max-width:250px;}
  body[data-msx-page="home"] :is(.section,.content-grid,.community-section,.brand-paths,.brand-resume,.home-search,.home-feedback,.categories,.social-old-widget) {width:calc(100% - 32px);}
  body[data-msx-page="home"] .manga-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  body[data-msx-page="home"] .content-grid {display:grid;grid-template-columns:1fr;gap:24px;}
  body[data-msx-page="home"] .community-section {padding:24px;}
  body[data-msx-page="home"] .community-illustration {width:96px;height:96px;}
  .msx-settings-grid {grid-template-columns:1fr;gap:16px;}
  .msx-intro-art {width:95px;height:95px;}
  .msx-intro-decorated {gap:14px;}
  body[data-msx-page] :is(.manga-info,.card-info,.library-card-info) {padding:12px;}
  body[data-msx-page] .auth-page {display:block;}
  body[data-msx-page] .auth-showcase {display:none;}
  body[data-msx-page] .auth-form-area {padding:100px 22px 40px;min-height:100vh;}
  .msx-auth-tools {top:14px;right:14px;}
  .msx-request-dock {bottom:calc(14px + env(safe-area-inset-bottom));}
  .msx-reader-width-control {width:100%;max-width:100%;}
  body[data-msx-page="reader"] .reader-title {min-width:0;flex:1;align-items:flex-start;}
  body[data-msx-page="reader"] .reader-title strong {max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  body[data-msx-page="reader"] .msx-header-tools {width:100%;justify-content:flex-end;}
  body[data-msx-page="manga"] .manga-container {gap:22px;}
  body[data-msx-page] .studio-welcome {flex-direction:column;align-items:center;text-align:center;}
  body[data-msx-page] .msx-loader--cards .msx-skeleton-grid {gap:10px;}
}
@media(max-width:430px) {
  .msx-site-header .header-actions {order:4;margin-left:auto;}
  .msx-site-header .header-left {gap:8px;}
  .msx-site-header .msx-header-tools {margin-left:auto;}
  .msx-intro-art {width:75px;height:75px;}
  .msx-empty-state {padding:24px 16px;}
  .msx-featured-work .featured-info h3 {font-size:18px;}
  body[data-msx-page] .social-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  body[data-msx-page] .social-card {padding:12px;}
}
:root[data-msx-motion="reduce"] body[data-msx-page] *, :root[data-msx-motion="reduce"] body[data-msx-page] *::before, :root[data-msx-motion="reduce"] body[data-msx-page] *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
@media(prefers-reduced-motion:reduce) {body[data-msx-page] *,body[data-msx-page] *::before,body[data-msx-page] *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}}
:root[data-msx-motion="reduce"] body[data-msx-page] :is(.social-card,.catalog-card,.manga-card,.library-card,.recent-item,.ranking-item,.brand-paths>a,.ms-feature-card):is(:hover,:focus-within) {transform:none!important;}
@media(prefers-reduced-motion:reduce) {body[data-msx-page] :is(.social-card,.catalog-card,.manga-card,.library-card,.recent-item,.ranking-item,.brand-paths>a,.ms-feature-card):is(:hover,:focus-within) {transform:none!important;}}

.ms-notification-link{display:inline-flex!important;align-items:center;gap:6px;position:relative}.ms-notification-icon{width:27px;height:27px;object-fit:contain;filter:drop-shadow(0 0 5px rgba(168,85,247,.35));}.ms-notification-count{min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#ec4899;color:white;font-size:11px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px rgba(15,15,25,.9)}

:root[data-msx-theme="light"] body[data-msx-page] .social-hero {
  background:linear-gradient(125deg,var(--msx-panel-alt),var(--msx-panel));
  border-color:var(--msx-border);
}
body[data-msx-page] :is(.social-card,.catalog-card,.manga-card,.library-card,.recent-item,.ranking-item,.brand-paths>a,.ms-feature-card) {
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
body[data-msx-page] :is(.social-card,.catalog-card,.manga-card,.library-card,.recent-item,.ranking-item,.brand-paths>a,.ms-feature-card):hover,
body[data-msx-page] :is(.social-card,.catalog-card,.manga-card,.library-card,.recent-item,.ranking-item,.brand-paths>a,.ms-feature-card):focus-within {
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--msx-purple) 62%,var(--msx-border));
  box-shadow:0 14px 32px #08050f24;
}
body[data-msx-page] button:not(:disabled) {transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease;}
body[data-msx-page] ::selection {background:color-mix(in srgb,var(--msx-purple) 36%,transparent);color:var(--msx-text);}