.mala-runtime{min-height:100svh}
.mala-runtime .skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.mala-runtime .skip:focus{position:fixed;top:10px;left:10px;z-index:100;background:var(--mala-accent);color:var(--mala-contrast);padding:12px}
.mala-runtime #flowDialog{position:relative;inset:auto;display:block;width:100%;max-width:none;max-height:none;height:auto;min-height:100svh;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:var(--mala-bg);color:var(--mala-ink);overflow:visible}
.mala-runtime .mala-legacy-tools,.mala-runtime .route,.mala-runtime #onboardingIntro{display:none!important}
.mala-runtime .flow-body{width:100%;min-height:0;padding:0;margin:0;outline:none}
.mala-runtime .step{position:relative;width:min(100%,1560px);min-height:calc(100svh - 180px);margin:0 auto;padding:clamp(40px,5vw,80px) clamp(22px,5vw,84px) 44px}
.mala-runtime .step>h2{position:relative;z-index:1;font-size:clamp(58px,7.7vw,122px);line-height:1.01;margin:0 0 28px;max-width:90%;font-weight:500}
.mala-runtime .step>h2:focus{outline:none}
.mala-runtime .step>.mala-lead{font-size:clamp(25px,2.7vw,42px);line-height:1.2;max-width:64ch;margin:0 0 38px}
.mala-runtime .mala-step-mark{position:absolute;top:32px;right:30px;width:30%;height:110px;opacity:.9}
.mala-runtime .choices{display:grid;grid-template-columns:1fr 1fr;gap:28px 50px;padding:16px 0 24px;margin:0}
.mala-runtime .choice{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:25px;position:relative;min-height:140px;border:0;padding:22px 8px;background:none;color:var(--mala-ink);text-align:left;box-shadow:none;border-radius:0;cursor:pointer}
.mala-runtime .choice strong{font-family:var(--mala-serif);font-size:clamp(32px,3.8vw,60px);font-weight:400;line-height:1.05}
.mala-runtime .choice[aria-pressed=true]{color:var(--mala-accent)}
.mala-runtime .choice[aria-pressed=true] strong{font-style:italic}
.mala-runtime .choice[aria-pressed=true]::before{content:'';position:absolute;left:-17px;top:30px;width:12px;height:12px;background:currentColor;border-radius:50%}
.mala-runtime .choice>i{display:none}
.mala-role-mark{display:flex;gap:18px;height:72px;align-items:center}
.mala-role-mark i{display:block;width:65px;height:65px;border:3px solid currentColor;border-radius:49% 52% 46% 51%;transform:rotate(-9deg)}
.mala-role-mark i+ i{border-radius:54% 45% 52% 48%;transform:rotate(12deg)}
.mala-runtime .context-note{padding:0;border:0;background:none;min-height:70px;font-family:var(--mala-serif);font-size:25px;max-width:65ch}
.mala-runtime .actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;border:0;padding:0;background:none}
.mala-runtime .step-nav{display:flex;justify-content:space-between;align-items:center;gap:22px;position:static;width:100%;margin:34px 0 0;padding:0;border:0;background:none}
.mala-runtime .step-nav button{min-width:0}
.mala-runtime .mala-mode-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;row-gap:20px;margin:36px 0 30px}
.mala-mode{display:flex;flex-direction:column;gap:13px;align-items:center;justify-content:center;position:relative;min-width:0;min-height:116px;padding:12px 0;border:0;background:none;box-shadow:none;color:var(--mala-ink);cursor:pointer;border-radius:0}
.mala-mode .mala-mode-label{font-family:var(--mala-serif);font-size:clamp(20px,2.4vw,36px);line-height:1.05;text-align:center;overflow-wrap:normal}
.mala-mode[aria-checked=true]{color:var(--mala-accent)}
.mala-mode[aria-checked=true] .mala-mode-label{font-style:italic}
.mala-mode[aria-checked=true]::before{content:'';position:absolute;top:48%;left:3%;width:13px;height:13px;border-radius:50%;background:currentColor}
.mala-mode-icon{display:flex;gap:10px;align-items:center;justify-content:center;height:48px}
.mala-mode-icon svg{width:64px;height:46px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.mala-mode-icon .mala-combo-plus{font-family:var(--mala-sans);font-size:26px;font-weight:400}
.mala-mode-icon:has(svg+span) svg{width:48px}
.mala-preview{position:relative;margin:24px -1.5vw 26px;padding:0;background:none;border:0;box-shadow:none;border-radius:0}
.mala-preview canvas.mala-vhs{display:block;width:100%;height:clamp(280px,32vw,510px);aspect-ratio:auto;border:0;box-shadow:none;background:#a16b62}
.mala-preview-actions{position:absolute;bottom:48px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.mala-preview-actions button{min-height:44px;border:0;background:none;color:#fff5e0;padding:8px 0;font:500 15px var(--mala-sans);text-shadow:0 1px 3px #230a12;cursor:pointer}
.mala-preview figcaption{min-height:35px;padding:8px 0 0;font:400 16px/1.5 var(--mala-serif);color:var(--mala-ink)}
.mala-range-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 42px;margin:30px 0 0;align-items:start}
.mala-range{min-width:0}
.mala-range-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;min-height:56px}
.mala-range-head>label{font:500 clamp(18px,1.7vw,25px)/1.2 var(--mala-serif)}
.mala-range-head>output{font:500 34px/1.1 var(--mala-serif);font-variant-numeric:tabular-nums;white-space:nowrap}
.mala-value{display:flex;gap:5px;align-items:baseline;white-space:nowrap;font-size:13px}
.mala-runtime .mala-range input[type=number]{width:90px;border:0;border-radius:0;min-height:48px;padding:0 0 0 5px;font:500 34px/1.1 var(--mala-serif);font-variant-numeric:tabular-nums;text-align:right;background:none;color:inherit;appearance:textfield;-moz-appearance:textfield}
.mala-runtime .mala-range input[type=number]::-webkit-inner-spin-button,.mala-runtime .mala-range input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}
.mala-range .range-scale{display:flex;justify-content:space-between;gap:15px;font-size:13px;margin-top:4px}
.mala-control-note{font:400 13px/1.5 var(--mala-sans);margin:4px 0 0}
.mala-notice-slot{min-height:54px;padding-top:12px}
.mala-notice-slot p{font:400 15px/1.5 var(--mala-sans);margin:0;max-width:80ch}
.mala-runtime .mala-advanced{margin:6px 0 24px;padding:0}
.mala-runtime .mala-advanced>summary{font-family:var(--mala-serif);font-size:25px;min-height:50px}
.mala-runtime .fields{display:grid;grid-template-columns:1fr 1fr;gap:22px 34px;margin:24px 0}
.mala-runtime .fields label{display:grid;gap:8px;align-content:start;font:400 16px/1.45 var(--mala-sans)}
.mala-runtime .fields .wide{grid-column:1/-1}
.mala-runtime .ws-progress-stack{display:block}
.mala-runtime .ws-progress-part{margin:0 0 32px;padding:0;border:0;background:none;box-shadow:none}
.mala-runtime .ws-progress-part>h3{font-size:clamp(30px,3.2vw,48px);margin:18px 0}
.mala-runtime .ws-progress-content{display:block;padding:0;opacity:1;visibility:visible;transform:none}
.mala-runtime .ws-progress-rail,.mala-runtime .ws-progress-controls,.mala-runtime [data-progress-next],.mala-runtime [data-progress-prev]{display:none!important}
.mala-runtime #baselineChoices{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:6px;max-width:1100px;margin:20px 0}
.mala-runtime #baselineChoices button{min-width:0;min-height:48px;padding:5px 1px;border:0;border-radius:50%;color:var(--mala-ink);background:transparent;font:500 24px/1 var(--mala-serif);white-space:nowrap;overflow-wrap:normal}
.mala-runtime #baselineChoices button[aria-pressed=true]{color:var(--mala-contrast);background:var(--mala-accent)}
.mala-runtime #baselinePrompt,.mala-runtime #ratingRuleHelp,.mala-runtime #baselineAnchors,.mala-runtime #baselineStatus{font-size:17px;line-height:1.5;max-width:68ch;margin:14px 0}
.mala-runtime #baselineTitle{font-size:clamp(29px,3.6vw,48px);margin:20px 0}
.mala-runtime #baselineStatus{min-height:26px}
.mala-runtime .readiness{display:grid;gap:15px;margin:20px 0}
.mala-runtime .check{display:flex;align-items:center;gap:13px;font-size:17px;line-height:1.45}
.mala-runtime input[type=checkbox],.mala-runtime input[type=radio]{width:22px;height:22px;accent-color:var(--mala-accent);flex:0 0 auto}
.mala-runtime #launchSummary{font-family:var(--mala-serif);font-size:28px;line-height:1.35;max-width:60ch}
.mala-runtime #activeStatus{font-family:var(--mala-serif);font-size:clamp(28px,3.5vw,50px);max-width:42ch;line-height:1.2;margin:30px 0}
.mala-runtime .result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:30px 0}
.mala-runtime .result-stats>div{background:none;border:0;padding:0}
.mala-runtime .result-stats strong{font-family:var(--mala-serif);font-size:clamp(32px,5vw,70px);font-weight:500;white-space:nowrap}
.mala-runtime .rating-history{padding:0;list-style:none;max-width:900px}
.mala-runtime .rating-history li{background:none;border:0;display:grid;grid-template-columns:1.4fr 2fr 1fr auto;gap:18px;align-items:center;margin:16px 0}
.mala-runtime .rating-trend{font-family:var(--mala-serif);font-size:30px;margin:18px 0}
.mala-runtime #saveHint,.mala-runtime #savedStatus,.mala-runtime #endSummary{font-size:17px;line-height:1.5}
.mala-runtime #globalStatus{max-width:1000px;margin:0 auto;padding:0 24px;font:500 16px/1.5 var(--mala-sans)}
.mala-runtime #globalStatus:empty{display:none}
.mala-runtime .footer{min-height:80px}
.mala-runtime .footer button{border:0;padding:5px;background:none;color:inherit;font:400 13px var(--mala-sans);cursor:pointer;min-height:44px}
.mala-runtime dialog:not(#flowDialog){max-width:min(1000px,calc(100vw - 32px));max-height:calc(100svh - 32px);padding:clamp(24px,4vw,64px);border:0;border-radius:0;background:#fff1d6;color:#39131d;font-family:var(--mala-sans);box-shadow:none}
.mala-runtime dialog:not(#flowDialog)::backdrop{background:#28101aa3}
.mala-runtime dialog:not(#flowDialog) h2{font:500 clamp(35px,5vw,65px)/1.05 var(--mala-serif);margin:0 0 24px}
.mala-runtime dialog:not(#flowDialog) p{font-family:var(--mala-serif);font-size:24px;line-height:1.3;max-width:65ch}
.mala-runtime dialog:not(#flowDialog) button:not(.primary){border:0;background:none;color:inherit;font:500 17px var(--mala-sans);padding:12px;min-height:44px;cursor:pointer}
.mala-runtime .journal-controls{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}
.mala-runtime .mala-runtime-tools{display:flex;justify-content:flex-end;gap:24px;align-items:center;padding:0 clamp(22px,5vw,84px);font-size:14px}
.mala-runtime-tools button{border:0;background:none;color:inherit;min-height:44px;font:500 14px var(--mala-sans);padding:0;cursor:pointer}
.mala-home .mala-runtime-tools,.mala-home #main,.mala-home .footer{display:none!important}
.mala-home{--mala-bg:#ffc39f;--mala-ink:#c30012;--mala-accent:#fff12d;--mala-contrast:#18140b}
.mala-home .mala-header{background:#ffc39f;color:#cf0011;min-height:var(--mala-header-height)}
/* Headline and callout share normal flow, so copy and zoom cannot overlap. */
.mala-hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(48px,6vw,88px);width:100%;min-height:calc(100svh - var(--mala-header-height));height:auto;padding:clamp(56px,7vw,112px) clamp(20px,5vw,80px) clamp(32px,4vw,64px);overflow:hidden;background:#ac695a}
.mala-hero>canvas{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;object-fit:cover}
.mala-hero-shade{position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(40,6,22,.30));pointer-events:none}
.mala-hero :is(.mala-mark,.mala-hero-mark,.mala-hero-pause,.mala-hero-progress){display:none}
.mala-hero h1{position:relative;z-index:2;flex:none;width:100%;max-width:1280px;margin:0;font:500 clamp(48px,10.25vw,148px)/.98 var(--mala-serif);letter-spacing:-.035em;color:#ac0006;text-align:center;text-wrap:balance}
.mala-hero h1 em{font-weight:500;font-style:normal;color:inherit}
.mala-hero-callout{position:relative;z-index:3;flex:none;width:min(900px,100%);display:grid;justify-items:center;gap:clamp(24px,2.5vw,36px)}
.mala-hero-karaoke{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:0 .24em;min-height:3.6em;max-width:800px;margin:0;text-align:center;font:500 clamp(20px,2.15vw,32px)/1.2 var(--mala-sans);color:#fff7e8;-webkit-text-stroke:1px #20121b;paint-order:stroke fill;text-shadow:0 1px 2px #211421}
.mala-hero-karaoke .is-read{color:#fff52d}
.mala-hero-actions{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap}
.mala-hero-actions .mala-action{font-size:22px;min-height:56px;padding:13px 44px;background:#ffec23;color:#17140d}
.mala-hero-subscribe{position:relative;font:500 18px var(--mala-sans);min-height:44px;display:flex;align-items:center;color:#fff0a8}
.mala-hero-subscribe>span:first-child{filter:blur(1.4px);opacity:.5}
.mala-hero-subscribe .mala-nav-tape{font-size:11px;bottom:8px;left:4%;width:96%;text-align:center}
.mala-runtime.personal-entry .mala-header{display:flex;justify-content:space-between}
.mala-runtime.personal-entry .mala-header__side{display:flex!important}
.mala-runtime.personal-entry .mala-runtime-tools{display:none}
.mala-runtime.personal-entry .personal-panel{color:var(--mala-ink);max-width:1100px;padding:clamp(35px,5vw,78px) clamp(22px,5vw,65px)}
.mala-runtime.personal-entry .personal-panel h1{font:500 clamp(48px,7vw,96px)/1.02 var(--mala-serif);color:var(--mala-ink);margin:10px 0 28px}
.mala-runtime.personal-entry .personal-eyebrow{display:none}
.mala-runtime.personal-entry :is(.personal-note,.personal-status,.personal-copy p){font-family:var(--mala-serif);font-size:clamp(22px,2.3vw,32px);line-height:1.3;color:var(--mala-ink)}
.mala-runtime.personal-entry .personal-copy h2{font:500 38px var(--mala-serif);color:var(--mala-ink)}
.mala-runtime.personal-entry .personal-panel button{border-radius:999px;font-family:var(--mala-sans)}
.mala-runtime.personal-entry #main{max-width:1200px!important;padding:30px 22px 50px!important}
@media(max-width:900px){.mala-range-grid{column-gap:22px}.mala-value{flex-wrap:wrap;justify-content:flex-end;gap:0}.mala-range-head{align-items:center}}
@media(max-width:650px){.mala-runtime .step{padding-top:32px;padding-inline:22px}.mala-runtime .step>h2{font-size:clamp(46px,10.5vw,67px);max-width:100%;margin-bottom:22px}.mala-runtime .step>.mala-lead{font-size:25px;line-height:1.25;margin-bottom:25px}.mala-runtime .mala-step-mark{display:none}.mala-runtime .choices{gap:15px;padding-block:10px}.mala-runtime .choice{min-height:150px;gap:22px;padding-inline:2px}.mala-runtime .choice strong{font-size:33px}.mala-runtime .choice[aria-pressed=true]::before{left:-11px;width:8px;height:8px}.mala-role-mark{gap:8px;height:50px}.mala-role-mark i{width:42px;height:42px;border-width:2px}.mala-runtime .context-note{font-size:23px;min-height:100px}.mala-runtime .mala-mode-choices{grid-template-columns:1fr 1fr;gap:14px 18px;margin:22px 0}.mala-mode{min-height:105px;gap:9px}.mala-mode .mala-mode-label{font-size:23px}.mala-mode-icon{height:40px}.mala-mode-icon svg{width:54px;height:36px}.mala-mode-icon:has(svg+span) svg{width:38px}.mala-mode-icon{gap:6px}.mala-mode[aria-checked=true]::before{width:8px;height:8px;left:0;top:40%}.mala-preview{margin-inline:-22px;margin-bottom:25px}.mala-preview canvas.mala-vhs{height:clamp(220px,66vw,400px)}.mala-preview figcaption{font-size:15px;padding-inline:22px;min-height:61px;line-height:1.3}.mala-preview-actions{bottom:80px;left:15px;right:15px}.mala-preview-actions button{font-size:13px}.mala-range-grid{grid-template-columns:1fr;gap:22px;margin-top:25px}.mala-range-head{min-height:40px;gap:12px}.mala-value{flex-wrap:nowrap}.mala-runtime .mala-range input[type=number]{min-height:40px;font-size:31px;width:90px}.mala-range-head>label{font-size:25px}.mala-range-head>output{font-size:31px}.mala-notice-slot{min-height:84px;padding-top:17px}.mala-runtime .fields{grid-template-columns:1fr;gap:18px}.mala-runtime .fields .wide{grid-column:auto}.mala-runtime .step-nav{gap:16px;margin-top:28px}.mala-runtime .step-nav .primary{padding-inline:24px}.mala-runtime #baselineChoices{gap:2px}.mala-runtime #baselineChoices button{font-size:20px;min-height:42px}.mala-runtime #baselineTitle{font-size:32px}.mala-runtime .rating-history li{grid-template-columns:1.4fr 1fr auto;gap:10px}.mala-runtime .rating-history meter{display:none}.mala-runtime .mala-runtime-tools{gap:20px}.mala-hero-karaoke{font-size:21px;min-height:6em;max-width:100%;-webkit-text-stroke:.7px #20121b}.mala-hero-actions{flex-direction:column;gap:16px}.mala-hero-actions .mala-action{min-height:52px;font-size:18px;padding-inline:28px}.mala-hero-subscribe{font-size:16px}}

/* Keep numerical input and threshold notices from anchoring the document during a drag */
.mala-runtime :is(#main,.mala-range-grid,.mala-notice-slot,.mala-range){overflow-anchor:none}
.mala-site [hidden] summary::after,.mala-site dialog:not([open]) summary::after{content:none}

.mala-mode-icon svg{filter:url(#malaInk);stroke-width:4.8}
.mala-runtime [data-view=settings]>.mala-lead{font-size:clamp(25px,2.5vw,38px);max-width:64ch}

/* A broad photographic light wash keeps the headline legible without a panel */
.mala-hero-shade{inset:0;background:linear-gradient(90deg,rgba(255,211,166,.72),rgba(255,211,166,.46) 38%,transparent 76%),linear-gradient(transparent 58%,rgba(40,6,22,.28))}
.mala-hero h1{color:#85000a}
.mala-runtime #assessmentResult,.mala-runtime .rating-history li,.mala-runtime .positive-phrase{border:0}
.mala-runtime #assessmentResult :is(.lower,.higher,.same,.unknown){color:var(--mala-ink)}
.mala-runtime .result-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:34px 0}
.mala-runtime .result-strip>div{display:grid;gap:8px;padding:0;background:none;border:0}
.mala-runtime .result-strip strong{font:500 clamp(27px,3.4vw,50px)/1.1 var(--mala-serif);white-space:nowrap}
.mala-runtime .save-actions,.mala-runtime .next-panel .actions{display:flex;flex-wrap:wrap;gap:16px 30px;align-items:center;margin:22px 0}
.mala-runtime .save-panel,.mala-runtime .next-panel{margin-top:36px}
.mala-runtime .save-panel>p{max-width:65ch;font-size:19px;line-height:1.5}
@media(max-width:650px){.mala-runtime .result-strip{grid-template-columns:1fr;gap:22px}.mala-hero-shade{background:linear-gradient(90deg,rgba(255,211,166,.74),rgba(255,211,166,.2)),linear-gradient(transparent 55%,rgba(40,6,22,.25))}}

.mala-runtime .tap-guide-head{display:flex;align-items:center;gap:24px;margin:22px 0}
.mala-runtime .tap-guide-head svg{width:96px;height:96px;flex:none;fill:none;color:var(--mala-ink)}
.mala-runtime .tap-guide-head :is(.tap-l,.tap-r){fill:var(--mala-accent)}
.mala-runtime .tap-guide[data-style=butterfly] .tap-knees,.mala-runtime .tap-guide[data-style=knees] svg:not(.tap-knees),.mala-runtime .tap-guide-head>div{display:none}
.mala-runtime .tap-guide{font-size:18px;line-height:1.5;max-width:70ch}

/* Keyboard markers follow the labels inside the existing unframed choices. */
:where(html:not([data-mala-focus]),html[data-mala-focus=keyboard]) .mala-runtime:not(.is-running) :is(.choice:focus-visible strong,.mala-mode:focus-visible .mala-mode-label){text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.22em}


@media(max-width:650px){.mala-hero[data-scene=hero-room]>canvas{object-position:85% center}}