.flap{display:inline-block;position:relative;font-size:var(--flap-size,1em);line-height:1;vertical-align:baseline}.flap,.flap-sr{white-space:nowrap}.flap-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0}.flap-cells{display:inline-flex;gap:.07em;vertical-align:middle;font-family:var(--label);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-transform:uppercase;color:var(--ink)}.flap-c{--ch:1.22em;position:relative;text-align:center}.flap-c .fw,.fx{white-space:pre}.fx{position:absolute;visibility:hidden;text-align:center;pointer-events:none}.flap-c[data-pre] .fx,.flap-c[data-run] .fx{visibility:visible}.flap-c[data-pre] .fw,.flap-c[data-run] .fw{visibility:hidden}.fx:after{content:"";position:absolute;z-index:5;left:0;right:0;top:50%;height:1px;margin-top:-.5px;background:rgba(0,0,0,.6)}.flap-c[data-k=space] .fx{display:none}.fh{position:absolute;left:0;right:0;height:50%;overflow:hidden;background:var(--card)}.fh.t{top:0;border-radius:.1em .1em 0 0}.fh.b{bottom:0;border-radius:0 0 .1em .1em;background:linear-gradient(to bottom,#10171c,var(--card))}.fh i{position:absolute;left:0;right:0;height:200%;font-style:normal;line-height:var(--ch)}.fh.t i{top:0}.fh.b i{bottom:0}.fl{z-index:3;visibility:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.fl.t{transform-origin:50% 100%}.fl.b{transform-origin:50% 0;transform:rotateX(90deg)}.flap-c[data-run] .fl{visibility:visible;will-change:transform}.flap:not([data-tone=plain]) .flap-c{display:inline-block;flex:none;height:var(--ch);line-height:var(--ch);padding:0 .1em;border-radius:.1em;background:var(--card);perspective:6em;box-shadow:inset 0 0 0 1px rgba(242,237,228,.06)}.flap:not([data-tone=plain]) .flap-c[data-k=digit]{min-width:.62em;box-sizing:border-box}.flap:not([data-tone=plain]) .flap-c[data-k=space]{background:none;box-shadow:none;padding:0}.flap:not([data-tone=plain]) .fx{left:0;right:0;top:0;height:var(--ch)}.flap[data-tone=accent] .flap-cells{color:var(--saffron)}.flap-txt{display:none;white-space:pre}.flap[data-tone=plain] .flap-txt{display:inline}.flap[data-tone=plain][data-live] .flap-txt{visibility:hidden}.flap[data-tone=plain] .flap-cells{position:absolute;left:0;top:0;visibility:hidden;white-space:pre}.flap[data-tone=plain][data-live] .flap-cells{visibility:visible}.flap[data-tone=plain] .flap-cells{display:inline;font:inherit;letter-spacing:normal;text-transform:none;color:inherit;vertical-align:baseline}.flap[data-tone=plain] .flap-c{--ch:1.2em;display:inline;perspective:none}.flap[data-tone=plain] .fx{left:-.4em;right:-.4em;top:50%;height:var(--ch);margin-top:-.6em;perspective:6em}.flap[data-tone=plain] .fh,.flap[data-tone=plain] .fh.b{background:none}.flap[data-tone=plain] .fx:after{display:none}@media (prefers-reduced-motion:reduce){.fl{display:none}}.flap-demo{max-width:920px;margin:48px auto;padding:0 16px}.flap-demo h3{margin:32px 0 12px;color:var(--muted)}.fd-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.fd-stats li{background:var(--sand);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px 12px;display:flex;flex-direction:column;gap:10px}.fd-stats b{font-weight:400}.fd-plainnum{font-size:1.5rem}.fd-month{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.fd-month input{flex:1 1;min-width:140px;accent-color:var(--saffron)}.fd-mname{display:inline-block;min-width:9.5rem}.fd-btns{display:flex;gap:8px}.fd-count{margin:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.fd-board{background:#0a1014;border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 12px}.fd-row{display:grid;grid-template-columns:minmax(0,1.6fr) 1fr 1fr;grid-gap:8px;gap:8px;align-items:center;padding:6px 0;border-top:1px solid rgba(242,237,228,.06);min-height:38px}.fd-row:first-child{border-top:0}.fd-head{color:var(--muted)}@media (max-width:480px){.fd-stats{grid-template-columns:1fr}.fd-row{grid-template-columns:minmax(0,1.5fr) 1fr .8fr}}