.m-page{--m-plastic:color-mix(in srgb, var(--bg-3) 72%, var(--ink) 9%);--m-plastic-hi:color-mix(in srgb, var(--bg-3) 55%, var(--ink) 22%);--m-plastic-lo:color-mix(in srgb, var(--bg-3) 55%, var(--scene-bg) 45%);--m-recess:color-mix(in srgb, var(--bg-3) 40%, var(--scene-bg) 60%);background:radial-gradient(ellipse 90% 70% at 50% 30%, color-mix(in srgb, var(--bg-2) 70%, transparent), transparent 75%), var(--bg);color:var(--ink);font-family:var(--font-mono);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.m-stagewrap{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:14px 10px 2px;display:flex}.m-chassis{aspect-ratio:5/4;background:linear-gradient(180deg, var(--m-plastic-hi) 0%, var(--m-plastic) 30%, var(--m-plastic-lo) 100%);width:min(700px,94vw,125dvh - 110px);box-shadow:inset 0 2px 2px color-mix(in srgb, var(--ink) 22%, transparent), inset 0 -3px 6px color-mix(in srgb, var(--scene-bg) 70%, transparent), 0 30px 70px color-mix(in srgb, var(--scene-bg) 80%, transparent);border-radius:clamp(14px,3vw,26px);flex-direction:column;padding:clamp(8px,2.2vw,20px);display:flex}.m-inner{background:linear-gradient(180deg, var(--m-plastic-lo), var(--m-recess));min-height:0;box-shadow:inset 0 3px 8px color-mix(in srgb, var(--scene-bg) 85%, transparent), inset 0 -1px 1px color-mix(in srgb, var(--ink) 12%, transparent);border-radius:clamp(10px,2.2vw,18px);flex-direction:column;flex:1;padding:clamp(8px,1.8vw,16px);display:flex}.m-glass{background:radial-gradient(ellipse 130% 110% at 50% 38%, color-mix(in srgb, var(--bg-2) 85%, var(--cyan) 3%) 0%, var(--scene-bg) 78%);border:1px solid color-mix(in srgb, var(--scene-bg) 60%, black);min-height:0;box-shadow:inset 0 0 clamp(30px, 7vw, 64px) #000000a6, inset 0 0 8px color-mix(in srgb, var(--cyan) 10%, transparent);border-radius:clamp(18px,4.5vw,40px)/clamp(14px,3.5vw,32px);flex:1;display:flex;position:relative;overflow:hidden}.m-vignette{z-index:5;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse 55% 26% at 50% 6%, color-mix(in srgb, var(--ink) 9%, transparent), transparent 70%), repeating-linear-gradient(0deg, #00000026 0 1px, transparent 1px 3px), radial-gradient(ellipse 145% 130% at 50% 50%, transparent 62%, #0000008c 100%);position:absolute;inset:0}.m-bezel-controls{flex:none;grid-template-columns:1fr auto 1fr;align-items:center;padding:clamp(6px,1.4vw,12px) 6px 0;display:grid}.m-brand{font-family:var(--font-pixel);letter-spacing:.14em;text-align:center;color:color-mix(in srgb, var(--ink-dim) 55%, var(--m-recess));text-shadow:0 1px 0 color-mix(in srgb, var(--scene-bg) 55%, transparent);font-size:clamp(11px,1.8vw,15px)}.m-controls{justify-self:start;align-items:center;gap:12px;display:flex}.m-controls-right{justify-self:end}.m-back{background:color-mix(in srgb, var(--scene-bg) 35%, var(--m-recess));border:1px solid color-mix(in srgb, var(--scene-bg) 60%, transparent);color:color-mix(in srgb, var(--ink-dim) 75%, var(--m-recess));font-family:var(--font-mono);letter-spacing:.2em;cursor:pointer;box-shadow:inset 0 1px 1px color-mix(in srgb, var(--ink) 10%, transparent);border-radius:5px;padding:6px 11px;font-size:10px}.m-back:hover,.m-back:focus-visible{color:var(--ink);border-color:color-mix(in srgb, var(--cyan) 40%, transparent)}.m-led{background:var(--magenta);width:9px;height:9px;box-shadow:0 0 8px var(--magenta), inset 0 -1px 1px #0006;border-radius:50%}.m-stand{background:linear-gradient(180deg, var(--m-plastic-lo), color-mix(in srgb, var(--m-plastic-lo) 60%, var(--scene-bg)));clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);filter:drop-shadow(0 14px 18px #0000008c);border-radius:0 0 6px 6px;width:clamp(120px,24vw,220px);height:clamp(14px,3vw,26px)}.m-footer{padding:12px 10px calc(12px + env(safe-area-inset-bottom));letter-spacing:.18em;color:var(--ink-dim);flex:none;justify-content:center;align-items:center;gap:10px;font-size:10px;display:flex}.m-footer a{color:var(--ink-dim);text-decoration:none}.m-footer a:hover,.m-footer a:focus-visible{color:var(--cyan)}.m-scr{z-index:2;text-align:center;scrollbar-width:none;flex-direction:column;flex:1;justify-content:safe center;align-items:center;gap:clamp(5px,1.4vh,12px);min-height:0;padding:clamp(16px,4.5%,40px) clamp(16px,6%,52px);display:flex;position:relative;overflow:hidden auto}.m-scr::-webkit-scrollbar{display:none}.m-eyebrow{letter-spacing:.3em;color:var(--cyan);text-shadow:0 0 8px color-mix(in srgb, var(--cyan) 60%, transparent);margin-bottom:clamp(10px,2.4vw,20px);font-size:clamp(9px,1.6vw,11px)}.m-h1{font-family:var(--font-pixel);text-shadow:0 0 22px color-mix(in srgb, var(--magenta) 30%, transparent);text-wrap:balance;margin:0 0 clamp(16px,3.5vh,34px);font-size:clamp(28px,min(8.5vw,9.5vh),78px);font-weight:400;line-height:.92}.m-accent{color:var(--magenta)}.m-body{font-family:var(--font-mono);color:var(--ink-dim);max-width:46ch;margin:0 0 clamp(12px,2.8vh,26px);font-size:clamp(13px,2.2vw,16px);line-height:1.7}.m-btnrow{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.m-btn{font-family:var(--font-pixel);letter-spacing:.04em;color:var(--cyan-soft);background:color-mix(in srgb, var(--cyan) 7%, transparent);border:1px solid var(--cyan);box-shadow:0 0 10px color-mix(in srgb, var(--cyan) 25%, transparent);cursor:pointer;text-align:center;padding:11px 22px 9px;font-size:clamp(17px,3vw,24px);line-height:1;text-decoration:none;display:inline-block}.m-btn:hover:not(:disabled),.m-btn:focus-visible:not(:disabled){background:color-mix(in srgb, var(--cyan) 16%, transparent)}.m-btn-primary{color:var(--scene-bg);background:var(--magenta);border-color:var(--magenta);box-shadow:0 0 14px color-mix(in srgb, var(--magenta) 38%, transparent), 0 0 36px color-mix(in srgb, var(--magenta) 15%, transparent)}.m-btn-primary:hover:not(:disabled),.m-btn-primary:focus-visible:not(:disabled){background:var(--magenta-soft);border-color:var(--magenta-soft)}.m-btn:disabled{opacity:.6;cursor:wait}.m-btn-ghost{color:var(--ink-dim);border-color:var(--bg-3);box-shadow:none;background:0 0}.m-btn-ghost:hover,.m-btn-ghost:focus-visible{color:var(--cyan-soft);border-color:var(--cyan)}.m-trans{cursor:pointer}.m-skip{z-index:3;background:color-mix(in srgb, var(--scene-bg) 55%, transparent);border:1px solid var(--bg-3);color:var(--ink-dim);font-family:var(--font-mono);letter-spacing:.2em;cursor:pointer;padding:5px 10px;font-size:9px;position:absolute;top:clamp(10px,2.5%,18px);right:clamp(12px,3%,22px)}.m-lines{flex-direction:column;gap:clamp(8px,1.8vw,14px);display:flex}.m-line{max-width:58ch;margin:0;font-size:clamp(14px,2.6vw,18px);line-height:1.75}.m-line em{color:var(--cyan-soft);text-shadow:0 0 8px color-mix(in srgb, var(--cyan) 50%, transparent);font-style:normal}.m-speaker,.m-line strong{color:var(--magenta-soft);letter-spacing:.14em}.m-line:first-child>em:first-child{color:var(--magenta-soft);text-shadow:0 0 8px color-mix(in srgb, var(--magenta) 50%, transparent);letter-spacing:.14em}.m-line .trans-caret:after,.trans-caret:after{content:"▌";color:var(--cyan);animation:1s step-end infinite m-blink}@keyframes m-blink{50%{opacity:0}}.m-hint{letter-spacing:.24em;color:var(--ink-dim);margin-top:clamp(12px,3vw,22px);font-size:9px}.m-transcta{flex-direction:column;align-items:center;gap:10px;margin-top:clamp(14px,3.4vw,26px);display:flex}.m-meta{letter-spacing:.18em;color:var(--ink-dim);font-size:clamp(8.5px,1.5vw,10px)}.m-step{letter-spacing:.3em;color:var(--gold);margin-bottom:clamp(8px,2vw,14px);font-size:9px}.m-prompt{max-width:46ch;margin:0 0 clamp(12px,3vw,22px);font-size:clamp(12px,2.4vw,17px);line-height:1.65}.m-fields{text-align:left;flex-direction:column;gap:clamp(8px,1.8vw,13px);width:min(420px,100%);margin-inline:auto;display:flex}.m-frow{grid-template-columns:1fr 1fr;gap:10px;display:grid}.m-frow>.m-field{min-width:0}.m-label{letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin-bottom:4px;font-size:9px;display:block}.m-field input[type=text],.m-field input[type=email],.m-field input[type=date],.m-field input[type=time]{background:color-mix(in srgb, var(--scene-bg) 80%, transparent);border:1px solid var(--bg-3);width:100%;min-width:0;max-width:100%;color:var(--ink);font-family:var(--font-mono);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:0;padding:clamp(8px,1.6vw,11px) 10px;font-size:16px}.m-field input[type=date]::-webkit-date-and-time-value{text-align:left;min-width:0}.m-field input[type=time]::-webkit-date-and-time-value{text-align:left;min-width:0}.m-field input:focus{border-color:var(--cyan);box-shadow:0 0 10px color-mix(in srgb, var(--cyan) 20%, transparent);outline:none}.m-geo{position:relative}.m-geo-results{z-index:200;background:color-mix(in srgb, var(--scene-bg) 96%, transparent);border:1px solid var(--cyan);max-height:132px;margin:0;padding:0;list-style:none;overflow-y:auto}.m-geo-results button{text-align:left;width:100%;color:var(--ink);font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;padding:7px 10px;font-size:11px;line-height:1.4;display:block}.m-geo-results button:hover,.m-geo-results button:focus-visible,.m-geo-results button.highlighted{background:color-mix(in srgb, var(--cyan) 14%, transparent)}.m-consent{color:var(--ink-dim);cursor:pointer;align-items:flex-start;gap:9px;max-width:46ch;font-size:clamp(9px,1.6vw,10.5px);line-height:1.6;display:flex}.m-consent input{accent-color:var(--magenta);flex:none;margin-top:2px}.m-error{letter-spacing:.12em;color:var(--gold);margin:0;font-size:clamp(9px,1.6vw,10.5px)}@media (max-width:480px){.m-frow{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.m-page *{transition:none!important;animation:none!important}}
