.keep-root,.keep-surface{--keep-paper:#f5f2ea;--keep-paper-hi:#fffaf0;--keep-paper-sunk:#ece8de;--keep-ink:#1a1815;--keep-ink-dim:#1a18158c;--keep-ink-faint:#1a18152e;--keep-ink-hair:#1a181514;--keep-orange:#e0531f;--keep-orange-soft:#e0531f2e;--keep-orange-glow:#e0531f66;--keep-frozen:#2d6a8e;--keep-serif:var(--font-keep-serif), "DM Serif Display", Georgia, serif;--keep-sans:var(--font-keep-sans), "Space Grotesk", system-ui, sans-serif;--keep-mono:var(--font-keep-mono), "Space Mono", ui-monospace, monospace;--keep-script:var(--font-keep-script), "Caveat", cursive}.demo-host{color:var(--keep-ink);font-family:var(--keep-sans)}.demo-panel{border:1.5px solid var(--keep-ink);background:radial-gradient(ellipse at 30% 0%, var(--keep-paper-hi) 0%, var(--keep-paper) 65%), var(--keep-paper);position:relative;overflow:hidden;box-shadow:0 10px 34px #1a18152e}.demo-panel:before{content:"";pointer-events:none;background-image:linear-gradient(90deg,#1a18150b 1px,#0000 1px),linear-gradient(#1a18150b 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.demo-lanes{height:210px;position:relative}.demo-lane{border-top:1px dashed var(--keep-ink-faint);height:0;position:absolute;left:0;right:74px}.demo-lane:first-child{top:16.6%}.demo-lane:nth-child(2){top:50%}.demo-lane:nth-child(3){top:83.3%}.demo-keep{color:var(--keep-ink);position:absolute;top:50%;right:10px;transform:translateY(-50%)}.demo-keep-icon{width:auto;height:132px;display:block}.demo-enemy{background:var(--keep-paper-hi);align-items:center;gap:7px;padding:3px 9px 3px 4px;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.demo-enemy{background:color-mix(in srgb, var(--keep-paper-hi) 92%, transparent)}}.demo-enemy{border:1.5px solid var(--keep-ink-faint);white-space:nowrap;color:var(--keep-ink)}.demo-enemy--lane0{top:16.6%}.demo-enemy--lane1{top:50%}.demo-enemy--lane2{top:83.3%}.demo-enemy--locked{border-color:var(--keep-orange);box-shadow:0 0 0 3px var(--keep-orange-soft)}.demo-enemy-glyph{color:var(--keep-ink);align-items:center;display:inline-flex}.demo-enemy-word{font-family:var(--keep-mono);letter-spacing:.06em;font-size:14px}.demo-typed{color:var(--keep-orange);font-weight:700}.demo-rest{color:var(--keep-ink)}.demo-footer{border-top:1.5px solid var(--keep-ink);background:var(--keep-paper-sunk);justify-content:space-between;align-items:baseline;gap:12px;padding:8px 12px;display:flex}.demo-hint{font-family:var(--keep-script);color:var(--keep-orange);font-size:19px;line-height:1}.demo-tag{font-family:var(--keep-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--keep-ink-dim);font-size:9px}@media (max-width:640px){.demo-lanes{height:168px}.demo-keep-icon{height:104px}.demo-enemy-word{font-size:12px}.demo-hint{font-size:16px}}