/* Match Solo's embedded surface to the Vowbi app. */
#lc-prototype{
  --lc-paper:light-dark(#f3f8f6,#101f27);--lc-ink:light-dark(#193d40,#eef8f3);
  --lc-muted:light-dark(#526f70,#b0c7c6);--lc-line:light-dark(#ccdfd9,#385762);
  --lc-tile:light-dark(#ffffff,#1c333c);--lc-soft:light-dark(#e1eeea,#213a43);
  --lc-accent:light-dark(#087a69,#79e4b1);--lc-on-accent:light-dark(#ffffff,#103c30);
  --lc-blue:light-dark(#4059c9,#b8c6ff);--lc-on-blue:light-dark(#ffffff,#192953);
  --lc-warm:#ffd064;--lc-on-warm:#50380b;
  --lc-key:light-dark(#ffffff,#29444b);--lc-key-shadow:light-dark(#bfd5cc,#09212a);
  --lc-error:light-dark(#ad3443,#ffb0b4);
  font-family:var(--font-vowbi-body);font-size:16px;font-weight:550;
  -webkit-font-smoothing:antialiased;
}
#lc-prototype .lc-app{background:var(--lc-paper)}
#lc-prototype .lc-brand{font-family:var(--font-vowbi-display);font-weight:650}
#lc-prototype h2,#lc-prototype .lc-result-title{font-family:var(--font-vowbi-display);font-weight:550;letter-spacing:-.25px}
#lc-prototype h2{font-size:28px}
#lc-prototype .lc-help-button{font-size:14px;font-weight:800}
#lc-prototype .lc-help{font-size:14px;line-height:1.6;border:1px solid var(--lc-line);border-radius:17px}
#lc-prototype .lc-play-top{gap:10px;margin-top:2px;margin-bottom:16px}
#lc-prototype .lc-goal-caption{font-family:var(--font-vowbi-body);font-size:13px;font-weight:650}
#lc-prototype .lc-target{font-family:var(--font-vowbi-body);font-weight:900;border:1px solid #e5b448;border-radius:12px;box-shadow:0 3px 0 #b9893a, inset 0 1px 0 #fff6;letter-spacing:2px}
#lc-prototype .lc-live-score{font-size:12px;font-weight:750;padding:5px 11px;border-radius:13px;border:1px solid var(--lc-line);background:var(--lc-soft);color:var(--lc-muted)}
#lc-prototype .lc-live-score strong{font-family:var(--font-vowbi-display);font-size:29px;font-weight:550;line-height:1.2;color:var(--lc-accent)}
#lc-prototype .lc-trail-list{gap:9px}
#lc-prototype .lc-step{border-radius:13px;border-color:var(--lc-line);box-shadow:0 3px 0 color-mix(in srgb,var(--lc-line) 75%,var(--lc-paper));padding-top:8px;padding-bottom:8px;transition:transform 120ms ease}
#lc-prototype .lc-step[aria-current=step]{box-shadow:0 3px 0 color-mix(in srgb,var(--lc-blue) 70%,#132f41),inset 0 1px 0 #fff4}
#lc-prototype .lc-step.lc-step-goal{border-color:#e5b448;box-shadow:0 3px 0 #b9893a}
#lc-prototype .lc-step-label{font-size:12px;font-weight:650}
#lc-prototype .lc-step-letter{font-size:17px;font-weight:850;min-width:15px}
#lc-prototype .lc-trail-detail{font-size:13px;font-weight:650}
#lc-prototype .lc-swap-letter{font-family:var(--font-vowbi-body);font-weight:850;border-radius:7px}
#lc-prototype .lc-pip-speech{border-radius:18px 18px 18px 5px;padding:12px 14px;font-size:14px;font-weight:650;line-height:1.45;box-shadow:0 3px 0 color-mix(in srgb,var(--lc-line) 60%,var(--lc-paper))}
#lc-prototype .lc-pip-name{font-family:var(--font-vowbi-display);font-size:15px;font-weight:550;letter-spacing:.2px;margin-bottom:4px}
#lc-prototype .lc-label,#lc-prototype .lc-edit-status{font-size:12px;font-weight:700}
#lc-prototype .lc-draft-letter{font-family:var(--font-vowbi-body);font-size:27px;font-weight:750;border-radius:12px;box-shadow:0 3px 0 color-mix(in srgb,var(--lc-line) 75%,var(--lc-paper))}
#lc-prototype .lc-draft-letter.lc-filled{font-weight:900;box-shadow:0 3px 0 light-dark(#a0ceb4,#0d3123),inset 0 1px 0 #fff3}
#lc-prototype .lc-draft-letter.lc-invalid{box-shadow:0 3px 0 color-mix(in srgb,var(--lc-error) 50%,var(--lc-paper))}
#lc-prototype .lc-keyboard{padding:9px 4px 11px;border-radius:17px;background:linear-gradient(180deg,transparent,var(--lc-soft));gap:7px}
#lc-prototype .lc-key{font-family:var(--font-vowbi-body);font-size:16px;font-weight:850;border:1px solid color-mix(in srgb,var(--lc-line) 75%,transparent);border-radius:9px;box-shadow:0 3px 0 var(--lc-key-shadow),inset 0 1px 0 #ffffff20;transition:transform 100ms ease}
#lc-prototype .lc-key-wide{font-size:12px;letter-spacing:0}
#lc-prototype .lc-key.lc-primary{border-color:var(--lc-accent);box-shadow:0 3px 0 color-mix(in srgb,var(--lc-accent) 65%,#173d31),inset 0 1px 0 #fff4}
#lc-prototype .lc-primary{font-weight:850;border-radius:13px}
#lc-prototype .lc-hint{font-size:13px;font-weight:750}
#lc-prototype .lc-feedback{font-size:14px;font-weight:650;line-height:1.4;padding-top:10px}
#lc-prototype .lc-result{border-radius:17px;border:1px solid var(--lc-line);border-left:4px solid var(--lc-accent)}
#lc-prototype .lc-round{border-radius:15px;border:1px solid var(--lc-line)}
#lc-prototype .lc-round b{font-family:var(--font-vowbi-display);font-size:26px;font-weight:550}
#lc-prototype button:focus-visible{outline:3px solid var(--lc-accent);outline-offset:3px}
@media(max-width:360px){#lc-prototype .lc-live-score{gap:5px;padding:5px 8px}#lc-prototype .lc-target{font-size:15px;padding:9px}#lc-prototype .lc-key{font-size:15px;border-radius:8px}#lc-prototype .lc-key-wide{font-size:11px}#lc-prototype .lc-trail-list{gap:7px}}
@media(prefers-reduced-motion:reduce){#lc-prototype button{transition:none!important}}