:root{--bg:#dcd8d0;--bg2:#ebe8e1;--ink:#1b1a18;--mut:#6d6a62;--line:#1b1a1829;--panel:#f0ede7b8;--coral:#ff7a5c;--serif:"Newsreader", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans:"Inter", -apple-system, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}body[data-theme=warm]{background:radial-gradient(120% 90% at 50% 34%,#f7e8d6 0%,#ead2b8 52%,#d9bb9d 100%)}body[data-theme=warm] #loading{background:#ead2b8}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{font-family:var(--sans);color:var(--ink);background:radial-gradient(120% 90% at 50% 38%, var(--bg2) 0%, var(--bg) 58%, #cfcac1 100%);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}#stage{cursor:none;touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#stage.grip{cursor:none}#flash{pointer-events:none;opacity:0;background:radial-gradient(70% 70% at 50% 45%,#0000 40%,#1b1a1838 100%);transition:opacity .35s;position:fixed;inset:0}#flash.on{opacity:1;transition:opacity 50ms}#ring{pointer-events:none;z-index:5;opacity:0;will-change:transform;border:1.5px solid #1b1a188c;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;transition:width .12s,height .12s,margin .12s,border-color .12s,background .12s,opacity .2s;position:fixed;top:0;left:0}#ring i{background:var(--ink);border-radius:50%;width:4px;height:4px;margin:-2px;position:absolute;top:50%;left:50%}#ring.show{opacity:1}#ring.over{border-color:var(--ink);background:#ffffff2e}#ring.charged{border-color:var(--coral);background:#ff7a5c29;width:46px;height:46px;margin:-23px 0 0 -23px;box-shadow:0 0 0 4px #ff7a5c2e}#ring.grip{background:var(--ink);border-color:var(--ink);width:18px;height:18px;margin:-9px 0 0 -9px}#ring.grip i{background:#fff}#words{pointer-events:none;z-index:4;position:fixed;inset:0;overflow:hidden}.word{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);white-space:nowrap;text-shadow:0 1px #ffffff80;font-size:28px;font-style:italic;animation:.9s cubic-bezier(.2,.8,.2,1) forwards pop;position:absolute;transform:translate(-50%,-50%)}.word.strong{color:#c9352b;font-size:46px;font-weight:500;animation-duration:1.3s}@keyframes pop{0%{opacity:0;transform:translate(-50%, -30%) scale(.6) rotate(var(--r,-4deg))}18%{opacity:1;transform:translate(-50%, -80%) scale(1.15) rotate(var(--r,-4deg))}to{opacity:0;transform:translate(-50%, -190%) scale(1) rotate(var(--r,-4deg))}}.masthead{pointer-events:none;z-index:2;max-width:44vw;position:fixed;top:clamp(18px,3.2vw,44px);left:clamp(20px,3.2vw,48px)}.eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin:0 0 clamp(8px,1.6vw,20px);font-size:10.5px}.eyebrow span{opacity:.5;margin:0 .3em}h1{font-family:var(--serif);letter-spacing:-.035em;margin:0;font-size:clamp(46px,7.2vw,108px);font-style:italic;font-weight:400;line-height:.88}h1 em{margin-left:.32em;display:inline-block}.lede{font-family:var(--serif);color:#4a4741;margin:clamp(10px,1.8vw,22px) 0 0;font-size:clamp(14px,1.35vw,19px);line-height:1.35}.howto{z-index:2;pointer-events:none;max-width:min(440px,46vw);position:fixed;bottom:clamp(16px,2.6vw,34px);left:clamp(20px,3.2vw,48px)}.gesture{font-family:var(--serif);margin:0 0 6px;font-size:clamp(17px,1.7vw,24px);font-style:italic;line-height:1.25}.gesture b{border-bottom:1.5px solid var(--coral);font-weight:500}.sub{color:var(--mut);margin:0 0 14px;font-size:12px;line-height:1.5}.kbd{border:1px solid var(--line);font:500 10px var(--mono);border-radius:4px;margin-left:4px;padding:0 5px;display:inline-block}.stats{border-top:1px solid var(--line);grid-template-columns:repeat(4,auto);width:max-content;margin:0;display:grid}.stats div{border-right:1px solid var(--line);margin-right:22px;padding:9px 22px 0 0}.stats div:last-child{border:0;margin:0;padding-right:0}.stats dt{font:500 9.5px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--mut)}.stats dd{font:400 24px var(--serif);font-variant-numeric:tabular-nums;letter-spacing:-.01em;min-width:3ch;margin:3px 0 0}.stats small{font:400 10px var(--mono);color:var(--mut);margin-left:5px}.meter{z-index:2;pointer-events:none;text-align:center;width:min(300px,34vw);position:fixed;bottom:clamp(14px,2.4vw,30px);left:50%;transform:translate(-50%)}.meter-label{font:500 9.5px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--mut);justify-content:space-between;margin-bottom:6px;display:flex}.meter-label b{color:var(--ink);font-weight:500}.meter-track{background:#1b1a1824;border-radius:4px;height:4px;position:relative}#meter-bar{background:var(--ink);border-radius:4px;width:0%;height:100%;transition:width 80ms,background .2s}#meter-bar.strong{background:#c9352b}.meter-mark{background:var(--ink);opacity:.45;width:1.5px;height:12px;position:absolute;top:-4px;left:68%}.meter-tip{color:var(--mut);opacity:.85;margin:9px 0 0;font-size:10.5px;line-height:1.4}.panel{z-index:6;background:var(--panel);-webkit-backdrop-filter:blur(14px)saturate(1.1);border:1px solid var(--line);border-radius:12px;width:268px;max-height:calc(100vh - 28px);padding:16px 16px 14px;position:fixed;top:clamp(14px,2.4vw,34px);right:clamp(14px,2.4vw,34px);overflow:auto;box-shadow:0 18px 50px -24px #1b1a1859}.panel-head{border-bottom:1px solid var(--line);font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:baseline;margin-bottom:12px;padding-bottom:12px;display:flex}.panel-head i{font-family:var(--serif);text-transform:none;letter-spacing:0;color:var(--mut);font-size:14px}.field{margin-bottom:14px}.field.row{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.lbl,.lbl-row label,.field.row label{font:500 10px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--mut)}.lbl-row{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}output{font:500 12px var(--mono)}.ends{font-family:var(--serif);color:var(--mut);justify-content:space-between;margin-top:1px;font-size:12px;font-style:italic;display:flex}.chars{grid-template-columns:1fr 1fr;gap:8px;margin-top:7px;transition:opacity .2s;display:grid}.char{border:1px solid var(--line);font:500 12px var(--sans);color:var(--ink);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.chars.busy{opacity:.5;pointer-events:none}.char.on{background:var(--ink);color:#f4f1ea;border-color:var(--ink)}.char.ghost{color:var(--mut);cursor:not-allowed;border-style:dashed}.swatch{background:var(--c);border-radius:50%;width:12px;height:12px;box-shadow:inset 0 -2px 3px #0000002e}.swatch.dashed{border:1px dashed var(--mut);box-shadow:none;background:0 0}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:26px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--ink);border-radius:2px;height:2px}input[type=range]::-moz-range-track{background:var(--ink);height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:1.5px solid var(--ink);background:#f4f1ea;border-radius:50%;width:16px;height:16px;margin-top:-7px;box-shadow:0 2px 6px #0000002e}input[type=range]::-moz-range-thumb{border:1.5px solid var(--ink);background:#f4f1ea;border-radius:50%;width:14px;height:14px}input[type=range]:focus-visible{outline:2px solid var(--coral);outline-offset:2px;border-radius:4px}.btns{grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 16px;display:grid}.btn{border:1px solid var(--ink);color:var(--ink);font:500 12px var(--sans);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 8px;transition:transform 80ms,background .15s;display:flex}.btn:hover{background:#1b1a180f}.btn:active{transform:scale(.97)}.btn.solid{background:var(--ink);color:#f4f1ea;grid-column:1/-1}.btn.solid:hover{background:#33312d}.btn kbd{font:500 9px var(--mono);opacity:.55;border:1px solid;border-radius:3px;padding:0 4px}.mini{border:1px solid var(--line);min-width:38px;font:500 10px var(--mono);cursor:pointer;text-transform:uppercase;color:var(--ink);background:0 0;border-radius:6px;padding:4px 8px}.mini[aria-pressed=true]{background:var(--ink);color:#f4f1ea}.checks{flex-wrap:wrap;gap:16px;margin-bottom:10px;display:flex}.check{cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.check input{opacity:0;position:absolute}.check span{border:1.5px solid var(--ink);border-radius:3px;width:14px;height:14px;display:inline-block;position:relative}.check input:checked+span{background:var(--ink)}.check input:checked+span:after{content:"";border:1.5px solid #f4f1ea;border-width:0 1.5px 1.5px 0;width:4px;height:8px;position:absolute;top:0;left:3px;transform:rotate(45deg)}.check input:focus-visible+span{outline:2px solid var(--coral);outline-offset:2px}.inside{border-top:1px solid var(--line);color:var(--mut);padding-top:10px;font-size:11.5px;line-height:1.5}.inside summary{cursor:pointer;font:500 10px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--ink)}.inside p{margin:8px 0 0}button:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.panel-toggle{z-index:7;border:1px solid var(--ink);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);border-radius:999px;padding:8px 14px;display:none;position:fixed;top:14px;right:14px}#loading{z-index:20;background:var(--bg);text-align:center;place-items:center;transition:opacity .5s,visibility .5s;display:grid;position:fixed;inset:0}#loading.done{opacity:0;visibility:hidden;pointer-events:none}#loading em{font:italic 400 44px var(--serif);letter-spacing:-.02em;display:block}#loading span{font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}@media (max-width:900px){.masthead{max-width:70vw}h1{font-size:clamp(40px,11.5vw,64px)}.eyebrow{font-size:9.5px}.lede{display:none}.panel-toggle{display:block}.panel{width:auto;max-height:52vh;padding-bottom:calc(14px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;transition:transform .3s;inset:auto 0 0;transform:translateY(0)}.panel.closed{transform:translateY(calc(100% + 6px))}.howto{display:contents}.gesture{z-index:2;pointer-events:none;margin:0;font-size:17px;position:fixed;top:clamp(112px,17vh,150px);left:20px;right:84px}.sub,.stats small{display:none}.stats{z-index:2;left:20px;right:20px;bottom:calc(14px + env(safe-area-inset-bottom));pointer-events:none;grid-template-columns:repeat(4,1fr);width:auto;position:fixed}.stats div{border-right:0;margin:0;padding:8px 0 0}.stats dd{font-size:20px}.meter{display:none}}@media (max-height:560px) and (min-width:900px){.meter-tip,.lede{display:none}.panel{transform-origin:100% 0}}@media (pointer:coarse){#ring{display:none}#stage{cursor:default}}@media (prefers-reduced-motion:reduce){.word{animation-duration:1.4s}#flash{display:none}}body.clean .masthead,body.clean .howto,body.clean .panel,body.clean .panel-toggle,body.clean .meter,body.clean #ring{display:none!important}.seg{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:inline-flex}