.experience-home{position:absolute;left:20px;top:12px;font:12px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;color:#7e7d78;z-index:10}
.embedded-experience .experience-home,.embedded-experience .site-header,.embedded-experience .site-footer,.embedded-experience .skip-link{display:none!important}
.embedded-experience .app-shell{min-height:0;padding:25px 26px 20px;max-width:1120px}
.embedded-experience .workspace{margin-top:0}
.embedded-experience .typing-stage{height:150px;min-height:150px;margin-top:18px}
.embedded-experience .words{font-size:30px;line-height:50px}
.embedded-experience .word{height:50px;line-height:50px}
.embedded-experience .keyboard-section{position:relative;margin-top:26px}
.embedded-experience .under-keyboard{margin-bottom:0}
.embedded-experience .popover{max-height:min(370px,65dvh)}
@media(max-width:600px){.embedded-experience .app-shell{padding:18px 12px}.embedded-experience .keyboard-section{margin-top:22px}.embedded-experience .words{font-size:26px}.embedded-experience .typing-stage{height:144px;min-height:144px}.embedded-experience .control-bar{margin-top:20px}}

html,body,*{scrollbar-width:none}*::-webkit-scrollbar{display:none}
.embedded-experience{overflow-x:hidden}.embedded-experience .app-shell{width:100%;box-sizing:border-box}.embedded-experience .control-bar{min-width:0;flex-wrap:wrap;row-gap:12px}
html:has(body.embedded-experience),body.embedded-experience{height:auto;min-height:0;overflow:hidden}

/* A neutral presentation surface for the homepage. Theme variables for the
   actual keyboard remain inherited from the shared extension stylesheet. */
body.embedded-experience.home-demo-experience {
  color-scheme: light;
  --page: #fff;
  --ink: #181b23;
  --muted: #69717f;
  --subtle: #8b93a2;
  --untyped: #a9afba;
  --correct: #181b23;
  --error: #cc344a;
  --caret: #2266ef;
  --pill: #f1f3f7;
  --pill-hover: #e8ecf4;
  --panel: #fff;
  --line: #e5e8ee;
  --panel-shadow: 0 16px 48px #17274617, 0 2px 6px #17274608;
  background: #fff;
  color: var(--ink);
}
.home-demo-experience .test-section,
.home-demo-experience .control-bar {
  --accent: #2266ef;
}
.home-demo-experience .app-shell,
.home-demo-experience .typing-stage {
  background: #fff;
}
.home-demo-experience .test-toolbar {
  padding-bottom: 15px;
  border-bottom: 1px solid var(--line);
}
.home-demo-experience .words {
  font-weight: 400;
  letter-spacing: -.65px;
}
.home-demo-experience .selector-button {
  background: linear-gradient(#fff, #f4f6fa);
  border: 1px solid #e1e5ec;
  box-shadow: inset 0 1px 0 #fff, 0 1px 2px #17274608;
}
.home-demo-experience .selector-button:hover,
.home-demo-experience .selector-button[aria-expanded=true] {
  background: #edf2fb;
  border-color: #b6c9f0;
}
.home-demo-experience .focus-prompt {
  background: #ffffffc9;
  color: #5a6372;
}
.home-demo-experience .volume-control input::-webkit-slider-thumb {
  background: #2266ef;
}
.home-demo-experience .volume-control input::-moz-range-thumb {
  background: #2266ef;
}