:root{--hue: 18}.app{touch-action:none}.stage{-webkit-user-select:none;user-select:none}::selection{background:var(--accent-soft);color:var(--ink)}:focus-visible{outline-color:var(--accent)}.hl-head{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--s2);width:100%}.hl-head .prompt{margin:0;text-wrap:balance;transition:color var(--d-mid) var(--ease)}.app[data-rv] .stage,.app[data-phase=done] .stage{justify-content:flex-start}.app[data-rv] .hl-head .prompt{font-size:var(--t-md);font-weight:550;color:var(--ink-2);max-width:30ch}.app[data-rv] .hl-head .prompt .satz__name{font-size:inherit}.hl-field{flex:1 1 auto;width:100%;min-height:240px;display:grid;grid-template-columns:minmax(0,1fr) 84px;column-gap:var(--s2);cursor:ns-resize}.hl-field[hidden]{display:none}.hl-crowd{position:relative;min-width:0;min-height:0;height:100%}.hl-dots{position:absolute;inset:0;width:100%;height:100%;display:block}.hl-crowd:has(.vs--float) .hl-dots{top:52px;height:calc(100% - 52px)}.hl-readout{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.hl-read{margin:0;display:flex;align-items:baseline;gap:8px;font-variant-numeric:tabular-nums;white-space:nowrap}.hl-read__pre{font-size:var(--t-lg);font-weight:500;color:var(--ink-2)}.hl-read__n{font-size:clamp(2.25rem,10vw,3rem);font-weight:700;letter-spacing:var(--tight);color:var(--ink);line-height:1}.app[data-phase=guess] .hl-read__n{display:none}.app:not([data-phase=guess]) .hl-read__in{display:none}.hl-read__in .numfield{background:none;height:auto;min-height:0;padding:0;border-radius:0;box-shadow:none}.hl-read__in .numfield:focus-within{box-shadow:none}.hl-read__in .numfield__in{font:inherit;font-size:clamp(2.25rem,10vw,3rem);font-weight:700;letter-spacing:var(--tight);line-height:1.05;color:var(--ink);text-align:left;padding:0 0 2px;min-width:0;caret-color:var(--accent);border-bottom:2px dashed var(--line-strong);transition:border-color var(--d-fast) var(--ease)}.hl-read__in .numfield__in:hover{border-bottom-color:var(--ink-3)}.hl-read__in .numfield__in:focus{border-bottom-color:var(--accent)}.hl-per{margin:0;font-size:var(--t-sm);font-weight:500;color:var(--ink-3);text-align:center;text-wrap:balance}.hl-per:empty{display:none}.app[data-phase=done] .hl-readout{display:none}.hl-ruler{position:relative;height:100%;min-height:220px;touch-action:none}.app[data-rv] .hl-ruler{min-height:0}.hl-ruler:before{content:"";position:absolute;left:30px;top:14px;bottom:14px;width:1px;background:var(--line-strong)}.hl-tick{position:absolute;left:0;right:0;height:0}.hl-tick i{position:absolute;left:25px;width:11px;height:1px;background:var(--line-strong)}.hl-tick b{position:absolute;left:42px;transform:translateY(-50%);font-size:var(--t-xs);font-weight:500;color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;transition:opacity var(--d-fast) var(--ease)}.hl-tick.is-dim b{opacity:0}.hl-line{position:absolute;left:0;width:38px;height:0;pointer-events:none}.hl-line[hidden],.hl-tag[hidden]{display:none}.hl-line--you{border-top:2px dashed var(--accent);margin-top:-1px}.hl-line--real{border-top:2px solid var(--ink);margin-top:-1px}.hl-line--them{border-top:2px dotted var(--ink-2);margin-top:-1px}.hl-tag{position:absolute;right:-12px;z-index:3;transform:translateY(-50%);pointer-events:none;white-space:nowrap}.hl-pill{display:inline-block;font-style:normal;padding:3px 8px 4px;border-radius:var(--r-full);font-size:var(--t-xs);font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums;box-shadow:0 0 0 3px var(--paper)}.hl-tag--you .hl-pill{background:var(--accent);color:var(--accent-ink)}.hl-tag--real .hl-pill{background:var(--ink);color:var(--paper)}.hl-tag--them .hl-pill{background:var(--ink-2);color:var(--paper)}.hl-grab{position:absolute;left:30px;width:36px;height:36px;border-radius:var(--r-full);transform:translate(-50%,-50%);z-index:4;pointer-events:none;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 3px var(--paper),0 2px 6px #0e0e1124,0 8px 18px #0e0e111f}.app[data-rv] .hl-grab{opacity:0;transform:translate(-50%,-50%) scale(.6);transition:opacity var(--d-fast) var(--ease),transform var(--d-fast) var(--ease)}.hl-people{position:absolute;left:0;top:0;bottom:0;width:24px;pointer-events:none}.hl-people i{position:absolute;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:var(--ink-3);opacity:.5}.hl-people.is-in i{animation:hl-in .42s var(--ease-o) both;animation-delay:var(--d, 0ms)}@keyframes hl-in{0%{opacity:0;transform:translate(-6px)}}.hl-mps{position:absolute;inset:0;pointer-events:none;z-index:4}.hl-mp{position:absolute;left:7px;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;border:2px solid var(--ink-2);background:var(--paper);animation:hl-in .38s var(--ease-o) both;animation-delay:var(--d, 0ms)}.hl-mp.is-spot{border-color:var(--good)}.hl-mpn{position:absolute;right:calc(100% + 2px);transform:translateY(-50%);padding:1px 7px 2px;border-radius:var(--r-full);background:var(--paper-2);font-size:var(--t-micro);font-weight:600;color:var(--ink-2);white-space:nowrap;max-width:8em;overflow:hidden;text-overflow:ellipsis;animation:hl-fade .3s var(--ease-o) both}.hl-mpn.is-spot{color:var(--good)}.hl-numrow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:var(--s3)}.hl-numrow[hidden]{display:none}.hl-numrow__b{display:flex;justify-content:center}.hl-numpre{font-size:var(--t-sm);font-weight:500;color:var(--ink-3);margin-right:6px;white-space:nowrap}.hl-numrow .numfield__in{width:8ch;min-width:0;text-align:left}.dock{position:relative;z-index:30}.dock:before{content:"";position:absolute;pointer-events:none;left:calc(var(--s4) * -1);right:calc(var(--s4) * -1);top:-34px;bottom:calc((var(--s4) + env(safe-area-inset-bottom)) * -1);background:linear-gradient(to bottom,transparent 0,var(--paper) 34px)}.app[data-phase=guess] .dock:before,.app[data-phase=done] .dock:before{display:none}.dock>button{position:relative;z-index:1}.sheet{max-height:calc(100dvh - 260px);overflow-y:auto;overscroll-behavior:contain}.hl-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,max-content);align-items:baseline}.hl-body>*{grid-column:1 / -1}.hl-body .factor{margin:0}.hl-body .factor--spot>span:first-child{white-space:nowrap;font-size:min(var(--t-mega),11.5vw)}.hl-body>.hl-like{margin:var(--s2) 0 0;font-size:var(--t-md);font-weight:500;color:var(--ink);line-height:1.35;text-wrap:balance}.hl-body>.hl-like:empty{display:none}.hl-body>#beat,.hl-body>#src{margin:var(--s4) 0 0;padding-top:var(--s3);border-top:1px solid var(--line);align-self:start}.hl-body>#beat{grid-column:1;font-size:var(--t-sm);line-height:1.35;padding-right:var(--s4)}.hl-body>#beat[hidden]{display:block;visibility:hidden}.hl-body>#src{grid-column:2;min-height:0;padding-bottom:0;text-align:right;white-space:nowrap;font-size:var(--t-sm);line-height:1.35}.hl-why{margin-top:var(--s3)}.hl-why>summary{cursor:pointer;list-style:none;font-size:var(--t-xs);font-weight:500;color:var(--ink-3);padding:6px 0}.hl-why>summary::-webkit-details-marker{display:none}.hl-why>summary:after{content:" ›"}.hl-why[open]>summary:after{content:" ‹"}.hl-why>summary:hover{color:var(--ink)}.hl-meta{margin:0;font-size:var(--t-sm);line-height:1.45;color:var(--ink-2)}.hl-meta>span{display:block}.hl-meta .hl-caveat{margin-top:var(--s2);font-size:var(--t-xs);color:var(--ink-3)}.hl-meta a{color:inherit;text-underline-offset:3px}.sheet{padding-bottom:calc(var(--tap) + var(--s5) + var(--s5) + env(safe-area-inset-bottom))}@media (min-width: 900px){.hl-body{grid-template-columns:auto 1fr auto;column-gap:var(--s5);row-gap:var(--s1);align-items:end}.hl-body>.factor{grid-column:1;grid-row:1}.hl-body>.hl-like{grid-column:2;grid-row:1 / 3;align-self:center;margin:0;font-size:var(--t-lg);max-width:36ch}.hl-body>#beat{grid-column:1;grid-row:2;margin:0;padding:0;border:0;font-size:var(--t-md)}.hl-body>#src{grid-column:3;grid-row:1;align-self:start;margin:0;padding:0;border:0}.hl-body>.hl-why{grid-row:3}.hl-field{grid-template-columns:minmax(0,1fr) 120px;max-width:980px;margin-inline:auto}}.sheet:not([data-open]){transition:transform .28s cubic-bezier(.5,0,.75,0),visibility 0s linear .28s}.stage.is-leave>:is(.hl-head,.hl-field,.hl-done){opacity:0;transform:translateY(-8px);transition:opacity .22s var(--ease),transform .22s var(--ease)}.stage.is-enter>:is(.hl-head,.hl-field){animation:hl-enter .46s var(--ease-o) both}.stage.is-enter>.hl-field{animation-delay:60ms}@keyframes hl-enter{0%{opacity:0;transform:translateY(10px)}}.hl-done{width:100%;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;gap:var(--s3)}.hl-done[hidden]{display:none}.hl-day{position:relative;flex:1 1 auto;width:100%;max-width:640px;margin-top:var(--s2);min-height:230px}.hl-dg{position:absolute;left:0;right:0;height:0;border-top:1px solid var(--line);pointer-events:none}.hl-dg b{position:absolute;left:0;transform:translateY(-50%);padding-right:4px;background:var(--paper);font-size:var(--t-micro);font-weight:500;color:var(--ink-3);font-variant-numeric:tabular-nums}.hl-dc{position:absolute;top:0;bottom:0;appearance:none;border:0;padding:0;background:none;cursor:pointer;font:inherit;color:inherit;border-radius:var(--r-sm)}.hl-dc:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.hl-dc__miss{position:absolute;width:2px;background:var(--accent-line)}.hl-dc__real{position:absolute;height:0;border-top:2.5px solid var(--ink);margin-top:-1px;border-radius:2px}.hl-dc__you{position:absolute;height:0;border-top:2.5px dashed var(--accent);margin-top:-1px}.hl-dc__f{position:absolute;left:2px;right:2px;text-align:center;font-size:var(--t-xs);font-weight:600;line-height:1.15;color:var(--ink-3);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.hl-dc.is-dim .hl-dc__real,.hl-dc.is-dim .hl-dc__you,.hl-dc.is-dim .hl-dc__miss{opacity:.38}.hl-dc.is-on .hl-dc__f{color:var(--ink)}.hl-dc.is-spot .hl-dc__f{color:var(--good)}.hl-dtitle{position:absolute;left:50%;top:0;transform:translate(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 12px 4px;border-radius:var(--r-full);background:var(--paper-2);font-size:var(--t-sm);font-weight:600;color:var(--ink);pointer-events:none}.hl-dtag{left:0;right:auto}.hl-dtag[data-side=l]{transform:translate(-100%,-50%)}.hl-day.is-switch .hl-dc.is-on .hl-dc__real{animation:hl-grow .42s var(--ease-o) both;transform-origin:center}.hl-day.is-switch .hl-dc.is-on .hl-dc__you{animation:hl-grow .36s var(--ease-o) .1s both;transform-origin:center}.hl-day.is-switch .hl-dtag{animation:hl-fade .3s var(--ease-o) .14s both}@keyframes hl-grow{0%{transform:scaleX(0)}}@keyframes hl-fade{0%{opacity:0}}.hl-total{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;column-gap:var(--s3);row-gap:0}.hl-tot{margin:0}.hl-total .mega{display:inline;font-size:var(--t-xl)}.hl-total .daybeat{margin:0}.hl-total .label,.hl-line-preview{display:none}@media (max-width: 899px){.hl-total .mega{font-size:var(--t-lg)}.hl-total .daybeat,.hl-total.is-spot .mega{font-size:var(--t-sm)}.hl-total.is-spot{column-gap:6px}}@media (max-width: 380px){.hl-total .daybeat{font-size:var(--t-xs)}.hl-total{column-gap:var(--s2)}}.pips .pip[data-hot]{transform:scale(1.8)}.pips .pip{transition:transform var(--d-mid) var(--ease-o)}.hl-share-note{margin:0;font-size:var(--t-sm);color:var(--ink-3);text-align:center;min-height:1.2em}@media (max-height: 700px){.hl-read__n{font-size:var(--t-xl)}.hl-body>.hl-why{display:none}.hl-body>.hl-like{font-size:var(--t-sm)}.app[data-rv] .hl-read__n{font-size:var(--t-xl)}.app[data-rv] .hl-read__pre{font-size:var(--t-md)}.hl-body>#beat,.hl-body>#src{margin-top:var(--s3);padding-top:var(--s2)}}@media (prefers-reduced-motion: reduce){.hl-people.is-in i,.stage.is-enter>*,.hl-day.is-switch *{animation:none!important}}