.cf{margin:0;min-width:0}.cf-win{border:1px solid var(--hw-ink);background:var(--hw-cream);box-shadow:10px 10px 0 var(--hw-hairline);overflow:hidden}.cf-bar{display:flex;align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid var(--hw-ink);font:400 12px/1.4 var(--hw-mono);color:var(--hw-supporting)}.cf-bar>span:nth-child(2){flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-dots{display:inline-flex;gap:5px}.cf-dots i{width:9px;height:9px;border-radius:50%;border:1px solid var(--hw-ink)}.cf-tag{background:var(--hw-blush);color:var(--hw-ink);padding:0 6px}.cf-stage{position:relative;height:clamp(400px,34vw,440px)}.cf-scene{position:absolute;inset:0;padding:16px 20px;display:flex;flex-direction:column;gap:10px;transition:opacity .5s ease,transform .5s ease}.cf:not([data-scene=cal]) .cf-cal,.cf[data-scene=cal] .cf-binder{opacity:0;transform:translateY(8px);pointer-events:none}.cf-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:15px}.cf-h b{font-weight:800}.cf-h span{font:400 12.5px var(--hw-mono);color:var(--hw-supporting);white-space:nowrap}.cf-n{font-weight:600;color:var(--hw-ink)}.cf-prog{height:6px;background:var(--hw-grid);border:1px solid var(--hw-hairline)}.cf-prog i{display:block;height:100%;background:var(--hw-ink);transition:width .4s ease}.cf-cal ul{list-style:none;margin:4px 0 0;padding:0}.cf-cal li{display:grid;grid-template-columns:38px 22px minmax(0,1fr);grid-gap:8px;gap:8px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--hw-hairline);font-size:14px;line-height:1.35;color:var(--hw-supporting)}.cf-cal li.now,.cf-cal li.ok{color:var(--hw-ink)}.cf-d{font:400 12px var(--hw-mono);color:var(--hw-supporting)}.cf-m{font:700 20px/1 var(--hw-hand);color:var(--hw-red);text-align:center}.cf-cal li:not(.ok) .cf-m:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--hw-supporting)}.cf-cal li.now .cf-m:before{border-color:var(--hw-ink);background:var(--hw-blush)}.cf-t{min-width:0}.cf-t small{display:block;font:400 12px/1.4 var(--hw-mono);color:var(--hw-supporting);margin-top:1px}.cf-cal li.ok .cf-t small{color:var(--hw-red-ink)}.cf-cal li.now{background:linear-gradient(90deg,#fff6c2,transparent 70%)}.cf-binder ol{list-style:none;margin:2px 0 0;padding:0;overflow:hidden;flex:1 1;min-height:0}.cf-binder li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--hw-hairline);font-size:13.5px;opacity:.18;transition:opacity .2s ease}.cf-binder li.in{opacity:1}.cf-no{font:400 12px var(--hw-mono);color:var(--hw-supporting)}.cf-p{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-p:before{content:"";display:inline-block;width:11px;height:9px;-webkit-margin-end:8px;margin-inline-end:8px;background:var(--hw-blush);border:1px solid var(--hw-supporting);vertical-align:-1px}.cf-sig{font:400 11.5px var(--hw-mono);color:var(--hw-supporting);white-space:nowrap}.cf-sig b{font:700 17px/1 var(--hw-hand);color:var(--hw-red)}.cf-lock{position:absolute;inset:auto 20px 18px 20px;background:var(--hw-cream);border:2px solid var(--hw-ink);padding:16px 18px;box-shadow:6px 6px 0 var(--hw-blush);opacity:0;transform:translateY(14px) scale(.98);transition:opacity .45s ease,transform .45s ease}.cf[data-scene=locked] .cf-lock{opacity:1;transform:none}.cf-lock p{margin:0}.cf-lock-k{font:600 11px/1.4 var(--hw-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--hw-red-ink)}.cf-lock-h{font:900 clamp(28px,3vw,40px)/1 var(--hw-serif);letter-spacing:-.03em;margin-top:6px!important;display:inline-block;border-bottom:5px double var(--hw-red);padding-bottom:2px}.cf-lock-s{font:400 13px/1.5 var(--hw-mono);color:var(--hw-ink);margin-top:10px!important}.cf-lock-sign{font:700 22px/1.1 var(--hw-hand);color:var(--hw-red);transform:rotate(-1.5deg);transform-origin:left;margin-top:6px!important}.cf-cap{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;color:var(--hw-supporting)}.cf-cap,.cf-pause{font:400 12px var(--hw-mono)}.cf-pause{color:var(--hw-ink);background:none;border:1px solid var(--hw-ink);padding:6px 12px;min-height:32px;min-width:64px;cursor:pointer}.cf-pause:hover{background:var(--hw-blush)}.cf-pause:focus-visible{outline:2px solid var(--hw-red);outline-offset:2px}.cf[data-still] .cf-binder li,.cf[data-still] .cf-lock,.cf[data-still] .cf-prog i,.cf[data-still] .cf-scene{transition:none}@media (max-width:560px){.cf-stage{height:400px}.cf-sig{display:none}.cf-binder li{grid-template-columns:26px minmax(0,1fr)}.cf-bar>span:nth-child(2){font-size:11px}}.wf .wf-scene{opacity:1!important;transform:none!important;pointer-events:auto}.wf[data-scene=locked] .cf-lock{opacity:1;transform:none}.wf .cf-lock{inset:auto 20px 18px 20px}.wf .cf-cal li{grid-template-columns:66px 22px minmax(0,1fr)}.wf .cf-d{white-space:nowrap}