.ft{gap:12px;display:grid}.ft-stage{border:2px solid var(--ink);background:var(--tint);border-radius:16px;height:min(64vh,62vw);min-height:260px;position:relative;overflow:hidden}.ft-stage>*{height:100%}.ft-stage .fts-stage{aspect-ratio:auto;border-radius:0;height:100%}.ft-clock{border:2px solid var(--ink);background:color-mix(in srgb, var(--card) 86%, transparent);color:var(--ink);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:12px;margin:0;padding:.1em .42em;font-size:clamp(22px,7vh,64px);font-weight:700;line-height:1.1;position:absolute}.ft-clock[data-corner=br]{bottom:14px;right:14px}.ft-clock[data-corner=bl]{bottom:14px;left:14px}.ft-clock[data-corner=tr]{top:14px;right:14px}.ft-clock[data-corner=tl]{top:14px;left:14px}.ft-clock small{opacity:.7;font-size:.36em;font-weight:600;display:block}.ft[data-phase=stop] .ft-clock{border-color:var(--stop);color:var(--stop)}.ft[data-phase=warn] .ft-clock{border-color:var(--warn)}.ft[data-phase=done] .ft-clock{border-color:var(--stop);background:var(--stop);color:var(--card)}.ft-state{inset-inline:0;text-align:center;color:var(--ink);text-shadow:0 1px 0 color-mix(in srgb, var(--card) 70%, transparent);font-weight:700;position:absolute;top:12px}.ft-bars{gap:10px;transition:opacity .32s;display:grid}.ft[data-quiet="1"] .ft-bars{opacity:0}.ft[data-quiet="1"]:focus-within .ft-bars{opacity:1}.ft-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ft-go,.ft-btn,.ft-chip{border:2px solid var(--ink);background:var(--card);min-height:64px;color:var(--ink);font:inherit;cursor:pointer;border-radius:12px;padding:0 18px;font-weight:700}.ft-go{background:var(--accent);color:var(--card)}.ft-chip{min-height:48px;padding:0 12px;font-weight:600}.ft-chip[aria-pressed=true]{background:var(--ink);color:var(--card)}.ft-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.ft-card{border:2px solid var(--rule);background:var(--card);min-height:64px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:8px 12px;display:grid}.ft-card[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}.ft-card b{font-size:.95rem;display:block}.ft-card span{opacity:.75;font-size:.8rem}.ft-card em{font-size:1.7rem;font-style:normal;line-height:1}.ft-keys{opacity:.8;margin:0;font-size:.85rem}.ft-keys kbd{border:1px solid var(--rule);border-radius:5px;padding:0 4px;font-size:.85em}.ft-custom{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.ft-custom input{border:2px solid var(--ink);min-height:48px;font:inherit;border-radius:10px;padding:0 10px}.ft-bad{color:var(--stop);font-weight:700}.ft-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:560px){.ft-stage{height:min(54vh,90vw)}}.ft-index{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin-top:14px;display:grid}.ft-index a{border:2px solid var(--rule);background:var(--card);min-height:64px;color:var(--ink);border-radius:12px;padding:10px 12px;text-decoration:none;display:block}.ft-index a:hover,.ft-index a:focus-visible{border-color:var(--ink)}.ft-index b{display:block}.ft-index span{opacity:.78;font-size:.85rem}