:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#fff;--ink:#000;--ink-red:#b91c1c;--ink-orange:#c2410c;--ink-amber:#b45309;--ink-yellow:#a16207;--ink-green:#15803d;--ink-teal:#0f766e;--ink-sky:#0369a1;--ink-blue:#1d4ed8;--ink-indigo:#4338ca;--ink-violet:#6d28d9;--ink-pink:#be185d;--ink-brown:#78350f;--ink-slate:#475569;--ink-number:#4338ca;--stroke:8px;--rule:2px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--surface);height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#play{background:var(--surface);position:fixed;inset:0}#screen{letter-spacing:.06em;word-spacing:.08em;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;flex-direction:column;padding:7vmin;font-size:12vmin;line-height:2.2;display:flex;position:absolute;inset:0;overflow:hidden}#text{margin-top:auto}#controls{gap:2vmin;display:flex;position:absolute;top:3vmin;right:3vmin}#controls button{width:4.5vmin;height:4.5vmin;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0}#controls button svg{width:100%;height:100%;display:block}.mark{border:var(--stroke) solid currentColor;white-space:nowrap;text-transform:capitalize;border-radius:.35em;margin-right:.16em;padding:.08em .32em .15em}.mark[data-color=red]{color:var(--ink-red)}.mark[data-color=orange]{color:var(--ink-orange)}.mark[data-color=amber]{color:var(--ink-amber)}.mark[data-color=yellow]{color:var(--ink-yellow)}.mark[data-color=green]{color:var(--ink-green)}.mark[data-color=teal]{color:var(--ink-teal)}.mark[data-color=sky]{color:var(--ink-sky)}.mark[data-color=blue]{color:var(--ink-blue)}.mark[data-color=indigo]{color:var(--ink-indigo)}.mark[data-color=violet]{color:var(--ink-violet)}.mark[data-color=pink]{color:var(--ink-pink)}.mark[data-color=brown]{color:var(--ink-brown)}.mark[data-color=slate]{color:var(--ink-slate)}.mark[data-kind=number]{color:var(--ink-number)}.mark[data-emoji]:before{content:attr(data-emoji);margin-right:.12em}.mark img{object-fit:cover;vertical-align:-.08em;border-radius:50%;width:1em;height:1em;margin:0 .2em 0 .08em}.caret{width:var(--stroke);height:1.7em;margin-left:.08em;margin-right:calc(-1 * var(--stroke) - .08em);background:var(--ink);vertical-align:-.5em;animation:1.6s linear infinite caret-pulse;display:inline-block}@keyframes caret-pulse{0%{opacity:1}5%{opacity:.976}10%{opacity:.905}15%{opacity:.794}20%{opacity:.655}25%{opacity:.5}30%{opacity:.345}35%{opacity:.206}40%{opacity:.095}45%{opacity:.024}50%{opacity:0}55%{opacity:.024}60%{opacity:.095}65%{opacity:.206}70%{opacity:.345}75%{opacity:.5}80%{opacity:.655}85%{opacity:.794}90%{opacity:.905}95%{opacity:.976}to{opacity:1}}#settings{z-index:2;background:var(--surface);color:var(--ink);padding:3vmin;font-size:clamp(17px,2.4vmin,26px);line-height:1.5;position:fixed;inset:0;overflow:auto}#settings header{border-bottom:var(--rule) solid var(--ink);justify-content:space-between;align-items:center;gap:2vmin;padding-bottom:.6em;display:flex}#settings h1{margin:0;font-size:1.7em;font-weight:400}#settings button,#settings input[type=text],#settings .picture{font:inherit;color:var(--ink);background:var(--surface);border:var(--rule) solid var(--ink);border-radius:.3em;padding:.2em .6em}#settings button{cursor:pointer}#settings .list{border-bottom:var(--rule) solid var(--ink);padding:.7em 0}#settings .head{flex-wrap:wrap;align-items:center;gap:.7em;display:flex}#settings .switch{cursor:pointer;flex:1;align-items:center;gap:.5em;display:flex}#settings .switch input{width:1.1em;height:1.1em;accent-color:var(--ink);cursor:pointer;margin:0}#settings .switch .name{font-size:1.2em}#settings .words{flex-direction:column;gap:.5em;margin-top:.6em;display:flex}#settings .word{flex-wrap:wrap;align-items:center;gap:.5em;display:flex}#settings .thumb{object-fit:cover;border:var(--rule) solid var(--ink);border-radius:50%;width:1.6em;height:1.6em}#settings .word>.name{min-width:5em}#settings .emoji{text-align:center;width:5em}#settings .picture{cursor:pointer}#settings .picture input{display:none}#settings .add{gap:.5em;margin-top:.4em;display:flex}#settings .add .new{flex:1;min-width:6em}#settings .error{margin:0}#settings .restore{flex-wrap:wrap;align-items:center;gap:1em;padding-top:1em;display:flex}#settings .note{flex:1;min-width:12em;margin:0}#settings .hint{font-size:.8em}