.tm-modes{display:flex;gap:.25rem;border-radius:9999px;background:var(--color-parchment);padding:.25rem}.tm-mode{border-radius:9999px;padding:.5rem 1rem;font-weight:900;font-size:.95rem;color:#16243da6;white-space:nowrap}.tm-mode:hover{color:var(--color-ink)}.tm-mode[aria-selected=true]{background:var(--color-ink);color:var(--color-cream)}@media(max-width:479px){.tm-modes{width:100%}.tm-mode{flex:1 1 0;padding:.5rem .2rem;font-size:.8rem}}.tm-card{display:flex;flex-direction:column;align-items:center;gap:.85rem;border-radius:1.5rem;border:1px solid rgba(22,36,61,.1);background:#fff;padding:1.5rem 1.25rem;box-shadow:0 1px 3px #16243d14;transition:border-color .3s ease,background-color .3s ease;min-width:0}.tm-head{display:none;width:100%;align-items:center;gap:.5rem}#tm-boards:not(.one) .tm-head{display:flex}#tm-boards:not(.one) .tm-card.active{border-color:#16243d73;box-shadow:0 0 0 1px #16243d73}#timer-stage.fs-on #tm-boards .tm-card.active{box-shadow:none}.tm-name{min-width:0;flex:1;border-radius:.75rem;background:var(--color-parchment);padding:.35rem .7rem;font-weight:900;color:var(--color-ink);outline:none}.tm-name:focus-visible{outline:3px solid var(--color-gold);outline-offset:1px}.tm-remove{border-radius:9999px;padding:.1rem .55rem;font-size:1.25rem;line-height:1.4;font-weight:900;color:#16243d73}.tm-remove:hover{background:var(--color-parchment);color:var(--color-ink)}.tm-face{position:relative;display:flex;align-items:center;justify-content:center;gap:1.25rem;width:100%;min-width:0;overflow:hidden}.tm-time{max-width:100%}.tm-time{font-family:var(--font-display);font-variant-numeric:tabular-nums;line-height:1;color:var(--color-ink);font-size:clamp(3.25rem,13vw,7rem);letter-spacing:-.01em}.tm-digits{display:inline-block;white-space:nowrap}.tm-ring,.tm-sand{display:none}.tm-bar{display:none;height:.85rem;width:100%;overflow:hidden;border-radius:9999px;background:var(--color-parchment)}.tm-fill{display:block;height:100%;width:100%;border-radius:9999px;background:linear-gradient(180deg,var(--color-gold-light),var(--color-gold-deep));transform-origin:left center}.vis-bar .tm-bar{display:block}.vis-ring .tm-ring{display:block;width:min(58vh,22rem);max-width:100%}.vis-ring .tm-time{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(2.5rem,9vw,4.75rem)}.vis-ring .tm-arc{transition:stroke-dashoffset .25s linear,stroke .4s ease}.vis-sand .tm-sand{display:block;height:min(36vh,12rem)}@media(max-width:480px){.vis-sand .tm-face{flex-direction:column;gap:.75rem}}.tm-sub{min-height:1.25rem;font-weight:800;font-size:.95rem;color:#16243d8c}.tm-card.warn .tm-fill,.tm-card.warn .tm-arc{background:var(--color-gold-deep);stroke:var(--color-gold-deep)}.tm-card.done{border-color:var(--color-gold);background:#fffaf0}.tm-card.done .tm-time,.tm-card.done .tm-sub{color:var(--color-gold-ink)}.tm-card.flash{animation:tm-flash .9s ease-out 1}@keyframes tm-flash{0%{box-shadow:0 0 #f5b9428c}to{box-shadow:0 0 0 1.6rem #f5b94200}}.tm-stream{transition:opacity .35s ease}.tm-card.running .tm-stream{opacity:1}.tm-card.running .tm-grains{animation:tm-pour .55s linear infinite}@keyframes tm-pour{to{transform:translateY(18px)}}.tm-sand-top,.tm-sand-bot,.tm-funnel,.tm-mound{transition:none}@media(prefers-reduced-motion:reduce){.tm-card.flash,.tm-card.running .tm-grains{animation:none}.vis-ring .tm-arc,.tm-fill{transition:none}}.tm-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.tm-go{border-radius:9999px;padding:.7rem 2rem;font-weight:900;font-size:1.05rem;color:var(--color-cream);background:var(--color-ink);transition:transform .15s ease}.tm-go:hover{background:var(--color-ink-soft)}.tm-go:active{transform:scale(.97)}.tm-lab{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:var(--color-gold-ink)}.tm-presets{display:flex;flex-wrap:wrap;gap:.5rem}.tm-preset{border-radius:9999px;background:var(--color-parchment);padding:.55rem 1.1rem;font-weight:900;color:var(--color-ink)}.tm-preset:hover{background:#e8dcc2}.tm-preset[aria-pressed=true]{background:var(--color-ink);color:var(--color-cream)}.tm-laps{display:grid;gap:.35rem;max-height:11rem;overflow-y:auto;font-variant-numeric:tabular-nums}.tm-laps li{display:flex;justify-content:space-between;gap:1rem;border-radius:.75rem;background:var(--color-cream);padding:.4rem .8rem;font-weight:800;color:var(--color-ink)}.tm-laps li span:first-child{color:#16243d80}.tm-mode:focus-visible,.tm-preset:focus-visible,.ui-seg button:focus-visible,.ui-ghost:focus-visible,.tm-go:focus-visible,.tm-remove:focus-visible{outline:3px solid var(--color-gold);outline-offset:2px}#tm-boards,#tm-boards.two,#tm-boards.three{grid-template-columns:minmax(0,1fr)}@media(min-width:768px){#tm-boards.two{grid-template-columns:repeat(2,minmax(0,1fr))}#tm-boards.three{grid-template-columns:repeat(3,minmax(0,1fr))}#tm-boards.two .tm-time{font-size:clamp(2.5rem,7vw,4.5rem)}#tm-boards.three .tm-time{font-size:clamp(2rem,5vw,3.4rem)}#tm-boards.two .vis-ring .tm-ring,#tm-boards.three .vis-ring .tm-ring{width:min(30vh,13rem)}#tm-boards.two .vis-ring .tm-time,#tm-boards.three .vis-ring .tm-time{font-size:clamp(1.6rem,3.4vw,2.5rem)}#tm-boards.two .vis-sand .tm-sand,#tm-boards.three .vis-sand .tm-sand{height:min(22vh,8rem)}}#timer-stage.fs-on #tm-options,#timer-stage.fs-on #tm-setup,#timer-stage.fs-on .tm-modes{display:none}#timer-stage.fs-on .tm-card{border:none;box-shadow:none;background:transparent}#timer-stage.fs-on .tm-time{font-size:min(42vh,46vw)}#timer-stage.fs-on .vis-ring .tm-ring{width:min(62vh,34rem)}#timer-stage.fs-on .vis-ring .tm-time{font-size:min(17vh,22vw)}#timer-stage.fs-on .vis-sand .tm-sand{height:min(52vh,20rem)}#timer-stage.fs-on #tm-boards.two .tm-time{font-size:min(19vh,20vw)}#timer-stage.fs-on #tm-boards.three .tm-time{font-size:min(15vh,14vw)}#timer-stage.fs-on .tm-card.done{background:#fffaf0}