:root{--bg-base:#05070d;--bg-surface-1:#0a0e17;--bg-surface-2:#111725;--bg-surface-3:#1a2233;--glass-fill:#1117258c;--glass-border:#ffffff17;--glass-highlight:#ffffff0d;--glass-blur:20px;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff2e;--text-primary:#e8ecf4;--text-secondary:#9aa6bf;--text-muted:#5c6880;--text-inverse:#05070d;--accent-primary:#22d3ee;--accent-primary-strong:#06b6d4;--accent-secondary:#8b5cf6;--accent-secondary-strong:#7c3aed;--grade-a:#34e5b0;--grade-b:#38bdf8;--grade-c:#fbbf24;--grade-d:#fb5c7d;--grade-a-soft:#34e5b024;--grade-b-soft:#38bdf824;--grade-c-soft:#fbbf2424;--grade-d-soft:#fb5c7d24;--state-success:#34e5b0;--state-warning:#fbbf24;--state-danger:#fb5c7d;--state-info:#38bdf8;--voice-idle:#3a4661;--voice-listening:#22d3ee;--voice-speaking:#8b5cf6;--voice-processing:#fbbf24;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 24px #00000073;--shadow-lg:0 20px 48px #0000008c;--glow-primary:0 0 24px #22d3ee59;--glow-secondary:0 0 24px #8b5cf659;--glow-grade-a:0 0 20px #34e5b04d;--glow-grade-c:0 0 20px #fbbf244d;--glow-grade-d:0 0 20px #fb5c7d4d;--font-display:"Space Grotesk",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-lg:1.25rem;--fs-xl:1.563rem;--fs-2xl:1.953rem;--fs-3xl:2.441rem;--fs-4xl:3.052rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-tight:1.15;--lh-snug:1.3;--lh-normal:1.55;--lh-relaxed:1.7;--ls-tighter:-.02em;--ls-tight:-.01em;--ls-normal:0;--ls-wide:.04em;--ls-widest:.12em;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--container-max:1200px;--container-pad:var(--space-6);--grid-gutter:var(--space-4);--bp-sm:480px;--bp-md:768px;--bp-lg:1024px}.mx-nav{height:56px;padding:0 var(--container-pad);background:var(--glass-fill);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(var(--glass-blur));justify-content:space-between;align-items:center;display:flex}.mx-nav__brand{font:var(--fw-bold) var(--fs-lg)/1 var(--font-display);letter-spacing:var(--ls-tight);color:var(--text-primary)}.mx-nav__context{font:var(--fw-medium) var(--fs-xs)/1 var(--font-body);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--accent-primary)}.mx-glass{background:var(--glass-fill);border:1px solid var(--glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-md), inset 0 1px 0 var(--glass-highlight)}.mx-card{background:var(--glass-fill);border:1px solid var(--glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-md), inset 0 1px 0 var(--glass-highlight);padding:var(--space-6);gap:var(--space-4);flex-direction:column;transition:border-color .18s,transform .18s;display:flex}.mx-card--interactive{cursor:pointer}.mx-card--interactive:hover{border-color:var(--border-strong);transform:translateY(-2px)}.mx-card__eyebrow{font:var(--fw-medium) var(--fs-xs)/1 var(--font-body);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--text-muted)}.mx-card__title{font:var(--fw-semibold) var(--fs-lg)/var(--lh-snug) var(--font-display);color:var(--text-primary)}.mx-btn{justify-content:center;align-items:center;gap:var(--space-2);font:var(--fw-semibold) var(--fs-base)/1 var(--font-body);padding:var(--space-3) var(--space-6);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;transition:transform .12s,box-shadow .18s,background .18s;display:inline-flex}.mx-btn:active{transform:translateY(1px)}.mx-btn:focus-visible{box-shadow:var(--glow-primary), 0 0 0 2px var(--accent-primary);outline:none}.mx-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.mx-btn--primary{background:var(--accent-primary);color:var(--text-inverse)}.mx-btn--primary:hover{background:var(--accent-primary-strong);box-shadow:var(--glow-primary)}.mx-btn--secondary{background:var(--glass-fill);border-color:var(--border-default);color:var(--text-primary);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.mx-btn--secondary:hover{border-color:var(--accent-primary)}.mx-btn--ghost{color:var(--text-secondary);background:0 0}.mx-btn--ghost:hover{color:var(--text-primary);background:var(--bg-surface-3)}.mx-btn--danger{background:var(--state-danger);color:var(--text-inverse)}.mx-btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--fs-sm)}.mx-btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--fs-lg)}.mx-btn--pill{border-radius:var(--radius-pill)}.mx-btn--block{width:100%}.mx-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font:var(--fw-regular) var(--fs-base)/1 var(--font-body);outline:none;transition:border-color .18s,box-shadow .18s}.mx-input::placeholder{color:var(--text-muted)}.mx-input:focus{border-color:var(--accent-primary);box-shadow:var(--glow-primary)}.mx-progress{background:var(--bg-surface-3);border-radius:var(--radius-pill);width:100%;height:8px;overflow:hidden}.mx-progress__fill{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.mx-ring__track{stroke:var(--bg-surface-3)}.mx-ring__value{stroke:var(--accent-primary);stroke-linecap:round;filter:drop-shadow(var(--glow-primary));transition:stroke-dashoffset .6s}.mx-grade{border-radius:var(--radius-sm);width:44px;height:44px;font:var(--fw-bold) var(--fs-xl)/1 var(--font-mono);border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.mx-grade--a{color:var(--grade-a);background:var(--grade-a-soft);border-color:var(--grade-a);box-shadow:var(--glow-grade-a)}.mx-grade--b{color:var(--grade-b);background:var(--grade-b-soft);border-color:var(--grade-b)}.mx-grade--c{color:var(--grade-c);background:var(--grade-c-soft);border-color:var(--grade-c);box-shadow:var(--glow-grade-c)}.mx-grade--d{color:var(--grade-d);background:var(--grade-d-soft);border-color:var(--grade-d);box-shadow:var(--glow-grade-d)}.mx-criterion{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.mx-criterion__label{font:var(--fw-medium) var(--fs-sm)/1 var(--font-body);color:var(--text-secondary)}.mx-criterion__conf{font:var(--fw-regular) var(--fs-xs)/1 var(--font-mono);color:var(--text-muted)}.mx-mic{border-radius:var(--radius-pill);border:1px solid var(--border-default);background:var(--bg-surface-2);width:72px;height:72px;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.mx-mic--recording{border-color:var(--voice-listening);color:var(--voice-listening);box-shadow:var(--glow-primary);animation:1.4s ease-in-out infinite mx-pulse}.mx-mic:disabled{opacity:.4;cursor:not-allowed}.mx-orb{border-radius:var(--radius-pill);background:radial-gradient(circle at 30% 30%, var(--bg-surface-3), var(--bg-surface-1));border:1px solid var(--border-default);transition:box-shadow .3s,border-color .3s;position:relative}.mx-orb--idle{border-color:var(--voice-idle);box-shadow:0 0 16px #3a466166}.mx-orb--listening{border-color:var(--voice-listening);animation:1.6s ease-in-out infinite mx-pulse;box-shadow:0 0 32px #22d3ee73}.mx-orb--speaking{border-color:var(--voice-speaking);animation:1.1s ease-in-out infinite mx-pulse;box-shadow:0 0 32px #8b5cf680}.mx-orb--processing{border-color:var(--voice-processing);animation:1.2s linear infinite mx-shimmer;box-shadow:0 0 28px #fbbf2473}.mx-part{font:var(--fw-medium) var(--fs-xs)/1 var(--font-mono);letter-spacing:var(--ls-wide);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border-subtle);color:var(--text-muted)}.mx-part--done{color:var(--grade-a);border-color:var(--grade-a);background:var(--grade-a-soft)}.mx-part--active{color:var(--accent-primary);border-color:var(--accent-primary);background:var(--grade-b-soft);box-shadow:var(--glow-primary)}.mx-part--upcoming{color:var(--text-muted)}.mx-voice-status{font:var(--fw-medium) var(--fs-sm)/1 var(--font-mono);letter-spacing:var(--ls-wide);text-transform:uppercase}.mx-voice-status[data-state=idle]{color:var(--voice-idle)}.mx-voice-status[data-state=listening]{color:var(--voice-listening)}.mx-voice-status[data-state=speaking]{color:var(--voice-speaking)}.mx-voice-status[data-state=processing]{color:var(--voice-processing)}.mx-list{gap:var(--space-3);font:var(--fw-regular) var(--fs-sm)/var(--lh-normal) var(--font-body);color:var(--text-secondary);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mx-list li{align-items:flex-start;gap:var(--space-3);display:flex}.mx-dot{border-radius:var(--radius-pill);flex:none;width:8px;height:8px;margin-top:6px}.mx-dot--a{background:var(--grade-a);box-shadow:var(--glow-grade-a)}.mx-dot--c{background:var(--grade-c);box-shadow:var(--glow-grade-c)}.mx-error{gap:var(--space-2);font:var(--fw-regular) var(--fs-base)/var(--lh-normal) var(--font-body);flex-direction:column;display:flex}.mx-error__wrong{color:var(--text-secondary)}.mx-error__right{color:var(--text-primary)}.mx-error__mark{font:var(--fw-bold) var(--fs-sm) var(--font-mono);margin-right:var(--space-2)}.mx-error__mark--x{color:var(--grade-d)}.mx-error__mark--ok{color:var(--grade-a)}.mx-chip{font:var(--fw-medium) var(--fs-sm)/1 var(--font-body);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--bg-surface-3);border:1px solid var(--border-default);color:var(--text-primary)}@keyframes mx-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.06)}}@keyframes mx-shimmer{0%{filter:hue-rotate()brightness()}50%{filter:hue-rotate(15deg)brightness(1.15)}to{filter:hue-rotate()brightness()}}.mx-feedback{animation:.25s mx-feedback-in}@keyframes mx-feedback-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mx-speaker-active{animation:2s ease-out infinite mx-speaker-pulse;box-shadow:0 0 #22d3ee73}@keyframes mx-speaker-pulse{0%,to{box-shadow:0 0 #dc323259}50%{box-shadow:0 0 0 10px #dc323200}}.mx-slide-in{animation:.45s cubic-bezier(.22,.61,.36,1) mx-slide-left}@keyframes mx-slide-left{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.mx-voice-orb-wrap{align-items:center;gap:var(--space-3);padding:var(--space-4) 0;flex-direction:column;display:flex}.mx-voice-orb{width:64px;height:64px;box-shadow:0 0 0 1px var(--border-subtle), 0 4px 24px #00000014;background:#fff;border-radius:50%;transition:background .4s,box-shadow .4s,transform .3s}.mx-voice-orb--listening{animation:2.4s ease-in-out infinite mx-orb-breathe}.mx-voice-orb--recording{box-shadow:0 0 0 1px var(--border-subtle), 0 0 28px #14285a73;background:radial-gradient(circle at 30% 30%,#1a1f2e,#05070d);animation:1.1s ease-in-out infinite mx-orb-pulse}.mx-voice-orb--uploading{background:conic-gradient(#05070d,#1a3a6b,#05070d);animation:1s linear infinite mx-orb-spin}.mx-voice-orb-label{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);letter-spacing:var(--ls-wide)}@keyframes mx-orb-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes mx-orb-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes mx-orb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}