/* MindSpring product interface — monochrome edition.
   This file intentionally loads after each page's local styles. It restyles
   existing UI without moving business-critical markup or changing JS hooks. */

:root,
html[data-theme="dark"]{
  color-scheme:dark;
  --background:#000;
  --foreground:#fff;
  --paper:#000;
  --paper-2:#070707;
  --card:#0b0b0b;
  --card-2:#101010;
  --ink:#fff;
  --ink-soft:#a8a8a8;
  --evergreen:#fff;
  --evergreen-2:#e4e4e4;
  --spring:#fff;
  --spring-deep:#d7d7d7;
  --honey:#c7c7c7;
  --sage:#171717;
  --line:rgba(255,255,255,.12);
  --line-strong:rgba(255,255,255,.24);
  --warn:#dedede;
  --danger:#ff6f61;
  --ok-bg:rgba(42,211,124,.12);
  --ok-fg:#67e29f;
  --ok-bg-soft:rgba(42,211,124,.07);
  --bad-bg:rgba(255,93,82,.12);
  --bad-fg:#ff8379;
  --shadow-sm:0 1px 0 rgba(255,255,255,.08) inset,0 10px 30px rgba(0,0,0,.28);
  --shadow-md:0 1px 0 rgba(255,255,255,.1) inset,0 24px 60px rgba(0,0,0,.45);
  --shadow-lg:0 1px 0 rgba(255,255,255,.12) inset,0 40px 90px rgba(0,0,0,.65);
  --r-sm:8px;
  --r-md:14px;
  --r-lg:22px;
  --maxw:1240px;
}

html{background:#000;scrollbar-color:#555 #050505;}
body{
  background:#000 !important;
  color:#fff;
  font-family:"Inter",Arial,sans-serif !important;
  min-height:100svh;
  isolation:isolate;
}
body *:not(svg):not(path):not(g){font-family:"Inter",Arial,sans-serif !important;}
body::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-3 !important;
  pointer-events:none;
  opacity:1 !important;
  animation:none !important;
  background-color:#000 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px) !important;
  background-size:48px 48px !important;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:radial-gradient(circle at 50% -20%,rgba(255,255,255,.08),transparent 38%);
}

::selection{background:#fff;color:#000;}
:focus-visible{outline:2px solid #fff !important;outline-offset:3px;}
img{filter:grayscale(1);}
#googleBtn svg,.google-btn svg,[data-google] svg{filter:grayscale(1) contrast(1.2);}
main{position:relative;z-index:1;}
h1,h2,h3,h4,.brand,.nn-head{
  font-family:"Inter",Arial,sans-serif !important;
  color:#fff;
}
main h1{
  font-weight:500 !important;
  letter-spacing:-.055em !important;
  line-height:.98 !important;
  text-wrap:balance;
}
main h2{letter-spacing:-.035em !important;text-wrap:balance;}
.ms-serif-word{
  font-family:"Instrument Serif",Georgia,serif !important;
  font-weight:400;
  font-style:italic;
  letter-spacing:-.025em;
}
.mono,.eyebrow,[class$="-eyebrow"],[class*="-eyebrow "]{
  font-family:"Inter",Arial,sans-serif !important;
  font-weight:600 !important;
  letter-spacing:.18em !important;
}
.eyebrow,[class$="-eyebrow"],[class*="-eyebrow "]{color:#aaa !important;}

/* Quiet global chrome */
html[data-theme="dark"] .nav,
.nav{
  position:sticky;
  top:0;
  background:rgba(0,0,0,.72) !important;
  border-bottom:1px solid rgba(255,255,255,.14) !important;
  box-shadow:none !important;
  backdrop-filter:blur(18px) saturate(0) !important;
  -webkit-backdrop-filter:blur(18px) saturate(0) !important;
}
html[data-theme="dark"] .nav.scrolled,.nav.scrolled{background:rgba(0,0,0,.92) !important;box-shadow:0 18px 50px rgba(0,0,0,.42) !important;}
.nav-inner{height:68px !important;}
.brand{font-size:18px !important;letter-spacing:-.035em !important;}
.brand .mark{
  width:34px !important;height:34px !important;border-radius:10px !important;
  background:#173629 !important;border:0 !important;
  box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 8px 22px rgba(0,0,0,.28) !important;
}
.brand .mark::before,.brand .mark::after{content:none !important;display:none !important;}
.brand .mark svg{width:20px !important;height:20px !important;opacity:1 !important;stroke:#e9f2ea !important;filter:none !important;}
.nav-links{gap:28px !important;}
.nav-links a,.nav-drop-label{color:#999 !important;font-size:13px !important;letter-spacing:.02em;}
.nav-links a:hover,.nav-links a.active,.nav-drop-label:hover,.nav-drop:hover .nav-drop-label{color:#fff !important;}
.nav-links a::after{height:1px !important;background:#fff !important;bottom:-9px !important;}
.nav-drop-pop,.nav-menu-pop,.nn-pop{
  background:#080808 !important;border:1px solid rgba(255,255,255,.18) !important;
  border-radius:12px !important;box-shadow:0 26px 70px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.06) !important;
}
.nav-drop-item,.nav-menu-item{color:#d8d8d8 !important;}
.nav-drop-item:hover,.nav-menu-item:hover{background:#151515 !important;color:#fff !important;}
.nav-drawer{background:#050505 !important;border-left:1px solid #2a2a2a !important;}
.nav-drawer a.d-link:hover{background:#121212 !important;}
.nav-scrim{background:rgba(0,0,0,.72) !important;backdrop-filter:blur(4px);}
.nav-menu-btn,.nn-btn{
  background:rgba(255,255,255,.035) !important;border-color:rgba(255,255,255,.2) !important;color:#fff !important;
  box-shadow:inset 0 1px rgba(255,255,255,.08) !important;
}
.nav-menu-btn .nav-ava{background:#fff !important;color:#000 !important;}
.nn-badge{background:#fff !important;color:#000 !important;border-color:#000 !important;}
.site-footer{background:#000 !important;border-color:#222 !important;}

/* Controls */
.btn,
button,
input,
textarea,
select{font-family:"Inter",Arial,sans-serif;}
.btn{border-radius:10px !important;transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s,border-color .2s,box-shadow .2s !important;}
html[data-theme="dark"] .btn-primary,.btn-primary{
  --action-a:74,222,128;--action-b:212,220,76;--action-glow:92,210,128;
  color:#07140c !important;border:1px solid rgba(255,255,255,.34) !important;isolation:isolate;overflow:hidden;
  background:
    radial-gradient(140px circle at var(--action-x,50%) var(--action-y,50%),rgba(255,255,255,.5),transparent 58%),
    linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,.09) 34%,rgba(0,0,0,.24)),
    linear-gradient(145deg,rgba(var(--action-a),.98),rgba(var(--action-b),.96)) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.72),inset 0 -1px rgba(255,255,255,.18),0 18px 42px -18px rgba(var(--action-glow),.72) !important;
}
html[data-theme="dark"] .btn-primary:hover,.btn-primary:hover{
  color:#07140c !important;transform:translateY(-2px) scale(1.012) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.82),inset 0 -1px rgba(255,255,255,.2),0 22px 50px -17px rgba(var(--action-glow),.86) !important;
}
.btn-primary:active{transform:translateY(0) scale(.985) !important;}
.btn-primary:focus-visible{outline:2px solid #fff !important;outline-offset:3px !important;}
html[data-ms-voice="command"] .btn-primary,html[data-ms-voice="community"] .btn-primary{--action-a:74,222,128;--action-b:212,220,76;--action-glow:92,210,128;}
html[data-ms-voice="research"] .btn-primary,html[data-ms-voice="dialogue"] .btn-primary{--action-a:56,189,248;--action-b:37,99,235;--action-glow:56,189,248;}
html[data-ms-voice="arcade"] .btn-primary{--action-a:244,93,124;--action-b:251,146,60;--action-glow:244,93,124;}
html[data-ms-voice="pressure"] .btn-primary{--action-a:251,146,60;--action-b:226,75,58;--action-glow:251,120,60;}
html[data-ms-voice="path"] .btn-primary{--action-a:155,205,232;--action-b:218,222,230;--action-glow:155,205,232;}
html[data-ms-voice="deck"] .btn-primary{--action-a:250,204,80;--action-b:231,146,44;--action-glow:245,185,70;}
html[data-ms-voice="editorial"] .btn-primary,html[data-ms-voice="exam"] .btn-primary,html[data-ms-voice="personal"] .btn-primary,html[data-ms-voice="utility"] .btn-primary{--action-a:245,245,247;--action-b:175,180,190;--action-glow:210,214,220;}
html[data-ms-voice="research"] .btn-primary,html[data-ms-voice="dialogue"] .btn-primary,
html[data-ms-voice="arcade"] .btn-primary,html[data-ms-voice="pressure"] .btn-primary,
html[data-ms-voice="research"] .btn-primary:hover,html[data-ms-voice="dialogue"] .btn-primary:hover,
html[data-ms-voice="arcade"] .btn-primary:hover,html[data-ms-voice="pressure"] .btn-primary:hover{color:#fff !important;text-shadow:0 1px 1px rgba(0,0,0,.28);}
.btn-ghost,.btn-light{
  color:#fff !important;background:rgba(255,255,255,.025) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.08) !important;
  backdrop-filter:blur(8px) saturate(0);
}
.btn-ghost:hover,.btn-light:hover{background:rgba(255,255,255,.1) !important;border-color:#fff !important;transform:translateY(-2px) !important;}
input:not([type="checkbox"]):not([type="radio"]),textarea,select{
  background:#080808 !important;color:#fff !important;border-color:#343434 !important;
  border-radius:10px !important;box-shadow:inset 0 1px rgba(255,255,255,.04) !important;
}
input::placeholder,textarea::placeholder{color:#666 !important;}
input:focus,textarea:focus,select:focus{border-color:#fff !important;box-shadow:0 0 0 3px rgba(255,255,255,.11) !important;outline:none !important;}

/* Existing surfaces inherit a common material, not a common composition. */
[class$="-card"],[class*="-card "],
[class$="-panel"],[class*="-panel "],
[class$="-sheet"],[class*="-sheet "],
[class$="-tile"],[class*="-tile "],
.result-card,.source-card,.game-card,.feature-card{
  background-color:var(--card) !important;
  border-color:rgba(255,255,255,.14) !important;
  box-shadow:0 1px rgba(255,255,255,.055) inset,0 18px 60px rgba(0,0,0,.24) !important;
}
.ms-reactive{position:relative;overflow:hidden;isolation:isolate;}
.ms-reactive::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;
  background:radial-gradient(260px circle at var(--ms-x,50%) var(--ms-y,50%),rgba(255,255,255,.09),transparent 68%);
  transition:opacity .28s ease;
}
.ms-reactive:hover::after{opacity:1;}
.ms-reactive:hover{border-color:rgba(255,255,255,.3) !important;}

/* Shared page signature layer */
.ms-voice-layer{position:fixed;inset:68px 0 0;z-index:0;pointer-events:none;overflow:hidden;color:#fff;}
.ms-voice-index{
  position:absolute;right:clamp(18px,4vw,64px);top:22px;
  font-size:10px;font-weight:600;letter-spacing:.24em;color:rgba(255,255,255,.42);
}
.ms-voice-word{
  position:absolute;right:-.03em;bottom:-.18em;
  font-family:"Instrument Serif",Georgia,serif;font-size:clamp(8rem,22vw,24rem);
  line-height:.8;font-style:italic;letter-spacing:-.06em;color:rgba(255,255,255,.022);
  white-space:nowrap;
}
.ms-voice-axis{position:absolute;background:rgba(255,255,255,.09);}
.ms-axis-a{width:1px;top:0;bottom:0;left:clamp(22px,4vw,72px);}
.ms-axis-b{height:1px;left:0;right:0;top:33%;}

/* Command center: precise, modular, information-forward. */
html[data-ms-voice="command"] body::before{
  background-image:linear-gradient(rgba(255,255,255,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.038) 1px,transparent 1px) !important;
  background-size:32px 32px !important;
}
html[data-ms-voice="command"] body::after{background:linear-gradient(90deg,transparent 63%,rgba(255,255,255,.035) 63%,rgba(255,255,255,.035) 63.2%,transparent 63.2%);}
html[data-ms-voice="command"] main{max-width:1380px !important;}
html[data-ms-voice="command"] main h1{font-size:clamp(2.8rem,7vw,6.5rem) !important;}
html[data-ms-voice="command"] .ms-reactive{border-radius:8px !important;}
html[data-ms-page="dashboard"] .dash-wrap{padding-top:58px !important;}
html[data-ms-page="dashboard"] .dash-hero{border-left:1px solid #fff;padding-left:clamp(20px,4vw,48px);}
html[data-ms-page="dashboard"] .dash-stat,
html[data-ms-page="dashboard"] .dash-tile{border-radius:4px !important;}
html[data-ms-page="dashboard"] #dashAvatar{background:#fff !important;color:#000 !important;}
html[data-ms-page="dashboard"] .dash-tasks,
html[data-ms-page="dashboard"] #dashTeach{
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018)) !important;
  color:#fff !important;border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 14px 34px rgba(0,0,0,.25) !important;
  backdrop-filter:blur(10px) saturate(.9);
}
html[data-ms-page="dashboard"] .dash-tasks *,
html[data-ms-page="dashboard"] #dashTeach *{color:inherit !important;}
html[data-ms-page="dashboard"] #dashInsight{
  background:rgba(255,255,255,.045) !important;color:#fff !important;
  border:1px solid rgba(255,255,255,.2) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.09),0 12px 30px rgba(0,0,0,.25) !important;
  backdrop-filter:blur(10px) saturate(.9);
}
html[data-ms-page="dashboard"] #dashInsight *{color:inherit !important;}
html[data-ms-page="dashboard"] .dash-qbtn-ic,
html[data-ms-page="dashboard"] .dash-studynow-ic,
html[data-ms-page="dashboard"] .dash-tasks-ic{
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035)) !important;
  color:#f5f5f5 !important;border:1px solid rgba(255,255,255,.2) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 8px 20px rgba(0,0,0,.24) !important;
}
html[data-ms-page="dashboard"] .dash-qbtn-ic svg,
html[data-ms-page="dashboard"] .dash-studynow-ic svg,
html[data-ms-page="dashboard"] .dash-tasks-ic svg{stroke:currentColor !important;filter:none !important;}
img#dashAvatar,img#pfAvatar,img.dash-avatar,img.pf-avatar,.nav-ava img{filter:none !important;mix-blend-mode:normal !important;}
html[data-ms-page="admin"] .ad-wrap{max-width:1500px !important;}
html[data-ms-page="admin"] #amPerk{background:#dedede !important;color:#111 !important;}
html[data-ms-page="admin"] .ms-voice-word{font-family:"Inter",sans-serif;font-style:normal;font-weight:700;letter-spacing:-.09em;}
html[data-ms-page="teachers"] body::before{background-size:80px 24px !important;}

/* Research terminal: broad apertures and scanning motion. */
html[data-ms-voice="research"] body::before{
  background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 6px) !important;
  background-size:auto !important;
}
html[data-ms-voice="research"] body::after{background:radial-gradient(ellipse at 50% 20%,rgba(255,255,255,.105),transparent 46%);}
html[data-ms-voice="research"] main h1{font-size:clamp(3.2rem,9vw,8rem) !important;max-width:12ch;}
html[data-ms-voice="research"] .ms-axis-a{left:50%;}
html[data-ms-voice="research"] .ms-axis-b{top:50%;}
html[data-ms-page="app"] .search-box,
html[data-ms-page="app"] .search-panel{border-radius:999px !important;}
html[data-ms-page="app"] .qm-badge,
html[data-ms-page="app"] #resMsg{background:#d8d8d8 !important;color:#111 !important;}
html[data-ms-page="app"] .app-wrap{padding-top:clamp(70px,10vw,140px) !important;}
html[data-ms-page="explain"] .ex-gate,
html[data-ms-page="pdfstudio"] .ps-upload{border-style:dashed !important;border-width:1px !important;}
html[data-ms-page="explain"] .ms-voice-word{writing-mode:vertical-rl;bottom:0;right:-.1em;font-size:clamp(8rem,18vw,18rem);}
html[data-ms-page="pdfstudio"] body::after{background:linear-gradient(100deg,transparent 15%,rgba(255,255,255,.045) 15.1%,transparent 15.3%,transparent 84%,rgba(255,255,255,.045) 84.1%,transparent 84.3%);}

/* Editorial notebook: margins, ruled rhythm, generous reading widths. */
html[data-ms-voice="editorial"] body::before{
  background-image:linear-gradient(90deg,transparent 0 11%,rgba(255,255,255,.1) 11% 11.08%,transparent 11.08%),repeating-linear-gradient(0deg,transparent 0 31px,rgba(255,255,255,.035) 31px 32px) !important;
  background-size:auto !important;
}
html[data-ms-voice="editorial"] main h1{font-family:"Instrument Serif",Georgia,serif !important;font-size:clamp(3.2rem,8vw,7.2rem) !important;font-weight:400 !important;}
html[data-ms-voice="editorial"] main{max-width:980px;margin-inline:auto;}
html[data-ms-voice="editorial"] .ms-reactive{border-radius:0 !important;border-left-color:rgba(255,255,255,.42) !important;}
html[data-ms-page="notes"] .nt-card{max-width:900px !important;}
html[data-ms-page="notes"] .nt-sheet{padding:clamp(24px,5vw,48px) !important;}
html[data-ms-page="notes"] .nt-topic{font-family:"Instrument Serif",Georgia,serif !important;font-size:2rem !important;font-weight:400 !important;}
html[data-ms-page="share-note"] .sn-card{max-width:850px !important;}
html[data-ms-page="privacy"] .legal-wrap,
html[data-ms-page="terms"] .legal-wrap{font-size:17px;line-height:1.8;}
html[data-ms-page="how-it-works"] .ms-voice-word{left:-.05em;right:auto;}
html[data-ms-page="how-it-works"] .cta-box{
  background:#090909 !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 28px 80px rgba(0,0,0,.38) !important;
}
html[data-ms-page="how-it-works"] .cta-box::after{
  background:radial-gradient(circle,rgba(255,255,255,.08),transparent 68%) !important;
}
html[data-ms-page="how-it-works"] .cta-box h2{color:#fff !important;}
html[data-ms-page="how-it-works"] .cta-box p{color:#aaa !important;}
html[data-ms-page="how-it-works"] .cta-box .btn-light{
  background:#fff !important;color:#000 !important;border-color:#fff !important;
}
html[data-ms-page="how-it-works"] .a-item .a-dot{
  background:#fff !important;color:#000 !important;border:1px solid #fff !important;
}
html[data-ms-page="how-it-works"] .a-item .a-dot svg{color:#000 !important;}
html[data-ms-page="how-it-works"] .mock-badge{background:#171717 !important;color:#fff !important;}

/* Card atelier: stacked edges and tactile corners. */
html[data-ms-voice="deck"] body::after{background:radial-gradient(circle at 78% 28%,rgba(255,255,255,.09),transparent 24%);}
html[data-ms-voice="deck"] main h1{font-size:clamp(3rem,8vw,7rem) !important;transform:rotate(-1deg);transform-origin:left;}
html[data-ms-voice="deck"] .ms-reactive{overflow:visible;border-radius:3px !important;transform:rotate(var(--ms-card-tilt,0deg));}
html[data-ms-voice="deck"] .ms-reactive:nth-child(3n+1){--ms-card-tilt:-.35deg;}
html[data-ms-voice="deck"] .ms-reactive:nth-child(3n+2){--ms-card-tilt:.35deg;}
html[data-ms-voice="deck"] .ms-reactive::before{content:"";position:absolute;inset:7px -7px -7px 7px;border:1px solid rgba(255,255,255,.12);z-index:-2;}
html[data-ms-page="flashcards"] .fc-set,
html[data-ms-page="flashcards"] .fc-card{border-radius:2px !important;}
html[data-ms-page="match"] body::before{background-size:96px 96px !important;}

/* Pressure chamber: calibrated urgency, never flashing. */
html[data-ms-voice="pressure"] body::before{
  background-image:repeating-conic-gradient(from 0deg at 50% 48%,rgba(255,255,255,.055) 0deg .25deg,transparent .25deg 6deg) !important;
  background-size:auto !important;
}
html[data-ms-voice="pressure"] body::after{background:radial-gradient(circle at 50% 48%,#000 0 22%,transparent 22.2%);}
html[data-ms-voice="pressure"] main h1{font-size:clamp(3.4rem,10vw,8.5rem) !important;text-transform:uppercase;letter-spacing:-.07em !important;}
html[data-ms-voice="pressure"] .ms-voice-word{font-family:"Inter",sans-serif;font-style:normal;font-variant-numeric:tabular-nums;}
html[data-ms-page="cram"] .cr-wrap,
html[data-ms-page="revise"] .rv-wrap{padding-top:clamp(54px,9vw,120px) !important;}
html[data-ms-page="countdown"] .nav{display:none;}
html[data-ms-page="countdown"] body,
html[data-ms-page="countdown"] .cd-link{color:#d0d0d0 !important;}

/* Arcade: scoreboard discipline with semantic answer feedback. */
html[data-ms-voice="arcade"] body::before{
  background-image:linear-gradient(90deg,rgba(255,255,255,.035) 50%,transparent 50%),linear-gradient(rgba(255,255,255,.035) 50%,transparent 50%) !important;
  background-size:18px 18px !important;
}
html[data-ms-voice="arcade"] body::after{background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 22%);}
html[data-ms-voice="arcade"] main h1{font-size:clamp(3rem,8vw,7rem) !important;text-transform:uppercase;}
html[data-ms-voice="arcade"] .ms-reactive{border-radius:6px !important;}
html[data-ms-voice="arcade"] [class*="correct"],html[data-ms-voice="arcade"] .is-correct{border-color:var(--ok-fg) !important;background:var(--ok-bg) !important;}
html[data-ms-voice="arcade"] [class*="wrong"],html[data-ms-voice="arcade"] .is-wrong{border-color:var(--bad-fg) !important;background:var(--bad-bg) !important;}
html[data-ms-page="blast"] .ms-voice-word{transform:skewX(-10deg);}
html[data-ms-page="tf"] .ms-axis-a{left:50%;width:2px;}
html[data-ms-page="cloze"] body::after{background:repeating-linear-gradient(90deg,transparent 0 12%,rgba(255,255,255,.04) 12% 12.2%,transparent 12.2% 25%);}
html[data-ms-page="minigames"] .mg-tag.cost,
html[data-ms-page="minigames"] .mg-tag.free,
html[data-ms-page="minigames"] .mg-ic{background:#dedede !important;color:#111 !important;}

/* Exam hall: formal page margins and calm concentration. */
html[data-ms-voice="exam"] body::before{
  background-image:linear-gradient(90deg,transparent 0 8%,rgba(255,255,255,.14) 8% 8.08%,transparent 8.08% 92%,rgba(255,255,255,.14) 92% 92.08%,transparent 92.08%),repeating-linear-gradient(0deg,transparent 0 47px,rgba(255,255,255,.03) 47px 48px) !important;
  background-size:auto !important;
}
html[data-ms-voice="exam"] main{max-width:1060px !important;}
html[data-ms-voice="exam"] main h1{font-family:"Instrument Serif",Georgia,serif !important;font-size:clamp(3rem,7vw,6rem) !important;font-weight:400 !important;text-align:center;}
html[data-ms-voice="exam"] .ms-reactive{border-radius:0 !important;}
html[data-ms-page="mistakes"] main h1{text-align:left;}

/* Dialogue: open transcript space and speaker rails. */
html[data-ms-voice="dialogue"] body::before{
  background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1.2px) !important;background-size:24px 24px !important;
}
html[data-ms-voice="dialogue"] body::after{background:linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px) 28% 0/1px 100% no-repeat;}
html[data-ms-voice="dialogue"] main h1{font-family:"Instrument Serif",Georgia,serif !important;font-size:clamp(4rem,10vw,9rem) !important;font-weight:400 !important;}
html[data-ms-voice="dialogue"] .tt-msg{border-radius:2px 18px 18px 18px !important;}
html[data-ms-page="coach"] .ms-voice-word{left:-.05em;right:auto;}

/* Path: visible sequencing and chapter-like progression. */
html[data-ms-voice="path"] body::before{
  background-image:linear-gradient(90deg,transparent calc(20% - 1px),rgba(255,255,255,.14) 20%,transparent calc(20% + 1px)) !important;background-size:auto !important;
}
html[data-ms-voice="path"] main h1{font-size:clamp(3.2rem,8vw,7rem) !important;max-width:12ch;}
html[data-ms-voice="path"] .ms-reactive{border-radius:30px 8px 30px 8px !important;}
html[data-ms-page="goals"] .gl-wrap,
html[data-ms-page="tasks"] .tk-wrap{padding-left:clamp(32px,9vw,140px) !important;}
html[data-ms-page="onboarding"] .ob-panel{border-radius:2px 28px 2px 28px !important;}
html[data-ms-page="onboarding"] .ob-vine{filter:grayscale(1) contrast(1.2);}
html[data-ms-page="onboarding"] .ob-lock-badge{background:#d8d8d8 !important;color:#111 !important;}

/* Community: bulletin rhythm, people and ranks. */
html[data-ms-voice="community"] body::before{
  background-image:radial-gradient(circle,rgba(255,255,255,.075) 1.5px,transparent 1.7px) !important;background-size:30px 30px !important;
}
html[data-ms-voice="community"] body::after{background:linear-gradient(135deg,rgba(255,255,255,.055),transparent 38%);}
html[data-ms-voice="community"] main h1{font-size:clamp(3.4rem,8vw,7.6rem) !important;}
html[data-ms-voice="community"] .ms-reactive{border-radius:2px !important;}
html[data-ms-page="classes"] .sc-class-card,
html[data-ms-page="teachers"] .tc-class-card{transform:rotate(-.15deg);}
html[data-ms-page="family"] .ms-voice-word{left:-.04em;right:auto;}
html[data-ms-page="leaderboard"] .lb-row:nth-child(1){border-top:2px solid #fff !important;}
html[data-ms-page="teach"] main h1{font-family:"Instrument Serif",Georgia,serif !important;font-weight:400 !important;max-width:11ch;}
html[data-ms-page="teach"] .tw-prev-code{color:#111 !important;border-color:#ddd !important;background:#e8e8e8 !important;}

/* Personal / entry: a dossier rather than a generic settings stack. */
html[data-ms-voice="personal"] body::before{
  background-image:linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px) !important;background-size:120px 120px !important;
}
html[data-ms-voice="personal"] body::after{background:radial-gradient(circle at 20% 25%,rgba(255,255,255,.11),transparent 23%);}
html[data-ms-voice="personal"] main h1{font-size:clamp(3rem,7vw,6rem) !important;}
html[data-ms-voice="personal"] .ms-reactive{border-radius:3px !important;}
html[data-ms-page="profile"] .pf-avatar{border-radius:50% !important;}
html[data-ms-page="profile"] #pfAvatar{background:#fff !important;color:#000 !important;}
html[data-ms-page="profile"] .pf-revise,
html[data-ms-page="profile"] .lvl-ring,
html[data-ms-page="profile"] #refCodeCopy,
html[data-ms-page="profile"] #pfAdmin,
html[data-ms-page="profile"] #pfLogout{background:#0b0b0b !important;color:#fff !important;border-color:#333 !important;}
html[data-ms-page="profile"] .pf-revise *{color:inherit !important;}
html[data-ms-page="signup"] .auth-aside{background:#050505 !important;border-right:1px solid #222 !important;}
html[data-ms-page="signup"] .auth-aside::before,
html[data-ms-page="signup"] .auth-aside::after{background:radial-gradient(circle,rgba(255,255,255,.09),transparent 68%) !important;}
html[data-ms-page="signup"] .aside-body .eyebrow,
html[data-ms-page="signup"] .aside-list .tick svg{color:#bbb !important;}
html[data-ms-page="signup"] .aside-list .tick{background:#151515 !important;}
html[data-ms-page="signup"] .auth-aside,
html[data-ms-page="signup"] .auth-aside p,
html[data-ms-page="signup"] .auth-aside li,
html[data-ms-page="signup"] .auth-aside .who{color:#c8c8c8 !important;}
html[data-ms-page="signup"] .auth-aside h1{font-family:"Instrument Serif",Georgia,serif !important;font-weight:400 !important;}
html[data-ms-page="access"] .ax-card{max-width:520px !important;}
html[data-ms-page="leaderboard"] .lb-blast{background:#0b0b0b !important;color:#fff !important;border:1px solid #2d2d2d !important;}
html[data-ms-page="leaderboard"] .lb-blast *{color:inherit !important;}

/* Utility posters */
html[data-ms-voice="utility"] body::before{background-image:none !important;}
html[data-ms-voice="utility"] body::after{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1),transparent 22%);}
html[data-ms-voice="utility"] main h1{font-family:"Instrument Serif",Georgia,serif !important;font-size:clamp(3.5rem,10vw,9rem) !important;font-weight:400 !important;}
html[data-ms-page="404"] .nf-main{place-items:center start !important;padding:clamp(36px,6vw,90px) clamp(20px,8vw,128px) 84px !important;}
html[data-ms-page="404"] .nf-main::before{display:none !important;}
html[data-ms-page="404"] .nf-inner{max-width:980px !important;text-align:left !important;}
html[data-ms-page="404"] .nf-eyebrow{color:#9b9b9b !important;}
html[data-ms-page="404"] .nf-num{justify-content:flex-start !important;gap:clamp(6px,1.4vw,18px) !important;margin-top:26px !important;}
html[data-ms-page="404"] .nf-num .d{
  font-family:"Inter",Arial,sans-serif !important;font-size:clamp(7rem,20vw,17rem) !important;
  font-weight:700 !important;line-height:.72 !important;color:transparent !important;
  -webkit-text-stroke:clamp(1px,.18vw,3px) #fff !important;text-stroke:clamp(1px,.18vw,3px) #fff !important;
}
html[data-ms-page="404"] .nf-o{
  width:clamp(82px,15vw,190px) !important;height:clamp(82px,15vw,190px) !important;
  background:#fff !important;border:0 !important;border-radius:24% !important;
  box-shadow:inset 0 1px rgba(255,255,255,.8),0 22px 60px rgba(0,0,0,.45) !important;
}
html[data-ms-page="404"] .nf-o svg{width:52% !important;height:52% !important;stroke:#000 !important;filter:none !important;}
html[data-ms-page="404"] .nf-inner h1{font-family:"Instrument Serif",Georgia,serif !important;font-size:clamp(3rem,7vw,6.6rem) !important;font-weight:400 !important;line-height:.9 !important;margin-top:36px !important;}
html[data-ms-page="404"] .nf-inner>p{margin:18px 0 0 !important;max-width:54ch !important;color:#a9a9a9 !important;}
html[data-ms-page="404"] .nf-path{margin-top:20px !important;background:rgba(255,255,255,.035) !important;border-color:rgba(255,255,255,.18) !important;color:#aaa !important;}
html[data-ms-page="404"] .nf-actions{justify-content:flex-start !important;margin-top:28px !important;}
html[data-ms-page="404"] .nf-more{display:flex !important;align-items:center;gap:20px;margin-top:44px !important;padding-top:18px !important;border-color:rgba(255,255,255,.16) !important;}
html[data-ms-page="404"] .nf-more h2{flex:none !important;color:#777 !important;}
html[data-ms-page="404"] .nf-links{margin-top:0 !important;justify-content:flex-start !important;gap:18px !important;}
html[data-ms-page="404"] .nf-links a{padding:0 !important;background:transparent !important;border:0 !important;border-radius:0 !important;color:#aaa !important;box-shadow:none !important;}
html[data-ms-page="404"] .nf-links a:hover{color:#fff !important;transform:translateY(-1px) !important;}
html[data-ms-page="404"] .nf-links svg{display:none !important;}

/* Motion */
.ms-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1);}
.ms-reveal.ms-visible{opacity:1;transform:none;}
.ms-app-ready .ms-voice-index{animation:msIndexIn .7s .15s both;}
.ms-app-ready .ms-voice-word{animation:msWordIn 1s .05s both cubic-bezier(.2,.8,.2,1);}
@keyframes msIndexIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes msWordIn{from{opacity:0;transform:translateX(4vw)}to{opacity:1;transform:none}}

@media(max-width:940px){
  .ms-voice-axis{opacity:.6;}
  .ms-voice-word{font-size:clamp(7rem,34vw,15rem);}
  .nav-inner{height:64px !important;}
}
@media(max-width:620px){
  body::before{background-size:32px 32px !important;}
  .wrap{padding-inline:18px !important;}
  .ms-voice-layer{inset:64px 0 0;}
  .ms-voice-index{right:16px;top:14px;}
  .ms-axis-a{left:14px;}
  .ms-axis-b{top:27%;}
  main h1{letter-spacing:-.045em !important;}
  .btn{min-height:44px;}
  html[data-ms-voice="command"] main,
  html[data-ms-voice="research"] main,
  html[data-ms-voice="editorial"] main{padding-inline:18px !important;}
  html[data-ms-page="goals"] .gl-wrap,
  html[data-ms-page="tasks"] .tk-wrap{padding-left:24px !important;}
  html[data-ms-voice="editorial"] body::before{background-image:repeating-linear-gradient(0deg,transparent 0 31px,rgba(255,255,255,.035) 31px 32px) !important;}
  html[data-ms-page="404"] .nf-main{padding:28px 18px 92px !important;place-items:center !important;}
  html[data-ms-page="404"] .nf-inner{text-align:center !important;}
  html[data-ms-page="404"] .nf-num{justify-content:center !important;gap:7px !important;}
  html[data-ms-page="404"] .nf-num .d{font-size:clamp(5.6rem,29vw,8.8rem) !important;}
  html[data-ms-page="404"] .nf-o{width:clamp(70px,23vw,104px) !important;height:clamp(70px,23vw,104px) !important;}
  html[data-ms-page="404"] .nf-inner>p{margin-inline:auto !important;}
  html[data-ms-page="404"] .nf-actions{justify-content:center !important;}
  html[data-ms-page="404"] .nf-more{display:block !important;}
  html[data-ms-page="404"] .nf-links{margin-top:14px !important;justify-content:center !important;gap:14px !important;}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto !important;animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;}
  .ms-reveal{opacity:1;transform:none;}
}

@media print{
  .ms-voice-layer{display:none !important;}
  body,main,[class$="-sheet"],[class*="-sheet "]{background:#fff !important;color:#000 !important;}
}