.tm{--tm-bg:var(--paper,#fff);--tm-fg:var(--ink,#161617);--tm-dim:rgba(0,0,0,.66);--tm-hair:rgba(0,0,0,.16);--tm-acc:currentColor;--tm-pad:clamp(1rem,3.2vw,3.5rem);position:fixed;inset:0;z-index:5;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;grid-gap:clamp(.5rem,1.6vh,1.25rem);gap:clamp(.5rem,1.6vh,1.25rem);padding:var(--tm-pad);padding-bottom:clamp(.5rem,1.5vh,1rem);box-sizing:border-box;overflow:hidden;background:var(--tm-bg);color:var(--tm-fg);font-family:var(--font-body,"Standard",sans-serif);transition:background-color .25s ease-out,color .25s ease-out}.tm[data-mode=dark]{--tm-bg:#000;--tm-fg:#fff;--tm-dim:hsla(0,0%,100%,.72);--tm-hair:hsla(0,0%,100%,.24)}.tm__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.tm__duel{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2em .6em;min-width:0;font-size:clamp(1.35rem,2.9vw,3.1rem);line-height:1}.tm__dot{flex:none;align-self:center;width:.5em;height:.5em;border-radius:50%;background:var(--tm-acc);box-shadow:0 0 0 1px var(--tm-fg)}.tm__perf{font-family:var(--font-display,"Terminal Grotesque",sans-serif);font-weight:400}.tm__vs{font-size:.62em;letter-spacing:.02em}.tm__net,.tm__vs{font-family:var(--font-mono,"Diatype Mono Variable",monospace);color:var(--tm-dim)}.tm__net{margin-left:auto;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--tm-hair);padding:.35em .6em}.tm__stage{display:flex;flex-direction:column;min-height:0;min-width:0;gap:clamp(.25rem,1vh,.75rem)}.tm__label{margin:0;font-family:var(--font-mono,"Diatype Mono Variable",monospace);font-size:clamp(.85rem,1.5vw,1.5rem);letter-spacing:.08em;text-transform:uppercase;color:var(--tm-dim)}.tm[data-view=last] .tm__label,.tm[data-view=writing] .tm__label{color:var(--tm-fg)}.tm__box{flex:1 1;min-height:0;min-width:0;display:flex;align-items:center}.tm__theme{margin:0;width:100%;font-family:var(--font-display,"Terminal Grotesque",sans-serif);font-weight:400;font-size:clamp(3rem,11vw,12rem);line-height:.92;letter-spacing:-.01em;text-wrap:balance;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.tm__theme--empty{color:var(--tm-dim)}.tm[data-view=break] .tm__box{flex:0 1 38%}.tm__msg{flex:1 1;min-height:0;overflow:auto;margin:0;max-width:48ch;white-space:pre-line;font-size:clamp(1.1rem,2.3vw,2.4rem);line-height:1.35}.tm__clockrow{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem 1.25rem;min-width:0}.tm__clock{display:inline-flex;font-family:var(--font-display,"Terminal Grotesque",sans-serif);font-size:clamp(3.25rem,8.5vw,9rem);line-height:.9;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:.06em .12em 0;margin-left:-.12em;border:1px solid transparent;transition:border-color .4s ease-out,background-color .4s ease-out,color .4s ease-out,opacity .4s ease-out}.tm__cell{display:inline-block;width:1.04ch;text-align:center}.tm__cell--sep{width:.62ch}.tm[data-view=ready] .tm__clock,.tm__cell--sep{color:var(--tm-dim)}.tm[data-view=last] .tm__clock{border-color:var(--tm-acc)}.tm[data-view=time] .tm__clock{background:var(--tm-fg);color:var(--tm-bg)}.tm[data-view=time] .tm__cell--sep{color:inherit}.tm[data-view=break] .tm__clock{font-size:clamp(2rem,4.2vw,4.25rem);color:var(--tm-dim)}.tm__note{margin:0;font-family:var(--font-mono,"Diatype Mono Variable",monospace);font-size:clamp(.8rem,1.2vw,1.15rem);letter-spacing:.06em;text-transform:uppercase;color:var(--tm-dim)}.tm__bar{height:3px;background:var(--tm-hair);overflow:hidden}.tm__bar i{display:block;height:100%;background:var(--tm-acc);transform-origin:left center;transition:transform .3s linear}.tm__ctl{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem 1.5rem;opacity:.42;transition:opacity .2s ease-out}.tm__ctl:focus-within,.tm__ctl:hover{opacity:1}.tm[data-view=ready] .tm__ctl{opacity:.8}.tm[data-view=ready] .tm__ctl:focus-within,.tm[data-view=ready] .tm__ctl:hover{opacity:1}.tm__group{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem;min-width:0}.tm__group--fields{flex:1 1 18rem}.tm__group--end{margin-left:auto}.tm__btn{display:inline-flex;align-items:center;gap:.6em;min-height:44px;min-width:44px;padding:0 .9rem;box-sizing:border-box;border:1px solid var(--tm-hair);border-radius:0;background:transparent;color:var(--tm-fg);font-family:var(--font-mono,"Diatype Mono Variable",monospace);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:border-color .15s ease-out,background-color .15s ease-out,color .15s ease-out}.tm__btn--main,.tm__btn:hover:not(:disabled),.tm__btn[aria-pressed=true]{border-color:var(--tm-fg)}.tm__btn[aria-pressed=true]{background:var(--tm-fg);color:var(--tm-bg)}.tm__btn:disabled{opacity:.4;cursor:not-allowed}.tm__btn kbd{font:inherit;font-size:.85em;text-transform:none;color:var(--tm-dim)}.tm__btn[aria-pressed=true] kbd{color:inherit}.tm__field{display:flex;flex-direction:column;gap:.2rem;flex:1 1 12rem;min-width:0;font-family:var(--font-mono,"Diatype Mono Variable",monospace);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tm-dim)}.tm__field--min{flex:0 0 6.5rem}.tm__field input{min-height:44px;width:100%;box-sizing:border-box;padding:0 .75rem;border:1px solid var(--tm-hair);border-radius:0;background:transparent;color:var(--tm-fg);font-family:var(--font-mono,"Diatype Mono Variable",monospace);font-size:1rem;letter-spacing:0;text-transform:none}.tm__field input::placeholder{color:var(--tm-dim);opacity:1}.tm__field input:disabled{opacity:.55;cursor:not-allowed}.tm__btn:focus-visible,.tm__field input:focus-visible{outline:2px solid var(--tm-fg);outline-offset:2px}@media (max-width:640px){.tm__btn kbd{display:none}.tm__group--end{margin-left:0}}@media (max-height:560px){.tm__ctl{gap:.35rem 1rem}.tm__field>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tm__clock{font-size:clamp(2.5rem,13vh,5rem)}}@media (prefers-reduced-motion:reduce){.tm,.tm__bar i,.tm__btn,.tm__clock,.tm__ctl{transition:none}}