/* Kmiar Student Space Pro 5.9.0 — real-data student workspace, RTL. */
:root {
  --kmiar-ink:#071116; --kmiar-teal:#103a3b; --kmiar-emerald:#19a678;
  --kmiar-lime:#a8e063; --kmiar-ivory:#f7f4ec; --kmiar-mist:#dce3df;
  --kmiar-slate:#66736f; --kmiar-border:#c9d3ce;
}
body.miaa100-student-portal, body.m100-student-app-57 { margin:0; overflow-x:hidden; background:#e9e6df; font-family:Tahoma,Arial,sans-serif; text-align:right; }
.m100-pro, .m100-pro * { box-sizing:border-box; }
.m100-pro, .m100-app-57 { font-family:Tahoma,Arial,sans-serif!important; }
.m100-app-57 { --m100-radius-card:18px; --m100-radius-button:10px; min-height:100svh; background:transparent; color:var(--m100-text); line-height:1.65; }
.m100-app-57 :focus-visible, .m100-pro-auth :focus-visible { outline:3px solid var(--kmiar-lime)!important; outline-offset:3px; }
.m100-app-shell { max-width:none!important; min-height:calc(100dvh - 36px)!important; margin:18px!important; overflow:hidden!important; border:1px solid rgba(7,17,22,.08)!important; border-radius:20px!important; background:var(--m100-bg)!important; box-shadow:0 22px 65px rgba(7,17,22,.14)!important; }

/* Persistent dark navigation, independent from the content color choice. */
.m100-app-sidebar { width:244px!important; padding:18px 13px!important; border:0!important; border-inline-end:1px solid rgba(168,224,99,.1)!important; background:radial-gradient(circle at 45% -5%,rgba(25,166,120,.18),transparent 28%),linear-gradient(180deg,#091b20,#071116)!important; color:#f7f4ec!important; }
.m100-app-brand { min-height:66px!important; padding:3px 8px 16px!important; border-bottom:1px solid rgba(247,244,236,.1)!important; }
.m100-app-brand>a { gap:11px!important; }
.m100-app-brand img { border-radius:12px!important; }
.m100-app-brand strong { color:#fff!important; font-size:18px!important; }
.m100-app-brand small { color:rgba(247,244,236,.48)!important; font-size:10px!important; }
.m100-app-brand button { border-color:rgba(247,244,236,.13)!important; color:rgba(247,244,236,.62)!important; }
.m100-app-mark, .m100-app-topbar-brand>span { display:grid!important; place-items:center!important; border-radius:11px!important; background:linear-gradient(145deg,var(--kmiar-lime),var(--kmiar-emerald))!important; color:var(--kmiar-ink)!important; font-weight:900!important; }
.m100-app-nav { gap:3px!important; padding-top:16px!important; }
.m100-app-nav a { min-height:43px!important; padding:8px 12px!important; border:1px solid transparent!important; border-radius:9px!important; color:rgba(247,244,236,.63)!important; font-size:12px!important; }
.m100-app-nav a:hover { background:rgba(247,244,236,.05)!important; color:#fff!important; }
.m100-app-nav a[aria-current=page] { border-color:rgba(168,224,99,.12)!important; background:linear-gradient(90deg,rgba(25,166,120,.34),rgba(25,166,120,.07))!important; color:#fff!important; box-shadow:inset 3px 0 0 var(--kmiar-lime)!important; }
.m100-app-nav svg { width:19px!important; stroke:currentColor!important; }
.m100-app-side-membership { padding:14px!important; border:1px solid rgba(168,224,99,.13)!important; border-radius:13px!important; background:rgba(16,58,59,.52)!important; }
.m100-app-side-membership::before { display:none!important; }
.m100-app-side-membership small { color:var(--kmiar-lime)!important; }
.m100-app-side-membership strong { color:#fff!important; font-size:12px!important; }
.m100-app-side-membership span { color:rgba(247,244,236,.5)!important; }
.m100-app-theme-cycle { min-height:43px!important; border-color:rgba(247,244,236,.1)!important; background:transparent!important; color:rgba(247,244,236,.68)!important; }

/* Ivory workspace and compact top bar. */
.m100-app-stage { min-width:0; background:var(--m100-bg)!important; }
.m100-app-topbar { min-height:68px!important; height:68px!important; padding-inline:22px!important; border-bottom:1px solid color-mix(in srgb,var(--m100-border) 66%,transparent)!important; background:color-mix(in srgb,var(--m100-bg) 94%,transparent)!important; backdrop-filter:blur(16px); }
.m100-app-topbar-brand { color:var(--m100-text)!important; }
.m100-app-topbar-brand>span { width:34px!important; height:34px!important; }
.m100-app-search { max-width:440px!important; }
.m100-app-search input { min-height:42px!important; border:1px solid color-mix(in srgb,var(--m100-border) 78%,transparent)!important; border-radius:999px!important; background:color-mix(in srgb,var(--m100-surface) 72%,transparent)!important; color:var(--m100-text)!important; }
.m100-app-search button { color:var(--m100-muted)!important; }
.m100-app-top-actions>button, .m100-app-popover-wrap>button { border:1px solid color-mix(in srgb,var(--m100-border) 75%,transparent)!important; background:var(--m100-surface)!important; color:var(--m100-text)!important; }
.m100-app-avatar { background:linear-gradient(145deg,var(--m100-primary),var(--m100-secondary))!important; color:var(--kmiar-ink)!important; }
.m100-app-workspace { gap:16px!important; max-width:1500px!important; margin-inline:auto!important; padding:28px 28px 44px!important; }
.m100-app-workspace.has-rail { grid-template-columns:minmax(0,1fr) 286px!important; }
.m100-app-main, .m100-app-rail { min-width:0; }
.m100-app-dashboard-grid { gap:14px!important; }
.m100-app-module, .m100-app-card, .m100-app-rail-card, .m100-learning-card, .m100-pro-lesson, .m100-pro-quiz { border:1px solid color-mix(in srgb,var(--m100-border) 72%,transparent)!important; border-radius:var(--m100-radius-card)!important; background:color-mix(in srgb,var(--m100-surface) 90%,transparent)!important; box-shadow:0 7px 24px rgba(7,17,22,.045)!important; }
.m100-app-card:hover, .m100-app-rail-card:hover { border-color:color-mix(in srgb,var(--m100-primary) 40%,var(--m100-border))!important; transform:none!important; }

/* Dashboard composition mirrors the approved board: heading, two cards, four real areas. */
.m100-app-module[data-module=hero] { border:0!important; background:transparent!important; box-shadow:none!important; }
.m100-app-hero { display:block!important; min-height:0!important; padding:0!important; overflow:visible!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; color:var(--m100-text)!important; }
.m100-app-hero::before { display:none!important; }
.m100-app-hero-copy { max-width:720px; margin:0 auto 24px; padding:0!important; text-align:center; }
.m100-app-hero-copy>span { display:block!important; color:var(--m100-text)!important; font-size:16px!important; font-weight:900!important; }
.m100-app-hero-copy>span::before { display:none!important; }
.m100-app-hero h1 { margin:7px 0 0!important; color:var(--m100-text)!important; font-size:clamp(24px,2.6vw,34px)!important; line-height:1.3!important; letter-spacing:-.02em!important; }
.m100-app-hero-copy>p { margin:5px auto 0!important; color:var(--m100-muted)!important; font-size:12px!important; line-height:1.8!important; }
.m100-app-hero-panels { display:grid; grid-template-columns:1.12fr .88fr; gap:12px; direction:rtl; }
.m100-app-hero-next, .m100-app-hero-progress { position:relative; min-height:186px; overflow:hidden; border:1px solid color-mix(in srgb,var(--m100-border) 68%,transparent); border-radius:16px; background:linear-gradient(135deg,color-mix(in srgb,var(--m100-surface) 78%,var(--m100-bg-alt)),var(--m100-surface)); box-shadow:0 7px 24px rgba(7,17,22,.035); }
.m100-app-hero-next { display:grid; grid-template-columns:1fr 150px; align-items:center; gap:18px; padding:22px; }
.m100-app-hero-next small, .m100-app-hero-progress small { color:var(--m100-muted); font-size:10px; }
.m100-app-hero-next h2 { max-width:420px; margin:7px 0; color:var(--m100-text); font-size:18px; }
.m100-app-hero-next p { max-width:430px; margin:0; color:var(--m100-muted); font-size:11px; line-height:1.75; }
.m100-app-hero-art { position:relative!important; width:146px!important; height:126px!important; min-height:0!important; align-self:center!important; overflow:hidden!important; border:0!important; border-radius:12px!important; background:linear-gradient(145deg,#0c4b48,#15936d)!important; }
.m100-app-hero-art::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 50% 50%,transparent 24%,rgba(7,17,22,.18)); pointer-events:none; }
.m100-app-hero-art img { width:100%!important; height:100%!important; object-fit:cover!important; opacity:.9; }
.m100-app-hero-actions { display:flex!important; flex-wrap:wrap; gap:8px!important; margin-top:14px!important; }
.m100-app-hero-actions a, .m100-app-hero-actions button, .m100-app-primary { min-height:38px!important; padding:7px 14px!important; border:1px solid var(--m100-primary)!important; border-radius:8px!important; background:var(--m100-primary)!important; color:#fff!important; font-size:11px!important; font-weight:900!important; }
.m100-app-hero-actions .m100-app-secondary { border-color:color-mix(in srgb,var(--m100-primary) 36%,var(--m100-border))!important; background:transparent!important; color:var(--m100-primary)!important; }
.m100-app-hero-progress { display:grid; grid-template-columns:1fr auto; align-items:center; gap:16px; padding:24px; }
.m100-app-hero-progress strong { display:block; margin:7px 0 15px; color:var(--m100-text); font:900 34px/1 Arial,sans-serif; }
.m100-app-hero-progress strong.is-empty { max-width:180px; font:900 16px/1.5 Tahoma,Arial,sans-serif; }
.m100-app-hero-progress p { margin:9px 0 0; color:var(--m100-muted); font-size:10px; }
.m100-app-hero-progressbar { display:block; width:min(210px,100%); height:6px; overflow:hidden; border-radius:99px; background:color-mix(in srgb,var(--m100-border) 60%,transparent); }
.m100-app-hero-progressbar i { display:block; width:var(--m100-progress); height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--m100-primary),var(--m100-secondary)); }
.m100-app-progress-mark { display:grid; place-items:center; width:62px; height:62px; border:1px solid color-mix(in srgb,var(--m100-primary) 28%,transparent); border-radius:18px; background:color-mix(in srgb,var(--m100-primary) 9%,transparent); color:var(--m100-primary); transform:rotate(8deg); }
.m100-app-progress-mark svg { width:28px; transform:rotate(-8deg); }
.m100-app-hero-areas { display:grid; grid-template-columns:repeat(4,1fr); margin-top:12px; overflow:hidden; border:1px solid color-mix(in srgb,var(--m100-border) 65%,transparent); border-radius:14px; background:color-mix(in srgb,var(--m100-surface) 88%,transparent); }
.m100-app-hero-areas a { display:flex; align-items:center; justify-content:center; gap:11px; min-height:90px; padding:13px; border-inline-start:1px solid color-mix(in srgb,var(--m100-border) 58%,transparent); color:var(--m100-text)!important; }
.m100-app-hero-areas a:first-child { border-inline-start:0; }
.m100-app-hero-areas svg { flex:0 0 28px; width:28px; height:28px; padding:6px; border-radius:8px; background:color-mix(in srgb,var(--m100-primary) 12%,transparent); color:var(--m100-primary); }
.m100-app-hero-areas span { display:grid; gap:2px; }
.m100-app-hero-areas b { font-size:11px; }
.m100-app-hero-areas small { color:var(--m100-muted); font-size:9px; }
.m100-app-hero-metrics { display:flex!important; flex-wrap:wrap; gap:8px!important; margin-top:10px!important; padding:0!important; border:0!important; }
.m100-app-hero-metrics>div, .m100-app-hero-metrics>a { display:flex!important; align-items:center; gap:7px; min-height:36px; padding:6px 10px; border:1px solid color-mix(in srgb,var(--m100-border) 66%,transparent); border-radius:999px; background:var(--m100-surface); color:var(--m100-text)!important; font-size:9px; }
.m100-app-hero-metrics small { color:var(--m100-muted)!important; }
.m100-app-hero-metrics strong { color:var(--m100-text)!important; font-size:10px!important; }

/* Data surfaces */
.m100-app-card, .m100-app-rail-card { padding:18px!important; }
.m100-app-card-heading { padding-bottom:11px!important; border-bottom:1px solid color-mix(in srgb,var(--m100-border) 62%,transparent)!important; }
.m100-app-card-heading>span, .m100-app-view-heading>span { color:var(--m100-primary)!important; font-size:10px!important; font-weight:900!important; }
.m100-app-card h2, .m100-app-rail-card h2, .m100-app-view-heading h1 { color:var(--m100-text)!important; }
.m100-app-card p, .m100-app-rail-card p, .m100-app-view-heading p { color:var(--m100-muted)!important; }
.m100-app-card a, .m100-app-rail-card a { color:var(--m100-primary)!important; }
.m100-app-continue { display:grid!important; grid-template-columns:1fr auto!important; align-items:center!important; gap:16px!important; }
.m100-app-big-number { color:var(--m100-primary)!important; }
.m100-app-today li, .m100-app-week>div, .m100-app-quick a, .m100-app-quick button { border-color:color-mix(in srgb,var(--m100-border) 65%,transparent)!important; background:var(--m100-bg-alt)!important; color:var(--m100-text)!important; }
.m100-app-quick>div { grid-template-columns:1fr 1fr!important; }
.m100-app-assistant { display:none!important; }
.m100-app-view-heading { padding:18px 4px 26px!important; }
.m100-app-view-heading h1 { margin:5px 0!important; font-size:clamp(30px,3.4vw,46px)!important; }
.m100-app-lesson-library .m100-pro-lessons, .m100-app-native-quizzes>div { gap:13px!important; }
.m100-pro-lesson, .m100-pro-quiz { overflow:hidden!important; }
.m100-pro-lesson__top i, .m100-pro-quiz__head>span { border-radius:999px!important; background:color-mix(in srgb,var(--m100-primary) 13%,transparent)!important; color:var(--m100-primary)!important; }
.m100-pro-lesson button, .m100-pro-lesson a, .m100-pro-quiz button, .m100-learning-button, .m100-app-settings-grid button { min-height:42px!important; border-radius:8px!important; background:var(--m100-primary)!important; color:#fff!important; font-weight:900!important; }
.m100-app-popover { border:1px solid var(--m100-border)!important; border-radius:14px!important; background:var(--m100-surface-elevated)!important; box-shadow:var(--m100-shadow)!important; color:var(--m100-text)!important; }
.m100-app-toast { border-radius:999px!important; background:var(--kmiar-ink)!important; color:#fff!important; }

/* Real learning path with a restrained 2.5D hierarchy. */
.m100-app-path { overflow:hidden!important; background:linear-gradient(135deg,color-mix(in srgb,var(--m100-surface) 93%,transparent),color-mix(in srgb,var(--m100-bg-alt) 82%,transparent))!important; }
.m100-app-path ol { position:relative; display:grid!important; grid-template-columns:repeat(4,minmax(120px,1fr))!important; gap:18px!important; overflow:visible!important; padding:34px 8px 12px!important; }
.m100-app-path ol::before { content:""!important; position:absolute!important; inset-inline:8%!important; inset-block-start:61px!important; width:auto!important; height:2px!important; background:linear-gradient(90deg,transparent,var(--m100-primary),var(--m100-secondary),transparent)!important; box-shadow:0 0 18px color-mix(in srgb,var(--m100-primary) 28%,transparent); }
.m100-app-path li { position:relative; z-index:1; display:grid!important; justify-items:center!important; gap:16px!important; text-align:center!important; }
.m100-app-path li>span { display:grid!important; place-items:center!important; width:54px!important; height:54px!important; border:1px solid color-mix(in srgb,var(--m100-primary) 40%,var(--m100-border))!important; border-radius:12px!important; background:linear-gradient(145deg,var(--m100-surface-elevated),var(--m100-bg-alt))!important; color:var(--m100-primary)!important; box-shadow:0 11px 20px rgba(7,17,22,.14),8px 8px 0 color-mix(in srgb,var(--m100-primary) 8%,transparent)!important; transform:rotate(45deg)!important; }
.m100-app-path li>span>* { transform:rotate(-45deg); }
.m100-app-path li.is-done>span { background:linear-gradient(145deg,var(--m100-primary),var(--m100-secondary))!important; color:#fff!important; }
.m100-app-path li.is-current>span { box-shadow:0 0 0 7px color-mix(in srgb,var(--m100-primary) 11%,transparent),0 14px 24px rgba(7,17,22,.17),8px 8px 0 color-mix(in srgb,var(--m100-primary) 10%,transparent)!important; }
.m100-app-path li a { max-width:150px; color:var(--m100-text)!important; font-size:11px!important; }

/* Identity-scoped results. */
.m100-app-results { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.m100-app-results article { padding:22px; border:1px solid color-mix(in srgb,var(--m100-border) 72%,transparent); border-radius:16px; background:var(--m100-surface); box-shadow:0 8px 28px rgba(7,17,22,.045); }
.m100-app-results article>header { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.m100-app-results header>span { color:var(--m100-primary); font-size:10px; font-weight:900; }
.m100-app-results header>b { padding:5px 9px; border-radius:999px; font-size:9px; }
.m100-app-results header>b.is-passed { background:color-mix(in srgb,var(--m100-success) 13%,transparent); color:var(--m100-success); }
.m100-app-results header>b.is-review { background:color-mix(in srgb,var(--m100-warning) 13%,transparent); color:var(--m100-warning); }
.m100-app-results h2 { margin:16px 0; color:var(--m100-text); font-size:18px; }
.m100-app-result-score { display:flex; align-items:center; gap:18px; }
.m100-app-result-score strong { min-width:70px; color:var(--m100-primary); font:900 27px/1 Arial,sans-serif; }
.m100-app-result-score>span { flex:1; height:7px; overflow:hidden; border-radius:99px; background:color-mix(in srgb,var(--m100-border) 55%,transparent); }
.m100-app-result-score i { display:block; width:var(--m100-result); height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--m100-primary),var(--m100-secondary)); }
.m100-app-results article>footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; margin-top:18px; padding-top:13px; border-top:1px solid color-mix(in srgb,var(--m100-border) 58%,transparent); color:var(--m100-muted); font-size:10px; }

/* Authentication and legacy-compatible account surfaces. */
.m100-pro:not(.m100-app-57) { min-height:100svh; background:var(--kmiar-ivory)!important; color:var(--kmiar-ink)!important; }
.m100-pro__header { border-bottom:1px solid var(--kmiar-border)!important; background:rgba(247,244,236,.94)!important; backdrop-filter:blur(14px); }
.m100-pro__brand strong { color:var(--kmiar-ink)!important; }
.m100-pro__brand small, .m100-pro__nav a { color:var(--kmiar-slate)!important; }
.m100-pro__account-primary { border-radius:999px!important; background:var(--kmiar-ink)!important; color:#fff!important; }
.m100-pro-auth { max-width:1240px!important; margin:40px auto 90px!important; overflow:hidden!important; border:1px solid var(--kmiar-border)!important; border-radius:28px!important; background:#fff!important; box-shadow:0 30px 80px rgba(7,17,22,.11)!important; }
.m100-pro-auth__hero { position:relative!important; padding:58px!important; background:radial-gradient(circle at 80% 20%,rgba(168,224,99,.18),transparent 26%),linear-gradient(145deg,var(--kmiar-ink),var(--kmiar-teal))!important; }
.m100-pro-auth__hero::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(168,224,99,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(168,224,99,.045) 1px,transparent 1px); background-size:34px 34px; }
.m100-pro-auth__hero>* { position:relative; z-index:1; }
.m100-pro-auth__hero>span { color:var(--kmiar-lime)!important; }
.m100-pro-auth__hero h1 { color:#fff!important; font-size:clamp(42px,5vw,68px)!important; line-height:1.22!important; }
.m100-pro-auth__hero>p, .m100-pro-auth__points b { color:rgba(247,244,236,.68)!important; }
.m100-pro-auth__points i { color:var(--kmiar-lime)!important; }
.m100-pro-auth__card { padding:54px!important; }
.m100-pro-auth__tabs { border-radius:999px!important; background:#f1f3ef!important; }
.m100-pro-auth__tabs a { border-radius:999px!important; color:var(--kmiar-slate)!important; }
.m100-pro-auth__tabs a.is-active { background:var(--kmiar-ink)!important; color:#fff!important; }
.m100-pro-form__eyebrow { color:var(--kmiar-emerald)!important; }
.m100-pro-form h2 { color:var(--kmiar-ink)!important; font-size:34px!important; }
.m100-pro-form>p { color:var(--kmiar-slate)!important; }
.m100-pro-form input { min-height:50px!important; border:1px solid var(--kmiar-border)!important; border-radius:10px!important; background:#fff!important; }
.m100-pro-form button { min-height:50px!important; border:0!important; border-radius:999px!important; background:var(--kmiar-ink)!important; color:#fff!important; }
.m100-pro-form__minor { color:var(--kmiar-teal)!important; }
.m100-pro-dash-hero { background:linear-gradient(135deg,var(--kmiar-ink),var(--kmiar-teal))!important; }
.m100-pro-stats article, .m100-pro-help, .m100-pro-upgrade, .m100-pro-buyer-roadmap, .m100-pro-notes { border-color:var(--kmiar-border)!important; border-radius:18px!important; box-shadow:none!important; }
.m100-pro-help a, .m100-pro-upgrade a { border-radius:999px!important; background:var(--kmiar-ink)!important; color:#fff!important; }

@media (max-width:1180px) {
  .m100-app-workspace.has-rail { grid-template-columns:1fr!important; }
  .m100-app-rail { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .m100-app-hero-panels { grid-template-columns:1fr 1fr; }
  .m100-app-hero-next { grid-template-columns:1fr 120px; }
  .m100-app-hero-art { width:116px!important; }
  .m100-pro-auth { margin-inline:22px!important; }
}
@media (max-width:1024px) {
  .m100-app-shell { margin:0!important; min-height:100dvh!important; border:0!important; border-radius:0!important; }
  .m100-app-sidebar { width:min(86vw,300px)!important; }
  .m100-app-topbar { height:64px!important; min-height:64px!important; }
  .m100-app-workspace { padding:20px 18px 100px!important; }
  .m100-app-hero-panels { grid-template-columns:1fr; }
  .m100-app-hero-next { grid-template-columns:1fr 150px; }
  .m100-app-hero-art { width:146px!important; }
  .m100-app-rail { grid-template-columns:1fr 1fr!important; }
}
@media (max-width:768px) {
  .m100-app-workspace { padding-inline:12px!important; }
  .m100-app-hero-areas { grid-template-columns:1fr 1fr; }
  .m100-app-hero-areas a:nth-child(3) { border-inline-start:0; border-top:1px solid color-mix(in srgb,var(--m100-border) 58%,transparent); }
  .m100-app-hero-areas a:nth-child(4) { border-top:1px solid color-mix(in srgb,var(--m100-border) 58%,transparent); }
  .m100-app-rail { grid-template-columns:1fr!important; }
  .m100-app-results { grid-template-columns:1fr; }
  .m100-app-path ol { grid-template-columns:1fr!important; gap:12px!important; padding:18px 0!important; }
  .m100-app-path ol::before { inset-block:38px 38px!important; inset-inline-start:29px!important; inset-inline-end:auto!important; width:2px!important; height:auto!important; }
  .m100-app-path li { grid-template-columns:58px 1fr!important; justify-items:start!important; min-height:82px; text-align:right!important; }
  .m100-app-path li>span { grid-column:1!important; width:48px!important; height:48px!important; }
  .m100-app-path li>a { grid-column:2!important; align-self:center; max-width:none; font-size:12px!important; }
}
@media (max-width:600px) {
  body.miaa100-student-portal, body.m100-student-app-57 { background:var(--kmiar-ink); }
  .m100-app-topbar { padding-inline:9px!important; background:color-mix(in srgb,var(--m100-bg) 92%,transparent)!important; }
  .m100-app-hero-copy { margin-bottom:20px; text-align:right; }
  .m100-app-hero-copy>span { color:var(--m100-primary)!important; font-size:11px!important; }
  .m100-app-hero h1 { font-size:30px!important; }
  .m100-app-hero-next { grid-template-columns:1fr; min-height:0; padding:20px; }
  .m100-app-hero-art { grid-row:1; width:100%!important; height:180px!important; }
  .m100-app-hero-progress { min-height:156px; padding:20px; }
  .m100-app-hero-areas a { justify-content:flex-start; min-height:74px; padding:11px; }
  .m100-app-hero-areas small { font-size:8px; }
  .m100-app-hero-metrics { display:grid!important; grid-template-columns:1fr 1fr; }
  .m100-app-card, .m100-app-rail-card { padding:16px!important; }
  .m100-app-path { position:relative; background:radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--m100-primary) 13%,transparent),transparent 30%),linear-gradient(180deg,color-mix(in srgb,var(--m100-surface) 96%,transparent),color-mix(in srgb,var(--m100-bg-alt) 90%,transparent))!important; }
  .m100-app-path li>span { border-radius:8px!important; box-shadow:0 9px 18px rgba(0,0,0,.25),6px 6px 0 color-mix(in srgb,var(--m100-primary) 11%,transparent)!important; }
  .m100-app-mobile-nav { border-top:1px solid color-mix(in srgb,var(--m100-border) 58%,transparent)!important; background:color-mix(in srgb,var(--m100-bg) 94%,transparent)!important; backdrop-filter:blur(16px); }
  .m100-app-mobile-nav a, .m100-app-mobile-nav button { min-height:60px!important; color:var(--m100-muted)!important; }
  .m100-app-mobile-nav a[aria-current=page] { color:var(--m100-primary)!important; }
  .m100-app-results article { padding:18px; }
  .m100-pro-auth { margin:14px 10px 80px!important; border-radius:22px!important; }
  .m100-pro-auth__hero, .m100-pro-auth__card { padding:34px 22px!important; }
  .m100-pro-auth__hero h1 { font-size:42px!important; }
  .m100-pro-form input, .m100-app-57 input, .m100-app-57 select, .m100-app-57 textarea { font-size:16px!important; }
}
@media (prefers-reduced-motion:reduce) {
  .m100-app-57 *, .m100-pro-auth * { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}