/*
 * Manabi Video Navi — Cosmic World & Interface Stability V246
 *
 * The final, presentation-only cascade for the supplied ten-screen world:
 * deep navy space, cyan/blue/violet light, dark glass work surfaces and
 * explicit readable foregrounds.  It also repairs the real V245 cascade
 * collisions: hidden desktop navigation, floating utility overlap, white
 * legacy islands inside dark cards, rigid grids and unbounded long copy.
 *
 * This file does not own requests, forms, storage, routes, media playback,
 * canvas coordinates, QR data, permissions, grading or application state.
 */

body.mnv-world-v246 {
  --mnv-v246-bg: #020617;
  --mnv-v246-bg-deep: #010411;
  --mnv-v246-rail: #030a1d;
  --mnv-v246-panel: #071a3a;
  --mnv-v246-panel-strong: #0a234d;
  --mnv-v246-panel-soft: #0b2955;
  --mnv-v246-control: #081d42;
  --mnv-v246-control-hover: #0d2c5d;
  --mnv-v246-line: rgba(95, 181, 255, .28);
  --mnv-v246-line-strong: rgba(89, 232, 255, .58);
  --mnv-v246-text: #f7fbff;
  --mnv-v246-text-2: #ccdbef;
  --mnv-v246-text-3: #9fb3ce;
  --mnv-v246-cyan: #59e8ff;
  --mnv-v246-blue: #2387ff;
  --mnv-v246-violet: #8d58ff;
  --mnv-v246-magenta: #d05cff;
  --mnv-v246-gold: #ffc866;
  --mnv-v246-green: #50e6b7;
  --mnv-v246-red: #ff829c;
  --mnv-v246-gradient: linear-gradient(108deg, #0871c7 0%, #274bcf 48%, #7134c5 100%);
  --mnv-v246-gradient-soft: linear-gradient(125deg, rgba(27, 127, 255, .32), rgba(123, 77, 255, .24));
  --mnv-v246-shadow: 0 22px 60px rgba(0, 3, 20, .46), inset 0 1px rgba(255, 255, 255, .055);
  --mnv-v246-radius: 20px;
  --mnv-v246-radius-lg: 26px;

  /* Compatibility bridge for every legacy page stylesheet. Components that
     already consume shared tokens become dark atomically instead of keeping
     a pale background with a newly inherited light foreground. */
  --navy: var(--mnv-v246-text);
  --navy-soft: var(--mnv-v246-text-2);
  --slate: var(--mnv-v246-text-3);
  --mist: var(--mnv-v246-panel-soft);
  --ivory: var(--mnv-v246-bg);
  --bg: var(--mnv-v246-bg);
  --card: var(--mnv-v246-panel);
  --border: rgba(95, 181, 255, .28);
  --border-strong: rgba(89, 232, 255, .52);
  --blue: var(--mnv-v246-blue);
  --blue-deep: #83ebff;
  --blue-soft: #0c2c60;
  --teal: var(--mnv-v246-green);
  --teal-deep: #79f3d0;
  --teal-soft: #0a3c35;
  --gold: var(--mnv-v246-gold);
  --gold-deep: #ffe09c;
  --gold-soft: #493514;
  --ok: var(--mnv-v246-green);
  --ok-soft: #0a3c35;
  --warn: var(--mnv-v246-gold);
  --warn-soft: #493514;
  --bad: var(--mnv-v246-red);
  --bad-soft: #4b1830;
  --koto-navy: var(--mnv-v246-text);
  --koto-paper: var(--mnv-v246-bg);
  --koto-paper-deep: var(--mnv-v246-bg-deep);
  --koto-blue: var(--mnv-v246-cyan);
  --koto-blue-deep: #83ebff;
  --koto-blue-soft: #0c2c60;
  --koto-orange: var(--mnv-v246-violet);
  --koto-orange-deep: #b998ff;
  --koto-orange-soft: #251b58;
  --color-brand-primary: var(--mnv-v246-blue);
  --color-brand-secondary: var(--mnv-v246-cyan);
  --color-accent: var(--mnv-v246-violet);
  --color-accent-strong: #b998ff;
  --color-success: var(--mnv-v246-green);
  --color-success-soft: #0a3c35;
  --color-warning: var(--mnv-v246-gold);
  --color-warning-soft: #493514;
  --color-danger: var(--mnv-v246-red);
  --color-danger-soft: #4b1830;
  --color-info: var(--mnv-v246-cyan);
  --color-info-soft: #0c2c60;
  --color-background: var(--mnv-v246-bg);
  --color-background-warm: var(--mnv-v246-bg-deep);
  --color-surface: var(--mnv-v246-panel);
  --color-surface-soft: var(--mnv-v246-panel-soft);
  --color-text-primary: var(--mnv-v246-text);
  --color-text-secondary: var(--mnv-v246-text-2);
  --color-border: rgba(95, 181, 255, .28);
  --color-border-strong: rgba(89, 232, 255, .52);
  --color-disabled: #91a4bd;
  --mf-ink-950: var(--mnv-v246-text);
  --mf-ink-800: var(--mnv-v246-text-2);
  --mf-blue-700: var(--mnv-v246-blue);
  --mf-blue-600: var(--mnv-v246-blue);
  --mf-blue-500: #5b7dff;
  --mf-cyan-400: var(--mnv-v246-cyan);
  --mf-orange-600: var(--mnv-v246-violet);
  --mf-orange-500: #a976ff;
  --mf-green-700: var(--mnv-v246-green);
  --mf-green-600: var(--mnv-v246-green);
  --mf-red-700: var(--mnv-v246-red);
  --mf-red-600: var(--mnv-v246-red);
  --mf-surface-0: var(--mnv-v246-panel);
  --mf-surface-1: var(--mnv-v246-panel-strong);
  --mf-surface-2: var(--mnv-v246-panel-soft);
  --mf-surface-warm: #17163d;
  --mf-line: rgba(95, 181, 255, .28);
  --mf-line-strong: rgba(89, 232, 255, .52);
  --mf-text-1: var(--mnv-v246-text);
  --mf-text-2: var(--mnv-v246-text-2);
  --mf-text-inverse: #fff;
  --mf-success-soft: #0a3c35;
  --mf-warning-soft: #493514;
  --mf-danger-soft: #4b1830;
  --mf-info-soft: #0c2c60;
  --shadow-sm: 0 7px 22px rgba(0, 3, 20, .25);
  --shadow-md: var(--mnv-v246-shadow);
  --shadow-lg: 0 30px 80px rgba(0, 3, 20, .56);
  --shadow-cta: 0 12px 30px rgba(44, 93, 255, .34);
  min-height: 100dvh;
  overflow-x: clip;
  background:
    radial-gradient(circle at 88% 8%, rgba(31, 101, 255, .22), transparent 29rem),
    radial-gradient(circle at 14% 72%, rgba(118, 69, 255, .14), transparent 31rem),
    linear-gradient(180deg, rgba(1, 5, 20, .74), rgba(2, 8, 25, .94)),
    url("../mnv-command-skyline-v242.webp") center top / cover scroll,
    var(--mnv-v246-bg) !important;
  color: var(--mnv-v246-text) !important;
  color-scheme: dark;
}

body.mnv-world-v246::before {
  position: fixed;
  z-index: -1;
  inset: 0;
  background:
    linear-gradient(rgba(81, 155, 255, .027) 1px, transparent 1px),
    linear-gradient(90deg, rgba(81, 155, 255, .027) 1px, transparent 1px),
    radial-gradient(circle at 78% 14%, rgba(83, 229, 255, .09), transparent 22rem);
  background-size: 48px 48px, 48px 48px, auto;
  content: "";
  pointer-events: none;
}

body.mnv-world-v246,
body.mnv-world-v246 *,
body.mnv-world-v246 *::before,
body.mnv-world-v246 *::after {
  box-sizing: border-box;
}

body.mnv-world-v246 main,
body.mnv-world-v246 main.container,
body.mnv-world-v246 main.shell-container,
body.mnv-world-v246 .admin-container,
body.mnv-world-v246 .admin-main,
body.mnv-world-v246 .org-main {
  position: relative;
  z-index: 1;
  min-width: 0;
  max-inline-size: 100%;
}

body.mnv-world-v246 :is(
  [class*="-grid"],
  [class*="-layout"],
  [class*="-row"],
  [class*="-wrap"],
  [class*="-shell"],
  [class*="-actions"],
  .page-grid,
  .dash-layout,
  .admin-shell,
  .org-shell
) > * {
  min-width: 0;
  max-inline-size: 100%;
}

body.mnv-world-v246 :is(
  h1, h2, h3, h4, h5, h6, p, li, dt, dd, label, legend, summary,
  th, td, blockquote, figcaption, .button, button
) {
  max-inline-size: 100%;
  overflow-wrap: anywhere;
  word-break: normal;
}

body.mnv-world-v246 :is(.button, button, input, select, textarea) {
  max-inline-size: 100%;
}

body.mnv-world-v246 :is(.button, button) {
  min-width: 0;
  min-height: 44px;
  height: auto;
  line-height: 1.35;
  white-space: normal;
  text-align: center;
}

body.mnv-world-v246 :is(.inline-actions, .hero-actions, .panel-actions, .form-actions, .admin-actions, .org-actions, .next-actions, .route-card-actions) {
  flex-wrap: wrap;
}

body.mnv-world-v246 :is(.table-scroll, .table-wrap, .org-table-wrap, .comparison-table-wrap, .compare-table-wrap, .mobile-card-table) {
  width: 100%;
  max-inline-size: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
}

body.mnv-world-v246 :is(pre, .code-block, .debug-output, .cron-command-card pre) {
  max-inline-size: 100%;
  overflow-x: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

/* -------------------------------------------------------------------------
   One dark glass language across application, public, organization and admin.
   ------------------------------------------------------------------------- */

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(
  .panel,
  .card,
  .mini-card,
  .side-card,
  .stat-card,
  .kpi-card,
  .admin-card,
  .org-card,
  .auth-card,
  .price-card,
  .course-card,
  .video-card,
  .route-card-s,
  .next-card,
  .action-card,
  .box,
  [class$="-card"],
  [class*="-card "],
  [class$="-panel"],
  [class*="-panel "]
) {
  min-width: 0 !important;
  border-color: var(--mnv-v246-line) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(44, 118, 255, .13), transparent 13rem),
    linear-gradient(148deg, rgba(10, 34, 73, .97), rgba(5, 19, 45, .98)) !important;
  color: var(--mnv-v246-text) !important;
  box-shadow: var(--mnv-v246-shadow) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(
  .today-learning-metrics > div,
  .watch-info-list > div,
  .study-session-summary > div,
  .adaptive-day-row,
  .standard-review-future-v1324,
  .admin-contact-notice,
  .contact-admin-kpis > a,
  .contact-admin-filters,
  .contact-inbox-list,
  .contact-inbox-item,
  .contact-detail-card,
  .contact-reply-card,
  .contact-history-card,
  .contact-person-grid > div,
  .contact-original-message,
  .contact-reply-channels label > span,
  .contact-history-list article,
  .cron-metrics > div,
  .cron-command-card,
  .karte-kpis > div,
  .karte-record,
  .karte-record-grid section,
  .karte-next,
  .growth-summary > div,
  .org-search-toolbar,
  .notification-readiness,
  .admin-simple-list > div,
  .search-evaluation-kpis > div,
  .search-evaluation-videos article,
  .search-evaluation-meta > span,
  .mf-admin-action-queue,
  .mf-admin-action-queue li,
  .mf-action-empty,
  .unified-player-note,
  .unified-resume-notice,
  .audio-answer-box,
  .course-learning-outcome,
  .skill-tree-node,
  .compact-empty,
  .admin-evaluation-caution,
  .watcher-status-grid > div,
  .watcher-safety-list > div,
  .watcher-operation-grid > div,
  .watcher-url-job,
  .watcher-url-job-grid > div,
  .result-detail-summary,
  .family-outcome-summary,
  .org-learner-summary,
  .practice-ai-reading,
  .practice-ai-feedback-grid > div,
  .adaptive-plan-board,
  .adaptive-plan-metrics > div,
  .adaptive-alert,
  .learning-mission-grid article,
  .standard-review-context-score,
  .practice-paper-alternative,
  .practice-easy-rebuild,
  .practice-fallback-note,
  .practice-growth-note,
  .practice-finish-mark,
  .practice-complete-stats > div,
  .standard-review-result-summary > div,
  .assessment-retry-limit,
  .dekiru-diagnosis-summary > div,
  .dekiru-reroute-note,
  .dekiru-hint,
  .outcome-evidence,
  .dekiru-clarity-form,
  .standard-review-flow li,
  .standard-review-task-tags span,
  .standard-review-mastery,
  .standard-review-meta-v1324 > span,
  .standard-review-more-note,
  .practice-hints > button,
  .learning-carryover,
  .diagnostic-safe-note,
  .child-today-board,
  .child-today-task,
  .child-assignment-card,
  .child-home-quick-nav > a,
  .family-hero,
  .family-add-child,
  .guardian-activity-calendar,
  .guardian-skill-insights > div,
  .org-kpi,
  .org-empty
) {
  min-width: 0 !important;
  border-color: var(--mnv-v246-line) !important;
  background:
    linear-gradient(145deg, rgba(11, 39, 82, .96), rgba(6, 24, 55, .98)) !important;
  color: var(--mnv-v246-text) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .045) !important;
}

/* Older contrast layers assigned navy directly to descendants of their
   former white islands. Re-pair those descendants whenever the island is
   converted to glass; status/badge classes are intentionally excluded. */
body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(
  .today-learning-metrics > div,
  .watch-info-list > div,
  .study-session-summary > div,
  .adaptive-day-row,
  .adaptive-plan-board,
  .adaptive-plan-metrics > div,
  .adaptive-alert,
  .learning-mission-grid article,
  .standard-review-context-score,
  .practice-ai-reading,
  .practice-ai-feedback-grid > div,
  .practice-paper-alternative,
  .practice-easy-rebuild,
  .practice-fallback-note,
  .practice-growth-note,
  .practice-finish-mark,
  .practice-complete-stats > div,
  .standard-review-result-summary > div,
  .assessment-retry-limit,
  .dekiru-diagnosis-summary > div,
  .dekiru-reroute-note,
  .dekiru-hint,
  .outcome-evidence,
  .dekiru-clarity-form,
  .standard-review-flow li,
  .standard-review-mastery,
  .standard-review-more-note,
  .standard-review-future-v1324,
  .admin-contact-notice,
  .contact-admin-kpis > a,
  .contact-admin-filters,
  .contact-inbox-list,
  .contact-inbox-item,
  .contact-detail-card,
  .contact-reply-card,
  .contact-history-card,
  .contact-person-grid > div,
  .contact-original-message,
  .contact-reply-channels label > span,
  .contact-history-list article,
  .cron-metrics > div,
  .cron-command-card,
  .karte-kpis > div,
  .karte-record,
  .karte-record-grid section,
  .karte-next,
  .growth-summary > div,
  .org-search-toolbar,
  .notification-readiness,
  .admin-simple-list > div,
  .search-evaluation-kpis > div,
  .search-evaluation-videos article,
  .mf-admin-action-queue,
  .mf-admin-action-queue li,
  .mf-action-empty,
  .unified-player-note,
  .unified-resume-notice,
  .audio-answer-box,
  .course-learning-outcome,
  .skill-tree-node,
  .compact-empty,
  .admin-evaluation-caution,
  .watcher-status-grid > div,
  .watcher-safety-list > div,
  .watcher-operation-grid > div,
  .watcher-url-job,
  .watcher-url-job-grid > div,
  .child-today-board,
  .child-today-task,
  .child-assignment-card,
  .child-home-quick-nav > a,
  .family-hero,
  .family-child-card,
  .family-add-child,
  .guardian-ring-card,
  .guardian-week-card,
  .guardian-plan-card,
  .guardian-activity-calendar,
  .guardian-skill-insights > div,
  .org-kpi,
  .org-card,
  .org-empty
) :is(h1, h2, h3, h4, h5, h6, label, legend, summary, strong, b, p, small, time, footer, dt, dd, li) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(
  .adaptive-day-row,
  .adaptive-plan-board,
  .adaptive-plan-metrics > div,
  .adaptive-alert,
  .learning-mission-grid article,
  .practice-ai-reading,
  .practice-ai-feedback-grid > div,
  .standard-review-future-v1324,
  .contact-inbox-list,
  .contact-detail-card,
  .cron-command-card,
  .karte-record,
  .growth-summary > div,
  .org-search-toolbar,
  .unified-player-note,
  .unified-resume-notice,
  .audio-answer-box,
  .course-learning-outcome,
  .child-today-board,
  .family-hero,
  .org-card,
  .org-kpi
) :is(p, small, time, footer, .muted) {
  color: var(--mnv-v246-text-2) !important;
  -webkit-text-fill-color: currentColor !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(
  h1, h2, h3, h4, h5, h6, legend, summary, strong, b, th
) {
  color: var(--mnv-v246-text) !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(
  p, li, dt, dd, small, time, td, figcaption, .muted, .rc-meta
) {
  color: var(--mnv-v246-text-2) !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(a:not(.button), .back-link) {
  color: #83ebff !important;
  -webkit-text-fill-color: currentColor !important;
  text-decoration-color: rgba(131, 235, 255, .42) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(a:not(.button), .back-link):is(:hover, :focus-visible) {
  color: #fff !important;
  text-decoration-color: var(--mnv-v246-cyan) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(.eyebrow, .section-kicker, .today-learning-eyebrow) {
  color: var(--mnv-v246-cyan) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Dark inputs supersede V245's universal white fields while keeping explicit
   foreground/background pairs and browser autofill readable. */
body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(
  input:not([type]):not([disabled]),
  input[type="text"]:not([disabled]),
  input[type="search"]:not([disabled]),
  input[type="email"]:not([disabled]),
  input[type="password"]:not([disabled]),
  input[type="url"]:not([disabled]),
  input[type="tel"]:not([disabled]),
  input[type="number"]:not([disabled]),
  input[type="date"]:not([disabled]),
  input[type="time"]:not([disabled]),
  input[type="datetime-local"]:not([disabled]),
  input[type="month"]:not([disabled]),
  input[type="week"]:not([disabled]),
  select:not([disabled]),
  textarea:not([disabled])
) {
  min-width: 0 !important;
  border-color: rgba(104, 176, 255, .48) !important;
  background: var(--mnv-v246-control) !important;
  color: var(--mnv-v246-text) !important;
  -webkit-text-fill-color: var(--mnv-v246-text) !important;
  caret-color: var(--mnv-v246-cyan) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .045) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(
  input:not([type]),
  input[type="text"],
  input[type="search"],
  input[type="email"],
  input[type="password"],
  input[type="url"],
  input[type="tel"],
  input[type="number"],
  textarea
)::placeholder {
  color: #91a8c8 !important;
  -webkit-text-fill-color: #91a8c8 !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(input, select, textarea):disabled {
  border-color: rgba(112, 139, 177, .34) !important;
  background: #0a162d !important;
  color: #91a4bd !important;
  -webkit-text-fill-color: #91a4bd !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 select option {
  background: #071a3a !important;
  color: var(--mnv-v246-text) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(input, textarea):-webkit-autofill {
  -webkit-text-fill-color: var(--mnv-v246-text) !important;
  box-shadow: 0 0 0 1000px #081d42 inset !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(
  input[type="checkbox"], input[type="radio"], input[type="range"]
) {
  accent-color: var(--mnv-v246-cyan) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(input, select, textarea):focus-visible {
  border-color: var(--mnv-v246-cyan) !important;
  outline: 3px solid rgba(89, 232, 255, .20) !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 1px rgba(89, 232, 255, .18), 0 0 25px rgba(35, 135, 255, .20) !important;
}

/* -------------------------------------------------------------------------
   Buttons, choices and semantic states.
   ------------------------------------------------------------------------- */

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(.button.primary, button.primary, input[type="submit"].primary) {
  border-color: rgba(108, 231, 255, .76) !important;
  background: var(--mnv-v246-gradient) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 11px 30px rgba(44, 93, 255, .34), inset 0 1px rgba(255, 255, 255, .24) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(.button:not(.primary):not(.danger), button:not(.primary):not(.danger):not(.nav-toggle)) {
  border-color: rgba(113, 181, 244, .32) !important;
  background: rgba(9, 32, 70, .94) !important;
  color: #edf7ff !important;
  -webkit-text-fill-color: #edf7ff !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(.button, button):is(:hover, :focus-visible) {
  border-color: var(--mnv-v246-cyan) !important;
  box-shadow: 0 0 0 3px rgba(89, 232, 255, .13), 0 12px 28px rgba(35, 135, 255, .22) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(.button.danger, button.danger) {
  border-color: rgba(255, 130, 156, .55) !important;
  background: rgba(90, 23, 46, .92) !important;
  color: #ffdce4 !important;
  -webkit-text-fill-color: #ffdce4 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(
  .chip, .status-chip, .practice-type-chip, .practice-easy-chip,
  .skill-level-badge, .contact-status, .watcher-role-chip, .watcher-delivery-chip
) {
  border-color: rgba(112, 180, 255, .36) !important;
  background: rgba(24, 72, 145, .56) !important;
  color: #eaf5ff !important;
  -webkit-text-fill-color: currentColor !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(.alert, .org-notice, .mode-banner, .system-announcement, .maintenance-inline-banner) {
  border-color: rgba(113, 181, 244, .42) !important;
  background: #0b2d59 !important;
  color: #eaf5ff !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(.alert, .org-notice, .mode-banner, .system-announcement, .maintenance-inline-banner).success {
  border-color: rgba(80, 230, 183, .52) !important;
  background: #0a3c35 !important;
  color: #d2ffef !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(.alert, .org-notice, .mode-banner, .system-announcement, .maintenance-inline-banner):is(.warning, .severity-warning) {
  border-color: rgba(255, 200, 102, .54) !important;
  background: #493514 !important;
  color: #fff0c7 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(.alert, .org-notice, .mode-banner, .system-announcement, .maintenance-inline-banner):is(.error, .severity-critical) {
  border-color: rgba(255, 130, 156, .54) !important;
  background: #4b1830 !important;
  color: #ffdbe3 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(.alert, .org-notice, .mode-banner, .system-announcement, .maintenance-inline-banner) :is(h1, h2, h3, p, span, small, strong, a) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Semantic chips remain distinguishable without returning to pale surfaces. */
body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(
  .chip-teal,
  .contact-status.status-replied,
  .contact-status.status-closed,
  .contact-account-ready,
  .watcher-role-chip.is-leader,
  .watcher-delivery-chip.is-sent,
  .org-status.is-good
) {
  border-color: rgba(80, 230, 183, .52) !important;
  background: #0a3c35 !important;
  color: #d2ffef !important;
  -webkit-text-fill-color: currentColor !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(
  .chip-gold,
  .contact-status.status-in_progress,
  .watcher-delivery-chip.is-failed,
  .watcher-delivery-chip.is-reserved,
  .org-status.is-warn
) {
  border-color: rgba(255, 200, 102, .54) !important;
  background: #493514 !important;
  color: #fff0c7 !important;
  -webkit-text-fill-color: currentColor !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(
  .contact-status.status-new,
  .severity-critical,
  .status-error,
  .is-error
) {
  border-color: rgba(255, 130, 156, .54) !important;
  background-color: #4b1830 !important;
  color: #ffdbe3 !important;
  -webkit-text-fill-color: currentColor !important;
}

/* -------------------------------------------------------------------------
   Public landing/search world. Former white acts and demo controls are
   converted as complete foreground/background pairs, matching the supplied
   dark login and route-generation references.
   ------------------------------------------------------------------------- */

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.public-app.shell-public.page-index :is(
  .koto-learning-range-section,
  .koto-features-section,
  .koto-support-section,
  .koto-pain-section,
  .koto-scenes-section,
  .homepage-trust-section,
  .koto-flow-section,
  .koto-experience-section,
  .brand-film-section,
  .mnv-v243-manifesto,
  .mnv-v243-impact,
  .mnv-v243-proof,
  .mnv-v243-organization-scene,
  .koto-final-cta
) {
  border-color: rgba(95, 181, 255, .20) !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(45, 118, 255, .13), transparent 24rem),
    linear-gradient(180deg, rgba(4, 16, 39, .98), rgba(2, 9, 25, .99)) !important;
  color: var(--mnv-v246-text) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.public-app.shell-public.page-index :is(
  .koto-learning-range-section,
  .koto-features-section,
  .koto-support-section,
  .koto-pain-section,
  .koto-scenes-section,
  .homepage-trust-section,
  .koto-flow-section,
  .koto-experience-section,
  .brand-film-section,
  .mnv-v243-manifesto,
  .mnv-v243-impact,
  .mnv-v243-proof,
  .mnv-v243-organization-scene,
  .koto-final-cta
) :is(h1, h2, h3, h4, strong, summary, label) {
  color: var(--mnv-v246-text) !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.public-app.shell-public.page-index :is(
  .koto-learning-range-section,
  .koto-features-section,
  .koto-support-section,
  .koto-pain-section,
  .koto-scenes-section,
  .homepage-trust-section,
  .koto-flow-section,
  .koto-experience-section,
  .brand-film-section,
  .mnv-v243-manifesto,
  .mnv-v243-impact,
  .mnv-v243-proof,
  .mnv-v243-organization-scene,
  .koto-final-cta
) :is(p, small, li, figcaption, .muted) {
  color: var(--mnv-v246-text-2) !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.public-app.shell-public.page-index :is(
  .koto-learning-range-grid > article,
  .koto-feature-grid > article,
  .koto-pain-grid > article,
  .koto-experience-track > article,
  .koto-scene-grid > article,
  .koto-role-grid > article,
  .homepage-trust-grid > article,
  .org-path-card,
  .homepage-faq details,
  .mnv-v243-impact-grid > *,
  .koto-flow-board .koto-flow-center,
  .koto-flow-board li
) {
  min-width: 0 !important;
  border-color: var(--mnv-v246-line) !important;
  background: linear-gradient(145deg, rgba(11, 39, 82, .97), rgba(6, 24, 55, .99)) !important;
  color: var(--mnv-v246-text) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .05), 0 16px 40px rgba(0, 3, 20, .28) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.public-app.shell-public.page-index :is(
  .koto-learning-range-grid > article,
  .koto-feature-grid > article,
  .koto-pain-grid > article,
  .koto-experience-track > article,
  .koto-scene-grid > article,
  .koto-role-grid > article,
  .homepage-trust-grid > article,
  .org-path-card,
  .homepage-faq details,
  .mnv-v243-impact-grid > *,
  .koto-flow-board .koto-flow-center,
  .koto-flow-board li
) :is(h1, h2, h3, h4, strong, summary, label, b) {
  color: var(--mnv-v246-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.public-app.shell-public.page-index :is(
  .koto-learning-range-grid > article,
  .koto-feature-grid > article,
  .koto-pain-grid > article,
  .koto-experience-track > article,
  .koto-scene-grid > article,
  .koto-role-grid > article,
  .homepage-trust-grid > article,
  .org-path-card,
  .homepage-faq details,
  .mnv-v243-impact-grid > *,
  .koto-flow-board .koto-flow-center,
  .koto-flow-board li
) :is(p, small, li, .muted) {
  color: var(--mnv-v246-text-2) !important;
  -webkit-text-fill-color: currentColor !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.public-app.shell-public.page-index .koto-cosmic-hero :is(
  .koto-device-screen,
  .koto-device-content,
  .koto-search-form,
  .koto-plan-options,
  .first-visit-guide,
  .koto-guided-keywords > button,
  .koto-time-pills span
) {
  border-color: rgba(100, 183, 255, .34) !important;
  background: rgba(7, 29, 66, .96) !important;
  color: var(--mnv-v246-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.public-app.shell-public.page-index .koto-cosmic-hero :is(
  .koto-device-screen,
  .koto-device-content,
  .koto-search-form,
  .koto-plan-options,
  .first-visit-guide,
  .koto-guided-keywords > button,
  .koto-time-pills span
) :is(h1, h2, h3, h4, label, legend, summary, strong, b, span) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.public-app.shell-public.page-index .koto-cosmic-hero .koto-time-pills input:checked + span,
body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.public-app.shell-public.page-index .koto-cosmic-hero .koto-guided-keywords > button:is(:hover, :focus-visible, .is-selected, .is-guide-preview, .is-guide-active) {
  border-color: var(--mnv-v246-cyan) !important;
  background: linear-gradient(130deg, rgba(24, 112, 255, .70), rgba(113, 69, 229, .70)) !important;
  color: #fff !important;
}

/* -------------------------------------------------------------------------
   Navigation. V243 changed every width up to 1800px into a hidden drawer,
   while V242 hid the toggle from 1181px upward. The combination produced the
   blank left rail in the supplied live screenshot. Wide application screens
   now have one reachable rail; tablets and phones retain the existing drawer.
   ------------------------------------------------------------------------- */

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .site-header {
  border-color: rgba(97, 178, 255, .22) !important;
  background:
    radial-gradient(circle at 18% 3%, rgba(54, 128, 255, .20), transparent 18rem),
    linear-gradient(180deg, rgba(3, 11, 30, .99), rgba(3, 14, 36, .99)) !important;
  color: var(--mnv-v246-text) !important;
  box-shadow: 18px 0 54px rgba(0, 3, 18, .30) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .site-header :is(.brand-text strong, .site-nav a, .nav-link, .nav-guide-button, .logout-inline-form button) {
  color: #eef7ff !important;
  -webkit-text-fill-color: currentColor !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .site-header .brand-text small {
  color: #9db4d1 !important;
  -webkit-text-fill-color: currentColor !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .site-header :is(.site-nav a, .nav-guide-button, .nav-actions a, .nav-actions button, summary) {
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .site-header :is(.site-nav a, .nav-guide-button):is(:hover, :focus-visible) {
  border-color: rgba(89, 232, 255, .46) !important;
  background: rgba(35, 111, 255, .18) !important;
  color: #fff !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .site-header .site-nav > :first-child {
  border-color: rgba(89, 232, 255, .38) !important;
  background: linear-gradient(90deg, rgba(31, 113, 255, .34), rgba(119, 73, 255, .18)) !important;
  color: #fff !important;
  box-shadow: inset 3px 0 var(--mnv-v246-cyan), 0 12px 30px rgba(22, 72, 177, .20) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .site-header .nav-actions :is(.nav-link, .button, summary) {
  border-color: rgba(106, 174, 239, .22) !important;
  background: rgba(7, 27, 59, .94) !important;
  color: #e7f3ff !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .site-header .notification-menu-panel {
  border-color: var(--mnv-v246-line-strong) !important;
  background: #071a3a !important;
  color: var(--mnv-v246-text) !important;
}

@media (min-width: 1181px) {
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246:is(.shell-learner, .shell-immersive) .site-header {
    position: fixed !important;
    z-index: 720 !important;
    inset: 0 auto 0 0 !important;
    width: 284px !important;
    height: 100dvh !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-right: 1px solid rgba(97, 178, 255, .22) !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246:is(.shell-learner, .shell-immersive) .site-header-inner {
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 24px 18px 18px !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246:is(.shell-learner, .shell-immersive) .site-header .brand {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    width: 100% !important;
    padding: 0 4px 19px !important;
    gap: 11px !important;
    border-bottom: 1px solid rgba(106, 176, 240, .16) !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246:is(.shell-learner, .shell-immersive) .site-header :is(.nav-toggle, .nav-drawer-close, .mnv-v243-drawer-intro) {
    display: none !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246:is(.shell-learner, .shell-immersive) .site-header .site-nav-area,
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246:is(.shell-learner, .shell-immersive) .site-header .site-nav-area.open {
    position: static !important;
    z-index: auto !important;
    inset: auto !important;
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    padding: 0 2px 2px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246:is(.shell-learner, .shell-immersive) .site-header .site-nav {
    display: grid !important;
    width: 100% !important;
    margin: 0 !important;
    gap: 5px !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246:is(.shell-learner, .shell-immersive) .site-header .site-nav :is(a, .nav-guide-button) {
    display: grid !important;
    grid-template-columns: 29px minmax(0, 1fr) !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 9px 11px !important;
    align-items: center !important;
    justify-content: stretch !important;
    border-radius: 13px !important;
    font-size: 13px !important;
    text-align: left !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246:is(.shell-learner, .shell-immersive) .site-header .nav-actions {
    display: grid !important;
    width: 100% !important;
    margin-top: auto !important;
    padding-top: 10px !important;
    gap: 6px !important;
    border-top: 1px solid rgba(106, 176, 240, .15) !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246:is(.shell-learner, .shell-immersive) main.container.shell-container {
    width: calc(100% - 304px) !important;
    max-width: 1640px !important;
    margin-right: 12px !important;
    margin-left: 292px !important;
    padding-right: 76px !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246:is(.shell-learner, .shell-immersive) > footer {
    margin-left: 284px !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246:is(.shell-learner, .shell-immersive) .nav-scrim {
    display: none !important;
  }
}

/* -------------------------------------------------------------------------
   Dashboard and learning cockpit: direct dark pairs for every legacy white
   island seen in the live screenshot, plus grids that yield before colliding.
   ------------------------------------------------------------------------- */

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .dash-greet {
  min-width: 0 !important;
  overflow: hidden !important;
  border-color: rgba(89, 232, 255, .38) !important;
  background:
    url("../mnv-ai-companion-v242.webp") calc(100% - 230px) 50% / 102px auto no-repeat,
    radial-gradient(circle at 88% 16%, rgba(89, 232, 255, .18), transparent 15rem),
    linear-gradient(118deg, rgba(8, 40, 84, .99), rgba(7, 22, 54, .99)) !important;
  color: var(--mnv-v246-text) !important;
  box-shadow: var(--mnv-v246-shadow) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .dash-greet :is(h1, p, small, span, strong) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .plan-chip-card {
  min-width: 0 !important;
  max-width: 100% !important;
  border-color: rgba(105, 177, 243, .28) !important;
  background: rgba(3, 17, 43, .82) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .today-learning-card {
  min-width: 0 !important;
  border-color: rgba(89, 232, 255, .52) !important;
  background:
    radial-gradient(circle at 96% 10%, rgba(76, 83, 255, .18), transparent 18rem),
    linear-gradient(105deg, rgba(9, 52, 105, .99), rgba(8, 28, 66, .99)) !important;
  color: var(--mnv-v246-text) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .today-learning-card :is(h2, p, dt, dd, span, small, strong) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .today-learning-card .today-learning-copy p,
body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .today-learning-card .today-learning-metrics dt {
  color: var(--mnv-v246-text-2) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .today-learning-metrics {
  min-width: 0 !important;
  grid-template-columns: minmax(0, 1fr) !important;
  border-color: rgba(106, 177, 244, .25) !important;
  background: rgba(2, 15, 39, .68) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .today-learning-metrics > div {
  grid-column: auto !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, auto) !important;
  border-color: rgba(109, 181, 244, .16) !important;
  background: rgba(9, 35, 76, .82) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .today-learning-metrics dd {
  min-width: 0 !important;
  max-width: 100% !important;
  text-align: end !important;
  overflow-wrap: anywhere !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .today-learning-status {
  width: auto !important;
  max-width: 100% !important;
  background: rgba(42, 109, 225, .48) !important;
  color: #eaf7ff !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .stat-card,
body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .side-card,
body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .next-card,
body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .route-card-s {
  border-color: rgba(95, 181, 255, .28) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(57, 116, 255, .14), transparent 10rem),
    linear-gradient(145deg, rgba(10, 38, 79, .98), rgba(5, 20, 47, .99)) !important;
  color: var(--mnv-v246-text) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage :is(.stat-card, .side-card, .next-card, .route-card-s) :is(h2, h3, h4, p, span, small, strong, dt, dd, a:not(.button)) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage :is(.stat-card, .side-card, .next-card, .route-card-s) :is(p, small, .muted, .rc-meta, .stat-text > span, .watch-info-list span) {
  color: var(--mnv-v246-text-2) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .watch-info-list > div {
  min-width: 0 !important;
  flex-wrap: wrap !important;
  border-color: rgba(105, 176, 240, .16) !important;
  background: rgba(3, 18, 44, .56) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .watch-info-list strong {
  min-width: 0 !important;
  margin-left: auto !important;
  color: var(--mnv-v246-text) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .dash-section-head {
  min-width: 0 !important;
  flex-wrap: wrap !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .dash-section-head :is(h2, span, small, .muted) {
  color: var(--mnv-v246-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .dash-section-head :is(span, small, .muted) {
  color: var(--mnv-v246-text-2) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(.progress-bar, .progress-track, progress) {
  background: rgba(104, 146, 205, .24) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .ring {
  color: var(--mnv-v246-cyan) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(.page-grid, .study-session-layout, .practice-unified-workspace, .standard-review-layout-v1324) {
  min-width: 0 !important;
  align-items: start !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(.aside-col, .study-session-side, .practice-unified-learning) {
  min-width: 0 !important;
  max-width: 100% !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(.practice-choice-grid label, .learning-choice-grid label, .choice-card, .practice-choice-card) {
  min-width: 0 !important;
  border-color: rgba(101, 172, 244, .34) !important;
  background: rgba(8, 30, 67, .94) !important;
  color: var(--mnv-v246-text) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(.practice-choice-grid label, .learning-choice-grid label, .choice-card, .practice-choice-card) :is(span, em, strong, b) {
  color: var(--mnv-v246-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Reusable inner tiles and answer controls. These were the most common source
   of white-on-white or navy-on-navy text because they are not named “card”. */
body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(
  .assessment-options label > span,
  .assessment-feedback-example,
  .assessment-score-comparison,
  .assessment-score-cards > div,
  .assessment-rubric-detail,
  .assessment-retry-point,
  .assessment-ungraded-message,
  .assessment-feedback-notice,
  .assessment-ai-notice,
  .diagnostic-option span,
  .diagnostic-overall,
  .diagnostic-question,
  .diagnostic-plan-cta,
  .diagnostic-priority-section,
  .dekiru-choice > span,
  .dekiru-progress li > span,
  .dekiru-unknown-text-action,
  .practice-source-strip,
  .practice-hints,
  .practice-confidence span,
  .practice-self-check,
  .practice-answer-contract > div,
  .practice-answer-guide,
  .handwriting-toolbar,
  .handwriting-toolbar button,
  .goal-settings-summary,
  .goal-settings-summary > div,
  .goal-program-lock,
  .goal-time-options span,
  .notification-topic-grid label,
  .notification-schedule-grid label,
  .course-completion-checks label,
  .content-preview-details,
  .content-preview-details > div,
  .content-review-history-item,
  .content-review-form fieldset,
  .content-review-form fieldset label,
  .assignment-save-progress__facts > div,
  .assignment-save-progress__steps li,
  .family-progress-grid > div,
  .family-request-list > div,
  .family-settings-grid .check,
  .guardian-mini-stats > div,
  .guardian-skill-insights li
) {
  min-width: 0 !important;
  border-color: rgba(100, 177, 247, .30) !important;
  background: rgba(8, 30, 67, .94) !important;
  color: var(--mnv-v246-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(
  .assessment-options label > span,
  .assessment-feedback-example,
  .assessment-score-comparison,
  .assessment-score-cards > div,
  .assessment-rubric-detail,
  .assessment-retry-point,
  .assessment-ungraded-message,
  .assessment-feedback-notice,
  .assessment-ai-notice,
  .diagnostic-option span,
  .diagnostic-overall,
  .diagnostic-question,
  .diagnostic-plan-cta,
  .dekiru-choice > span,
  .dekiru-progress li > span,
  .practice-source-strip,
  .practice-hints,
  .practice-confidence span,
  .practice-self-check,
  .practice-answer-contract > div,
  .practice-answer-guide,
  .goal-settings-summary,
  .goal-program-lock,
  .goal-time-options span,
  .notification-topic-grid label,
  .notification-schedule-grid label,
  .course-completion-checks label,
  .content-preview-details,
  .content-review-history-item,
  .content-review-form fieldset,
  .assignment-save-progress__facts > div,
  .assignment-save-progress__steps li,
  .family-progress-grid > div,
  .family-request-list > div,
  .family-settings-grid .check,
  .guardian-mini-stats > div,
  .guardian-skill-insights li
) :is(h1, h2, h3, h4, p, small, time, label, legend, summary, strong, b, span:not(.chip):not([class*="status"]):not([class*="badge"]), dt, dd, li) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(
  .assessment-options input:checked + span,
  .diagnostic-option input:checked + span,
  .dekiru-choice input:checked + span,
  .practice-confidence input:checked + span,
  .goal-time-options input:checked + span
) {
  border-color: var(--mnv-v246-cyan) !important;
  background: linear-gradient(130deg, rgba(24, 112, 255, .72), rgba(113, 69, 229, .72)) !important;
  color: #fff !important;
  box-shadow: 0 0 0 4px rgba(89, 232, 255, .12) !important;
}

/* Writable paper remains a deliberate light document; only the application
   chrome around it adopts the night world. Canvas size and pointer geometry
   are untouched. */
body.app-shell.future-ui.mnv-future-ui.mnv-world-v246:is(.page-practice_lab, .page-dekiru_route) :is(
  .handwriting-paper,
  .handwriting-problem-print
) {
  border-color: #b8c7d9 !important;
  background: #fffefb !important;
  color: #10243e !important;
  color-scheme: light;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246:is(.page-practice_lab, .page-dekiru_route) :is(
  .handwriting-paper,
  .handwriting-problem-print
) :is(h1, h2, h3, h4, p, span, strong, b, small) {
  color: #10243e !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
}

/* -------------------------------------------------------------------------
   Organization, administration and data-heavy workspaces.
   ------------------------------------------------------------------------- */

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246:is(.organization-app, .shell-admin) {
  background:
    radial-gradient(circle at 91% 7%, rgba(33, 111, 255, .23), transparent 31rem),
    radial-gradient(circle at 15% 88%, rgba(126, 68, 255, .13), transparent 32rem),
    linear-gradient(155deg, #020617, #04122d 58%, #03102a) !important;
  color: var(--mnv-v246-text) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(.admin-sidebar, .org-sidebar, .admin-topbar, .org-topbar) {
  border-color: rgba(94, 175, 255, .24) !important;
  background:
    linear-gradient(180deg, rgba(3, 12, 32, .99), rgba(4, 18, 45, .99)) !important;
  color: var(--mnv-v246-text) !important;
  box-shadow: var(--mnv-v246-shadow) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(.admin-sidebar, .org-sidebar) :is(a, button, summary) {
  min-width: 0 !important;
  max-width: 100% !important;
  color: #dcecff !important;
  -webkit-text-fill-color: currentColor !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(.admin-sidebar, .org-sidebar) :is(a, button, summary):is(.active, [aria-current="page"], :hover, :focus-visible) {
  border-color: rgba(89, 232, 255, .42) !important;
  background: linear-gradient(90deg, rgba(31, 113, 255, .35), rgba(119, 73, 255, .19)) !important;
  color: #fff !important;
  box-shadow: inset 3px 0 var(--mnv-v246-cyan) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(.admin-card, .org-card, .kpi-card, .contact-inbox-list, .contact-detail-card, .cron-command-card, .skill-tree-node) :is(h1, h2, h3, h4, p, span, small, strong, b, label, legend, dt, dd, time) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(.admin-card, .org-card, .contact-inbox-list, .contact-detail-card, .cron-command-card, .skill-tree-node) :is(p, small, .muted, time) {
  color: var(--mnv-v246-text-2) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 table {
  border-color: rgba(100, 174, 244, .22) !important;
  color: var(--mnv-v246-text-2) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 table :is(th, td) {
  min-width: 0;
  border-color: rgba(100, 174, 244, .17) !important;
  background: rgba(5, 22, 52, .74) !important;
  color: var(--mnv-v246-text-2) !important;
  -webkit-text-fill-color: currentColor !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 table th {
  background: #0a2a56 !important;
  color: var(--mnv-v246-text) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 table tr:is(:hover, :focus-within) td {
  background: rgba(12, 46, 91, .92) !important;
}

/* Child and family entry points share the same cosmic world while retaining
   their larger targets and real guardian/learner content. */
body.app-shell.future-ui.mnv-future-ui.mnv-world-v246:is(.shell-child, .shell-child-auth, .shell-family) :is(
  .child-today-board,
  .child-today-task,
  .child-assignment-card,
  .child-home-quick-nav > a,
  .family-hero,
  .family-child-card,
  .family-add-child,
  .guardian-ring-card,
  .guardian-week-card,
  .guardian-plan-card,
  .guardian-activity-calendar,
  .guardian-skill-insights > div,
  .family-assignment-panel,
  .family-qr-panel
) {
  min-width: 0 !important;
  border-color: var(--mnv-v246-line) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(52, 122, 255, .16), transparent 12rem),
    linear-gradient(145deg, rgba(11, 39, 82, .98), rgba(6, 24, 55, .99)) !important;
  color: var(--mnv-v246-text) !important;
  box-shadow: var(--mnv-v246-shadow) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246:is(.shell-child, .shell-child-auth, .shell-family) :is(
  .child-today-board,
  .child-today-task,
  .child-assignment-card,
  .child-home-quick-nav > a,
  .family-hero,
  .family-child-card,
  .family-add-child,
  .guardian-ring-card,
  .guardian-week-card,
  .guardian-plan-card,
  .guardian-activity-calendar,
  .guardian-skill-insights > div,
  .family-assignment-panel,
  .family-qr-panel
) :is(h1, h2, h3, h4, p, small, time, label, legend, strong, b, span:not(.chip):not([class*="status"]):not([class*="badge"])) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246:is(.shell-child, .shell-child-auth, .shell-family) :is(
  .child-today-board,
  .child-today-task,
  .child-assignment-card,
  .family-hero,
  .family-child-card,
  .guardian-ring-card,
  .guardian-week-card,
  .guardian-plan-card,
  .guardian-activity-calendar
) :is(p, small, time, .muted) {
  color: var(--mnv-v246-text-2) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-diagnostic .diagnostic-error,
body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-diagnostic .diagnostic-error :is(h1, h2, h3, p, small, strong, span) {
  border-color: rgba(255, 130, 156, .54) !important;
  background: #4b1830 !important;
  color: #ffdbe3 !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(.notification-readiness li.is-ok, .contact-account-ready) {
  background: #0a3c35 !important;
  color: #d2ffef !important;
  -webkit-text-fill-color: currentColor !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .notification-readiness li.is-error {
  background: #4b1830 !important;
  color: #ffdbe3 !important;
  -webkit-text-fill-color: currentColor !important;
}

/* -------------------------------------------------------------------------
   Menus, dialogs, loaders and reading surfaces remain within the viewport.
   ------------------------------------------------------------------------- */

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(
  dialog,
  .guide-panel,
  .qr-login-dialog,
  .notification-menu-panel,
  .mf-command-palette,
  .mf-detail-drawer,
  .luxury-command-panel,
  .page-loader-card,
  .assignment-save-intake__card,
  .ai-wait-card,
  .practice-processing-card
) {
  max-inline-size: calc(100vw - 24px) !important;
  max-block-size: calc(100dvh - 24px) !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
  border-color: var(--mnv-v246-line-strong) !important;
  background:
    radial-gradient(circle at 94% 3%, rgba(42, 105, 255, .16), transparent 16rem),
    linear-gradient(150deg, #0a234d, #061831) !important;
  color: var(--mnv-v246-text) !important;
  box-shadow: 0 30px 90px rgba(0, 2, 17, .62) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(
  .guide-panel,
  .qr-login-dialog,
  .notification-menu-panel,
  .mf-command-palette,
  .mf-detail-drawer,
  .luxury-command-panel,
  .page-loader-card
) :is(h1, h2, h3, h4, p, label, legend, summary, strong, b, small, time, .muted, .luxury-command-count) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(
  .guide-panel,
  .qr-login-dialog,
  .notification-menu-panel,
  .mf-command-palette,
  .mf-detail-drawer,
  .luxury-command-panel,
  .page-loader-card
) :is(p, small, time, .muted) {
  color: var(--mnv-v246-text-2) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(
  .mf-command-palette nav a,
  .mf-command-palette header button,
  .mf-detail-drawer > header button,
  .mf-detail-note,
  .luxury-command-grid > a,
  .luxury-command-panel > header > button,
  .notification-menu-panel li
) {
  min-width: 0 !important;
  border-color: rgba(105, 177, 243, .30) !important;
  background: rgba(7, 30, 68, .96) !important;
  color: var(--mnv-v246-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .luxury-command-grid > a :is(small, strong, b) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .luxury-command-grid > a small {
  color: var(--mnv-v246-cyan) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .luxury-command-grid > a b {
  color: var(--mnv-v246-text-2) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .qr-login-modal .qr-login-dialog {
  border-color: var(--mnv-v246-line-strong) !important;
  background: linear-gradient(150deg, #0a234d, #061831) !important;
  color: var(--mnv-v246-text) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .qr-login-modal .qr-login-dialog :is(.qr-login-header h2, .qr-login-header p, .qr-login-status, .qr-login-controls, .qr-login-help) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .mnv-next-action-v243 {
  max-width: min(720px, calc(100% - 20px)) !important;
  border-color: rgba(89, 232, 255, .58) !important;
  background: linear-gradient(110deg, rgba(6, 35, 80, .97), rgba(20, 25, 74, .97)) !important;
  color: var(--mnv-v246-text) !important;
  box-shadow: 0 16px 42px rgba(0, 3, 23, .44), 0 0 28px rgba(35, 135, 255, .14) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .mnv-next-action-v243 :is(strong, small, span) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .mnv-next-action-v243 small {
  color: var(--mnv-v246-text-2) !important;
}

/* -------------------------------------------------------------------------
   Collision-free utility rail. Text appears as an external tooltip on hover
   or keyboard focus; only compact 48px controls occupy the reading viewport.
   Main content reserves the same width on desktop.
   ------------------------------------------------------------------------- */

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .future-utility-dock {
  position: fixed !important;
  z-index: 780 !important;
  right: max(14px, env(safe-area-inset-right)) !important;
  bottom: max(16px, env(safe-area-inset-bottom)) !important;
  left: auto !important;
  display: flex !important;
  width: 52px !important;
  max-width: 52px !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 8px !important;
  pointer-events: none !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .future-utility-dock > :is(.luxury-command-fab, .guide-fab, .qr-login-fab, .child-read-aloud) {
  position: relative !important;
  inset: auto !important;
  display: grid !important;
  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 !important;
  place-items: center !important;
  border: 1px solid rgba(104, 202, 255, .50) !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, rgba(11, 48, 99, .98), rgba(7, 25, 61, .98)) !important;
  color: #f7fbff !important;
  -webkit-text-fill-color: #f7fbff !important;
  box-shadow: 0 13px 34px rgba(0, 3, 22, .48), 0 0 20px rgba(35, 135, 255, .13) !important;
  pointer-events: auto !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .future-utility-dock > :is(.luxury-command-fab, .guide-fab, .qr-login-fab, .child-read-aloud) > :is(span, kbd) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .future-utility-dock > :is(.luxury-command-fab, .guide-fab, .qr-login-fab, .child-read-aloud)::after {
  position: absolute;
  right: 62px;
  top: 50%;
  width: max-content;
  max-width: min(220px, calc(100vw - 96px));
  padding: 8px 11px;
  border: 1px solid rgba(89, 232, 255, .38);
  border-radius: 10px;
  background: #071a3a;
  color: #f7fbff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
  box-shadow: 0 12px 28px rgba(0, 3, 21, .46);
  opacity: 0;
  visibility: hidden;
  transform: translate(6px, -50%);
  transition: opacity 140ms ease, transform 140ms ease, visibility 140ms ease;
  pointer-events: none;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .future-utility-dock > .luxury-command-fab::after { content: "すぐ操作"; }
body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .future-utility-dock > .guide-fab::after { content: "画面案内"; }
body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .future-utility-dock > .qr-login-fab::after { content: "QRログイン"; }
body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .future-utility-dock > .child-read-aloud::after { content: "読み上げ"; }

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .future-utility-dock > :is(.luxury-command-fab, .guide-fab, .qr-login-fab, .child-read-aloud):is(:hover, :focus-visible)::after {
  opacity: 1;
  visibility: visible;
  transform: translate(0, -50%);
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .pwa-nudge {
  right: 82px !important;
  max-width: min(430px, calc(100vw - 108px)) !important;
  border-color: rgba(89, 232, 255, .38) !important;
  background: #071a3a !important;
  color: var(--mnv-v246-text) !important;
}

/* Public and authentication screens use the same night-world surfaces. */
body.app-shell.future-ui.mnv-future-ui.mnv-world-v246:is(.shell-public, .shell-auth, .shell-reading, .shell-system, .shell-ops) main.shell-container,
body.app-shell.future-ui.mnv-future-ui.mnv-world-v246:is(.shell-public, .shell-auth, .shell-reading, .shell-system, .shell-ops) main.container {
  color: var(--mnv-v246-text) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.public-app.shell-public.page-index :is(
  .koto-learning-range-section,
  .koto-pain-section,
  .koto-flow-section,
  .koto-proof-section,
  .koto-how-section,
  .koto-final-cta,
  .mnv-v243-manifesto,
  .mnv-v243-impact
) {
  border-color: rgba(95, 181, 255, .20) !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(45, 118, 255, .12), transparent 24rem),
    linear-gradient(180deg, rgba(4, 16, 39, .98), rgba(2, 9, 25, .99)) !important;
  color: var(--mnv-v246-text) !important;
}

body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.public-app.shell-auth .google-login-button,
body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.public-app.shell-auth .google-login-button span {
  border-color: #dce6f4 !important;
  background: #f8fbff !important;
  color: #132641 !important;
  -webkit-text-fill-color: #132641 !important;
}

/* Standalone maintenance, offline and setup pages do not carry app-shell in
   every path, so they receive a compact equivalent of the shared world. */
body.mnv-world-v246:is(.maintenance-page, .page-offline, .page-setup) {
  background:
    radial-gradient(circle at 82% 8%, rgba(35, 135, 255, .23), transparent 26rem),
    linear-gradient(145deg, #020617, #051633) !important;
  color: var(--mnv-v246-text) !important;
}

body.mnv-world-v246:is(.maintenance-page, .page-offline, .page-setup) :is(.maintenance-panel, .future-status-panel, .setup-safe-main, .panel, .card) {
  border-color: var(--mnv-v246-line-strong) !important;
  background: linear-gradient(150deg, #0a234d, #061831) !important;
  color: var(--mnv-v246-text) !important;
  box-shadow: var(--mnv-v246-shadow) !important;
}

body.mnv-world-v246:is(.maintenance-page, .page-offline, .page-setup) :is(h1, h2, h3, p, label, legend, strong, small, .muted) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

body.mnv-world-v246:is(.maintenance-page, .page-offline, .page-setup) :is(p, small, .muted) {
  color: var(--mnv-v246-text-2) !important;
}

body.mnv-world-v246:is(.maintenance-page, .page-offline, .page-setup) :is(.button, button, .future-status-panel > a) {
  display: inline-flex;
  min-width: 0;
  min-height: 44px;
  max-width: 100%;
  height: auto;
  padding: 11px 17px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(113, 181, 244, .38) !important;
  border-radius: 13px;
  background: rgba(9, 32, 70, .94) !important;
  color: #edf7ff !important;
  -webkit-text-fill-color: currentColor !important;
  line-height: 1.35;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: anywhere;
}

body.mnv-world-v246:is(.maintenance-page, .page-offline, .page-setup) :is(.button.primary, button.primary) {
  border-color: rgba(108, 231, 255, .76) !important;
  background: var(--mnv-v246-gradient) !important;
  color: #fff !important;
  box-shadow: 0 11px 30px rgba(44, 93, 255, .34) !important;
}

body.mnv-world-v246:is(.maintenance-page, .page-offline, .page-setup) :is(.button, button, .future-status-panel > a):is(:hover, :focus-visible) {
  border-color: var(--mnv-v246-cyan) !important;
  outline: 3px solid rgba(89, 232, 255, .18);
  outline-offset: 2px;
}

/* -------------------------------------------------------------------------
   Cross-device composition. Breakpoints are ordered from dense desktop to
   small phone; every fixed/minimum column is released before it can collide.
   ------------------------------------------------------------------------- */

@media (max-width: 1700px) and (min-width: 1181px) {
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .today-learning-card {
    grid-template-columns: minmax(0, 1fr) minmax(230px, .72fr) !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .today-learning-action {
    grid-column: 1 / -1 !important;
    width: min(100%, 340px) !important;
    min-width: 0 !important;
    justify-self: end !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .stat-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1450px) and (min-width: 1181px) {
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.shell-learner .dash-layout,
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246:is(.page-favorites, .page-watch_history, .page-feedback_history, .page-learning_records) .dash-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .dash-side {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246:is(.page-watch, .page-study_session) :is(.page-grid, .study-session-layout),
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-practice_lab .practice-unified-workspace {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246:is(.page-watch, .page-study_session) :is(.aside-col, .study-session-side) {
    position: static !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1180px) {
  body.mnv-world-v246 {
    background-attachment: scroll !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 900 !important;
    overflow: visible !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(97, 178, 255, .24) !important;
    box-shadow: 0 14px 38px rgba(0, 3, 20, .38) !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .site-header .site-nav-area,
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .site-header .site-nav-area.open {
    border-color: rgba(89, 232, 255, .34) !important;
    background:
      radial-gradient(circle at 88% 8%, rgba(48, 211, 255, .13), transparent 18rem),
      linear-gradient(160deg, #061634, #071d46) !important;
    color: var(--mnv-v246-text) !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 main.container.shell-container,
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 main.shell-container {
    width: min(100% - 28px, 1180px) !important;
    margin-inline: auto !important;
    padding-right: 72px !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .dash-layout,
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .page-grid,
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .study-session-layout,
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .practice-unified-workspace,
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .standard-review-layout-v1324,
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .study-plan-layout,
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .manabi-karte-layout,
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .instant-learning-layout,
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .goal-settings-grid,
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .content-preview-layout,
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .content-review-layout,
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .contact-admin-shell,
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .result-dashboard-grid,
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .auth-wrap {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .dash-side,
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246:is(.page-watch, .page-study_session) :is(.aside-col, .study-session-side) {
    position: static !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(.org-kpis, .kpi-row, .record-grid, .study-plan-summary, .assessment-score-cards) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 main.container.shell-container,
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 main.shell-container {
    width: min(100% - 20px, 880px) !important;
    padding-right: 0 !important;
    padding-bottom: calc(146px + env(safe-area-inset-bottom)) !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .mf-journey-rail {
    max-width: 100% !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .mf-journey-rail ol {
    min-width: 620px !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .today-learning-card {
    grid-template-columns: minmax(0, 1fr) !important;
    padding: clamp(18px, 4vw, 24px) !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .today-learning-action {
    grid-column: auto !important;
    width: 100% !important;
    justify-self: stretch !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .next-card {
    grid-template-columns: minmax(150px, 32%) minmax(0, 1fr) !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .next-actions {
    grid-column: 1 / -1 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(
    .save-cta,
    .goal-settings-head,
    .goal-status-card,
    .content-review-head,
    .content-preview-head,
    .admin-page-head,
    .org-page-head,
    .section-heading
  ) {
    min-width: 0 !important;
    flex-wrap: wrap !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(
    .save-cta-actions,
    .history-actions,
    .assessment-actions,
    .assessment-complete-actions,
    .assessment-feedback-actions,
    .practice-complete-actions,
    .study-empty-actions,
    .onboarding-actions,
    .pwa-guide-actions
  ) {
    min-width: 0 !important;
    max-width: 100% !important;
    flex-wrap: wrap !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .future-utility-dock {
    right: max(10px, env(safe-area-inset-right)) !important;
    bottom: calc(10px + var(--mf-mobile-nav-h, 0px) + env(safe-area-inset-bottom)) !important;
    width: auto !important;
    max-width: calc(100vw - 20px) !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .future-utility-dock > :is(.luxury-command-fab, .guide-fab, .qr-login-fab, .child-read-aloud) {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    border-radius: 15px !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .future-utility-dock > :is(.luxury-command-fab, .guide-fab, .qr-login-fab, .child-read-aloud)::after {
    display: none !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .pwa-nudge {
    right: 10px !important;
    bottom: calc(72px + env(safe-area-inset-bottom)) !important;
    left: 10px !important;
    max-width: none !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.has-mobile-tabbar .mobile-tabbar {
    min-height: calc(68px + env(safe-area-inset-bottom)) !important;
    padding: 6px 7px calc(6px + env(safe-area-inset-bottom)) !important;
    border-color: rgba(96, 180, 255, .30) !important;
    background: rgba(3, 13, 34, .97) !important;
    box-shadow: 0 -14px 38px rgba(0, 3, 20, .42) !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.has-mobile-tabbar .mobile-tabbar a {
    min-width: 0 !important;
    min-height: 52px !important;
    border-radius: 14px !important;
    color: #9fb4d1 !important;
    -webkit-text-fill-color: currentColor !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.has-mobile-tabbar .mobile-tabbar a:is(.is-active, .active, [aria-current="page"]) {
    border-color: rgba(89, 232, 255, .38) !important;
    background: linear-gradient(180deg, rgba(27, 108, 255, .34), rgba(74, 66, 215, .27)) !important;
    color: #fff !important;
    box-shadow: inset 0 3px var(--mnv-v246-cyan) !important;
  }
}

@media (max-width: 680px) {
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage,
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage main.container.shell-container {
    background: transparent !important;
    color: var(--mnv-v246-text) !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage :is(
    .today-learning-card,
    .stat-card,
    .next-card,
    .route-card-s,
    .dash-side .side-card,
    .panel:not(.dash-greet),
    .mobile-mypage-menu
  ) {
    border-color: var(--mnv-v246-line) !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(44, 118, 255, .13), transparent 12rem),
      linear-gradient(148deg, rgba(10, 34, 73, .98), rgba(5, 19, 45, .99)) !important;
    color: var(--mnv-v246-text) !important;
    box-shadow: var(--mnv-v246-shadow) !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage :is(
    .today-learning-card,
    .stat-card,
    .next-card,
    .route-card-s,
    .dash-side .side-card,
    .panel:not(.dash-greet),
    .mobile-mypage-menu
  ) :is(h1, h2, h3, h4, p, label, legend, strong, a:not(.button), span, small, time, .muted, .rc-meta, dt, dd) {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage :is(
    .today-learning-card,
    .stat-card,
    .next-card,
    .route-card-s,
    .dash-side .side-card,
    .panel:not(.dash-greet),
    .mobile-mypage-menu
  ) :is(p, small, .muted, .rc-meta, dt) {
    color: var(--mnv-v246-text-2) !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .dash-greet {
    padding: 20px !important;
    background:
      url("../mnv-ai-companion-v242.webp") calc(100% - 10px) 12px / 68px auto no-repeat,
      radial-gradient(circle at 91% 20%, rgba(89, 232, 255, .18), transparent 14rem),
      linear-gradient(118deg, rgba(8, 40, 82, .99), rgba(7, 22, 54, .99)) !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .dash-greet > div:first-child {
    min-width: 0 !important;
    padding-right: 62px !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .stat-cards,
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .dash-side,
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(.org-kpis, .kpi-row, .record-grid, .study-plan-summary, .assessment-score-cards) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .next-card {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .route-cards {
    display: grid !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: visible !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(.practice-choice-grid, .learning-choice-grid, .feedback-actions, .next-phase-grid, .diagnostic-priority-grid, .org-grid-2, .org-grid-3) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(
    .history-item,
    .adaptive-day-card,
    .assessment-feedback-grid,
    .family-form-grid,
    .family-outcome-grid,
    .family-settings-grid,
    .feature-grid,
    .feature-visual-grid,
    .goal-settings-grid,
    .growth-columns,
    .org-path-grid,
    .org-case-grid,
    .org-learning-card-grid,
    .pricing-grid,
    .security-summary-grid,
    .worksheet-source-grid
  ) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(
    .save-cta-actions,
    .history-actions,
    .assessment-actions,
    .assessment-complete-actions,
    .assessment-feedback-actions,
    .practice-complete-actions,
    .study-empty-actions,
    .onboarding-actions,
    .pwa-guide-actions
  ) :is(.button, button, form) {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(
    .save-cta-actions,
    .history-actions,
    .assessment-actions,
    .assessment-complete-actions,
    .assessment-feedback-actions,
    .practice-complete-actions,
    .study-empty-actions,
    .onboarding-actions,
    .pwa-guide-actions
  ) form :is(.button, button) {
    width: 100% !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(input, select, textarea) {
    font-size: 16px !important;
  }
}

@media (max-width: 430px) {
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 main.container.shell-container,
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 main.shell-container {
    width: calc(100% - 16px) !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(.panel, .card, .side-card, .stat-card, .admin-card, .org-card, [class$="-card"], [class*="-card "]) {
    padding-inline: clamp(14px, 4vw, 18px) !important;
    border-radius: 17px !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .today-learning-metrics > div {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .today-learning-metrics dd {
    text-align: start !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246.page-mypage .next-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(
    .goal-time-options,
    .assessment-score-cards,
    .contact-person-grid,
    .cron-diagnostic-grid,
    .cron-generator-form,
    .user-filter-grid,
    .admin-weight-grid,
    .search-review-count-grid,
    .search-review-score-grid
  ) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .mobile-tabbar a > span:last-child {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

@media (max-height: 560px) and (orientation: landscape) {
  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 :is(dialog, .guide-panel, .qr-login-dialog, .mf-command-palette, .mf-detail-drawer, .luxury-command-panel, .mnv-next-action-v243) {
    max-height: calc(100dvh - 12px) !important;
    overflow-y: auto !important;
  }

  body.app-shell.future-ui.mnv-future-ui.mnv-world-v246 .future-utility-dock {
    bottom: 8px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.mnv-world-v246 *,
  body.mnv-world-v246 *::before,
  body.mnv-world-v246 *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

@media (forced-colors: active) {
  body.mnv-world-v246,
  body.mnv-world-v246 :is(.panel, .card, .side-card, .stat-card, .admin-card, .org-card, .auth-card, .guide-panel, .qr-login-dialog, .luxury-command-panel) {
    border-color: CanvasText !important;
    background: Canvas !important;
    color: CanvasText !important;
    box-shadow: none !important;
    forced-color-adjust: auto !important;
  }

  body.mnv-world-v246 a { color: LinkText !important; }
}

@media print {
  body.mnv-world-v246,
  body.mnv-world-v246 :is(.panel, .card, .side-card, .stat-card, .admin-card, .org-card, .auth-card, [class$="-card"], [class*="-card "]) {
    border-color: #cbd5e1 !important;
    background: #fff !important;
    color: #111827 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  body.mnv-world-v246 :is(h1, h2, h3, h4, h5, h6, p, li, dt, dd, small, strong, b, th, td, label, legend) {
    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;
  }

  body.mnv-world-v246 :is(.future-utility-dock, .mobile-tabbar, .mnv-next-action-v243, .pwa-nudge) {
    display: none !important;
  }
}