.mi-panel,#mock-interview{--mi-surface:var(--card);--mi-inset:var(--subtle);--mi-inset2:color-mix(in oklab, var(--foreground) 6%, var(--card));--mi-border:var(--border);--mi-border-strong:var(--border-strong);--mi-text:var(--foreground);--mi-muted:var(--muted-foreground);--mi-accent:var(--primary);--mi-accent-text:var(--primary-soft);--mi-accent-soft:color-mix(in oklab, var(--primary) 12%, transparent);--mi-accent-line:color-mix(in oklab, var(--primary) 45%, var(--border));--mi-track-c:color-mix(in oklab, var(--foreground) 10%, transparent);--mi-ok:var(--success);--mi-err:var(--destructive);font-family:var(--font-body), ui-sans-serif, system-ui, sans-serif}#mock-interview{background:var(--mi-surface);border-color:var(--mi-border)}#mock-interview .mi-head{border-color:var(--mi-border)}#mock-interview .mi-head h2{color:var(--mi-text)}#mock-interview .mi-sub{color:var(--mi-muted)}#mock-interview .lg\:border-r{border-color:var(--mi-border)}#mock-interview .mi-legend{letter-spacing:.14em;text-transform:uppercase;color:var(--mi-muted);align-items:center;gap:.5rem;font-size:11px;font-weight:600;display:flex}#mock-interview .mi-legend-no{font-family:var(--font-mono), monospace;letter-spacing:0;color:var(--mi-accent-text);border:1px solid var(--mi-accent-line);border-radius:5px;padding:1px 5px;font-size:10.5px}:root:not(.dark) #mock-interview .mi-legend-no{color:var(--mi-accent)}#mock-interview .mi-runpanel{background:var(--mi-inset)}@media (width>=1024px){#mock-interview .mi-runpanel{background:0 0}}#mock-interview .mi-runcard{border-color:var(--mi-border);background:var(--mi-surface);overflow:hidden}#mock-interview .mi-runrow{border-color:var(--mi-border)}#mock-interview .mi-runrow dd{color:var(--mi-text)}#mock-interview .mi-segwrap{border-color:var(--mi-border);background:var(--mi-inset)}#mock-interview .mi-seg{color:var(--mi-muted);transition:color .15s,background .15s}#mock-interview .mi-seg .mi-seg-unit{color:var(--mi-muted);opacity:.7}#mock-interview .mi-seg:hover{color:var(--mi-text)}#mock-interview .mi-seg:has(:checked){color:var(--mi-text);background:var(--mi-surface);border:1px solid var(--mi-border-strong);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--primary) 14%, transparent)}#mock-interview .mi-seg:has(:checked) .mi-seg-unit{color:var(--mi-accent-text);opacity:1}:root:not(.dark) #mock-interview .mi-seg:has(:checked) .mi-seg-unit{color:var(--mi-accent)}#mock-interview .mi-card{border-color:var(--mi-border);background:var(--mi-inset);transition:border-color .15s,background .15s}#mock-interview .mi-card:hover{border-color:var(--mi-border-strong)}#mock-interview .mi-card:has(:checked){border-color:var(--mi-accent-line);background:var(--mi-accent-soft)}#mock-interview .mi-card-title{color:var(--mi-text)}#mock-interview .mi-check{border-color:var(--mi-border-strong);background:var(--mi-surface);color:var(--primary-foreground)}#mock-interview .mi-card:has(:checked) .mi-check{border-color:var(--mi-accent);background:var(--mi-accent)}#mock-interview .mi-check-icon{opacity:0}#mock-interview .mi-card:has(:checked) .mi-check-icon{opacity:1}#mock-interview .mi-dot{border-color:var(--mi-border-strong);background:0 0}#mock-interview .mi-card--mode:has(:checked) .mi-dot{border-color:var(--mi-accent);background:var(--mi-accent);box-shadow:inset 0 0 0 3px var(--mi-surface)}#mock-interview .mi-card:has(:focus-visible),#mock-interview .mi-seg:has(:focus-visible),#mock-interview .mi-opt:focus-visible,#mock-interview .mi-nameinput:focus-visible,#mock-interview .mi-runner-exit:focus-visible{outline:2px solid var(--mi-accent);outline-offset:2px}#mock-interview .mi-seg:has(:focus-visible){outline-offset:-2px}#mock-interview .mi-runner-exit{color:var(--mi-muted);cursor:pointer;background:0 0;border:0;border-radius:4px}#mock-interview .mi-runner-exit:hover{color:var(--mi-text)}#mock-interview .mi-runner-head{background:color-mix(in oklab, var(--mi-surface) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#mock-interview .mi-chip{border-color:var(--mi-border-strong);color:var(--mi-muted)}#mock-interview .mi-track{background:var(--mi-track-c)}#mock-interview .mi-progress{background:var(--mi-accent);transition:width .35s cubic-bezier(.4,0,.2,1)}#mock-interview .mi-opt{color:var(--mi-text);border-color:var(--mi-border);background:var(--mi-inset);transition:border-color .15s,background .15s}#mock-interview .mi-opt:hover:not(:disabled){border-color:var(--mi-border-strong);background:var(--mi-inset2)}#mock-interview .mi-opt[aria-pressed=true]{border-color:var(--mi-accent-line);background:var(--mi-accent-soft)}#mock-interview .mi-opt:disabled{cursor:default}#mock-interview .mi-opt-key{border:1px solid var(--mi-border-strong);width:22px;height:22px;font-family:var(--font-mono), monospace;color:var(--mi-muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}#mock-interview .mi-opt[aria-pressed=true] .mi-opt-key{border-color:var(--mi-accent);color:var(--primary-foreground);background:var(--mi-accent)}#mock-interview .mi-kbd{border:1px solid var(--mi-border-strong);background:var(--mi-inset);min-width:18px;font-family:var(--font-mono), monospace;color:var(--mi-muted);border-radius:5px;justify-content:center;align-items:center;padding:1px 5px;font-size:11px;display:inline-flex}#mock-interview .mi-dock{background:var(--mi-surface);border-top:1px solid var(--mi-border)}@media (width>=640px){#mock-interview .mi-dock{background:0 0;border-top:0}}#mock-interview .mi-primary{background:var(--primary);color:var(--primary-foreground);transition:background .15s}#mock-interview .mi-primary:hover:not(:disabled){background:var(--primary-hover)}#mock-interview .mi-primary .mi-arrow{transition:transform .15s}#mock-interview .mi-primary:hover:not(:disabled) .mi-arrow{transform:translate(2px)}#mock-interview .mi-ghost{color:var(--mi-text);border-color:var(--mi-border-strong);background:var(--mi-inset);transition:background .15s}#mock-interview .mi-ghost:hover{background:var(--mi-inset2)}#mock-interview .mi-pill-ok,#mock-interview .mi-pill-below,#mock-interview .mi-pill-neutral{border-radius:999px;align-items:center;padding:3px 11px;font-size:12.5px;font-weight:600;display:inline-flex}#mock-interview .mi-pill-ok{color:var(--mi-ok);background:color-mix(in oklab, var(--mi-ok) 14%, transparent);border:1px solid color-mix(in oklab, var(--mi-ok) 40%, transparent)}#mock-interview .mi-pill-below{color:var(--mi-muted);background:var(--mi-inset);border:1px solid var(--mi-border-strong)}#mock-interview .mi-pill-neutral{color:var(--mi-muted);background:var(--mi-inset);border:1px solid var(--mi-border)}#mock-interview .mi-ring-arc{transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}#mock-interview .mi-gap{border-color:var(--mi-accent-line);background:var(--mi-accent-soft);transition:border-color .15s}#mock-interview .mi-gap:hover{border-color:var(--mi-accent)}#mock-interview .mi-gap-cta{color:var(--mi-accent-text)}:root:not(.dark) #mock-interview .mi-gap-cta{color:var(--mi-accent)}#mock-interview .mi-err-text{color:var(--mi-err)}@media (prefers-reduced-motion:reduce){#mock-interview .mi-progress,#mock-interview .mi-seg,#mock-interview .mi-card,#mock-interview .mi-opt,#mock-interview .mi-primary,#mock-interview .mi-primary .mi-arrow,#mock-interview .mi-ghost,#mock-interview .mi-ring-arc,#mock-interview .mi-gap{transition:none!important}}#mock-interview .mi-report-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem;display:flex}#mock-interview .mi-report-title{font-family:var(--font-display), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.03em;color:var(--mi-text);text-wrap:balance;margin-top:.4rem;font-size:27px;font-weight:600;line-height:1.04}@media (width>=640px){#mock-interview .mi-report-title{font-size:34px}}#mock-interview .mi-report-accent{color:var(--mi-accent)}:root.dark #mock-interview .mi-report-accent{color:var(--mi-accent-text)}#mock-interview .mi-report-date{letter-spacing:.02em;color:var(--mi-muted);white-space:nowrap;padding-bottom:.3rem;font-family:ui-monospace,JetBrains Mono,SFMono-Regular,monospace;font-size:11.5px}#mock-interview .mi-nameinput{border:1px solid var(--mi-border-strong);background:var(--mi-inset);width:100%;max-width:360px;color:var(--mi-text);border-radius:.65rem;padding:.6rem .85rem;font-size:14px;font-weight:600;transition:border-color .15s,box-shadow .15s;display:block}#mock-interview .mi-nameinput::placeholder{color:var(--mi-muted);font-weight:400}#mock-interview .mi-nameinput:focus{border-color:var(--mi-accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 22%, transparent);outline:none}#mock-interview .mi-card-ins{gap:.55rem;display:grid}#mock-interview .mi-card-ins-li{color:var(--mi-muted);padding-left:1.15rem;font-size:13px;line-height:1.55;position:relative}#mock-interview .mi-card-ins-li:before{content:"";background:var(--mi-accent);border-radius:9999px;width:5px;height:5px;position:absolute;top:.5em;left:0}.mi-modal{border:1px solid var(--border);background:var(--card);width:min(720px,100vw - 2rem);max-height:min(86vh,920px);color:var(--foreground);border-radius:1rem;margin:auto;padding:0;overflow:hidden}.mi-modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:oklab(0% none none/.55)}.mi-modal[open]{flex-direction:column;display:flex}.mi-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem 1.4rem;display:flex}.mi-modal-x{border:1px solid var(--border);background:var(--subtle);width:2rem;height:2rem;color:var(--muted-foreground);cursor:pointer;border-radius:.6rem;flex-shrink:0;font-size:13px;line-height:1;transition:color .15s,border-color .15s}.mi-modal-x:hover{color:var(--foreground);border-color:var(--border-strong)}.mi-modal-body{overscroll-behavior:contain;padding:1.2rem 1.4rem;overflow-y:auto}.mi-modal-foot{border-top:1px solid var(--border);background:var(--subtle);flex-wrap:wrap;align-items:center;gap:.6rem;padding:1rem 1.4rem;display:flex}.mi-modal .mi-primary{background:var(--primary);color:var(--primary-foreground);cursor:pointer;border:0;transition:opacity .15s}.mi-modal .mi-primary:hover{opacity:.9}.mi-modal .mi-ghost{color:var(--foreground);border:1px solid var(--border-strong);background:var(--card);cursor:pointer}.mi-ins{border:1px solid var(--border);background:color-mix(in oklab, var(--primary) 5%, var(--card));border-radius:.85rem;margin-bottom:1.4rem;padding:1rem 1.1rem}.mi-ins-h{text-transform:uppercase;letter-spacing:.14em;color:var(--muted-foreground);font-size:11px;font-weight:600}.mi-ins-list{gap:.5rem;margin-top:.7rem;display:grid}.mi-ins-li{color:var(--foreground);padding-left:1.2rem;font-size:13.5px;line-height:1.55;position:relative}.mi-ins-li:before{content:"";background:var(--primary);border-radius:9999px;width:6px;height:6px;position:absolute;top:.5em;left:0}.mi-rev-item{border-top:1px solid var(--border);padding:1rem 0}.mi-rev-item:first-child{border-top:0;padding-top:0}.mi-rev-top{align-items:center;gap:.6rem;display:flex}.mi-rev-no{color:var(--muted-foreground);font-family:ui-monospace,JetBrains Mono,SFMono-Regular,monospace;font-size:11px;font-weight:700}.mi-rev-badge{text-transform:uppercase;letter-spacing:.08em;border:1px solid;border-radius:9999px;padding:.1rem .45rem;font-size:10px;font-weight:700}.mi-rev-badge.is-ok{color:var(--success);border-color:color-mix(in oklab, var(--success) 40%, transparent);background:color-mix(in oklab, var(--success) 12%, transparent)}.mi-rev-badge.is-bad{color:var(--destructive,#e11d48);border-color:color-mix(in oklab, var(--destructive,#e11d48) 40%, transparent);background:color-mix(in oklab, var(--destructive,#e11d48) 12%, transparent)}.mi-rev-stem{color:var(--foreground);margin-top:.6rem;font-size:14px;font-weight:600;line-height:1.4}.mi-rev-ans{color:var(--muted-foreground);margin-top:.5rem;font-size:12.5px}.mi-rev-ans span{color:var(--foreground);font-weight:600}.mi-rev-why{color:var(--muted-foreground);margin-top:.4rem;font-size:13px;line-height:1.55}.mi-rev-link{margin-top:.5rem;font-size:12.5px}@media (prefers-reduced-motion:reduce){.mi-modal::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}#mock-interview .mi-nameinput{transition:none!important}}.mi-panel,#mock-interview{--mi-surface:var(--card);--mi-inset:var(--subtle);--mi-inset2:color-mix(in oklab, var(--foreground) 6%, var(--card));--mi-border:var(--border);--mi-border-strong:var(--border-strong);--mi-text:var(--foreground);--mi-muted:var(--muted-foreground);--mi-accent:var(--primary);--mi-accent-text:var(--primary-soft);--mi-accent-soft:color-mix(in oklab, var(--primary) 12%, transparent);--mi-accent-line:color-mix(in oklab, var(--primary) 45%, var(--border));--mi-ok:var(--success);--mi-err:var(--destructive);font-family:var(--font-body), ui-sans-serif, system-ui, sans-serif}.mi-hero{background:var(--mi-surface);border-color:var(--mi-border)}.mi-hero-glow{background:radial-gradient(110% 75% at 88% -12%, color-mix(in oklab, var(--primary) 20%, transparent), transparent 58%);pointer-events:none;position:absolute;inset:0}.mi-hero-grid{background-image:radial-gradient(color-mix(in oklab, var(--foreground) 22%, transparent) .6px, transparent .6px);opacity:.5;pointer-events:none;background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 20% 0,#000,#0000 75%);mask-image:radial-gradient(80% 60% at 20% 0,#000,#0000 75%)}.mi-eyebrow{border-color:var(--mi-border-strong);color:var(--mi-muted);background:color-mix(in oklab, var(--mi-surface) 70%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mi-pulse{background:var(--mi-accent);box-shadow:0 0 0 0 color-mix(in oklab, var(--primary) 55%, transparent);animation:2.4s ease-out infinite mi-pulse}@keyframes mi-pulse{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--primary) 50%, transparent)}70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}.mi-hero h1{color:var(--mi-text)}.mi-headline-accent{color:var(--mi-accent);font-style:normal}:root.dark .mi-headline-accent{color:var(--mi-accent-text)}.mi-hero-lede{color:var(--mi-muted)}.mi-stat{border-color:var(--mi-border);background:var(--mi-inset)}.mi-stat-value{color:var(--mi-text)}.mi-stat-label{color:var(--mi-muted)}@media (prefers-reduced-motion:reduce){.mi-pulse{animation:none}}[data-mi-extras]{display:none}#mock-interview[data-phase=results]~[data-mi-extras]{display:block}