.tt{--tt-0:#f26b4f;--tt-1:#e9b23b;--tt-2:#6db36a;--tt-3:#3fb0b8;--tt-4:#7b95ea;--tt-5:#b08ad9;--tt-6:#e883b4;--tt-7:#c0926a;--tt-print:#1b1e3c;gap:var(--s-5);padding:clamp(var(--s-4), 3vw, var(--s-6));border:var(--border) solid var(--line);border-radius:var(--r-object);background:var(--paper);display:grid}:root[data-theme=dark] .tt{--tt-0:#c4583f;--tt-1:#b98a2a;--tt-2:#55934f;--tt-3:#2e8e95;--tt-4:#5f78c9;--tt-5:#8a6ab8;--tt-6:#b9668f;--tt-7:#98704f;--tt-print:#111226}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tt{--tt-0:#c4583f;--tt-1:#b98a2a;--tt-2:#55934f;--tt-3:#2e8e95;--tt-4:#5f78c9;--tt-5:#8a6ab8;--tt-6:#b9668f;--tt-7:#98704f;--tt-print:#111226}}.tt-tape{border:1.5px solid var(--line);background-size:8px 8px;border-radius:3px;flex:none;width:1.25rem;height:1.25rem;display:inline-block}.tt-tape--0{background-color:var(--tt-0)}.tt-tape--1{background-color:var(--tt-1);background-image:repeating-linear-gradient(135deg, transparent 0 6.5px, var(--tt-print) 6.5px 8px)}.tt-tape--2{background-color:var(--tt-2);background-image:radial-gradient(circle at 4px 4px, var(--tt-print) 1.6px, transparent 1.9px)}.tt-tape--3{background-color:var(--tt-3);background-image:repeating-linear-gradient(180deg, transparent 0 6.5px, var(--tt-print) 6.5px 8px)}.tt-tape--4{background-color:var(--tt-4);background-image:linear-gradient(var(--tt-print) 1.5px, transparent 1.5px), linear-gradient(90deg, var(--tt-print) 1.5px, transparent 1.5px)}.tt-tape--5{background-color:var(--tt-5);background-image:repeating-linear-gradient(45deg, transparent 0 6.5px, var(--tt-print) 6.5px 8px)}.tt-tape--6{background-color:var(--tt-6);background-image:repeating-linear-gradient(90deg, transparent 0 6.5px, var(--tt-print) 6.5px 8px)}.tt-tape--7{background-color:var(--tt-7);background-image:conic-gradient(var(--tt-print) 25%, transparent 0 50%, var(--tt-print) 0 75%, transparent 0)}.tt-layout{gap:var(--s-6);grid-template-columns:minmax(0,1fr);display:grid}.tt-side,.tt-main{gap:var(--s-5);align-content:start;min-width:0;display:grid}.tt-main{gap:var(--s-6)}@media (width>=64rem){.tt-layout{grid-template-columns:22rem minmax(0,1fr)}.tt-side{top:var(--s-4);align-self:start;position:sticky}}.tt-hero{gap:var(--s-2);min-width:0;display:grid}.tt-hero h2.tt-eyebrow{font-family:var(--font-text);font-size:var(--step-0);letter-spacing:0;color:var(--ink-2);font-weight:600}.tt-hero__name,.tt-hero__idle{align-items:center;gap:var(--s-3);font-family:var(--font-display);font-weight:800;font-size:var(--step-4);letter-spacing:-.02em;overflow-wrap:anywhere;line-height:1.05;display:flex}.tt-elapsed{max-width:100%;font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(3rem,15vw,6rem);font-weight:800;line-height:1}@media (width>=64rem){.tt-elapsed{font-size:4.25rem}}.tt-since{color:var(--ink-2);font-weight:500}.tt-hero__actions,.tt-actions,.tt-links{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.tt-hero__actions{margin-top:var(--s-2)}.tt-long{gap:var(--s-2);padding:var(--s-3) var(--s-4);border:2px dashed var(--line);border-radius:var(--r-input);display:grid}.tt-switcher{gap:var(--s-3);display:grid}.tt-rolls{gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=64rem){.tt-rolls{grid-template-columns:minmax(0,1fr)}}.tt-roll{border:var(--border) solid var(--line);border-radius:var(--r-input);background:var(--paper);min-height:3.5rem;color:var(--ink);text-align:left;cursor:pointer;box-shadow:var(--lift);transition:transform var(--t-press) var(--ease), box-shadow var(--t-press) var(--ease);touch-action:manipulation;-webkit-tap-highlight-color:transparent;align-items:stretch;padding:0;display:flex;overflow:hidden}.tt-roll:hover{box-shadow:var(--lift-hover);transform:translate(-1px,-1px)}.tt-roll:active,.tt-roll[aria-pressed=true]{box-shadow:var(--lift-pressed);transform:translate(3px,3px)}.tt-roll[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--line), var(--lift-pressed)}.tt-roll__tape{border-width:0 2px 0 0;border-radius:0;align-self:stretch;width:1.1rem;height:auto}.tt-roll__text{min-width:0;padding:var(--s-2) var(--s-3);display:grid}.tt-roll__name{overflow-wrap:anywhere;font-weight:700}.tt-roll__total{color:var(--ink-2);font-size:var(--step--1);font-weight:500}.tt-new,.tt-form,.tt-settings,.tt-projects{gap:var(--s-4);display:grid}.tt-field{gap:var(--s-1);display:grid}.tt-field__label{font-weight:700}.tt-hint{color:var(--ink-2);font-size:var(--step--1)}.tt-error{color:var(--danger);font-weight:600}.tt-error[hidden]{display:none}.tt-day,.tt-week{gap:var(--s-4);display:grid}.tt-day__head{justify-content:space-between;align-items:flex-start;gap:var(--s-3);display:flex}.tt-day__head h2:focus-visible,.tt-entries h3:focus-visible{outline-offset:4px}.tt-date{color:var(--ink-2);font-weight:500}.tt-nav{gap:var(--s-1);display:flex}.kit-icon-button:disabled{opacity:.35;cursor:not-allowed}.tt-ribbon{gap:var(--s-2);display:grid}.tt-row{display:grid}.tt-strip{border:1.5px solid var(--line);background:var(--paper);border-radius:3px;height:2.75rem;position:relative}.tt-tick{background:var(--rule);width:1px;position:absolute;top:0;bottom:0}.tt-seg{cursor:pointer;border-radius:0;min-width:2px;height:auto;position:absolute;top:0;bottom:0}.tt-now{background:var(--ink);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:-.25rem;bottom:-.25rem}.tt-now__flag{border:.35rem solid #0000;border-top-color:var(--ink);border-bottom-width:0;position:absolute;top:-.4rem;left:50%;transform:translate(-50%)}.tt-labels{height:1.4rem;color:var(--ink-2);font-size:var(--step--1);font-variant-numeric:tabular-nums;font-weight:500;position:relative}.tt-label{white-space:nowrap;position:absolute;top:.1rem;transform:translate(-50%)}.tt-label.is-first{transform:none}.tt-sums{gap:var(--s-5);display:grid}@media (width>=56rem){.tt-sums{grid-template-columns:16rem minmax(0,1fr)}}.tt-totals,.tt-entries{gap:var(--s-2);align-content:start;min-width:0;display:grid}.tt-entries .btn{justify-self:start}.tt-tracked{font-size:var(--step-1);font-weight:700}.tt-list,.tt-entries__list,.tt-weekdays,.tt-projects__list{margin:0;padding:0;list-style:none;display:grid}.tt-list>li{align-items:center;gap:var(--s-3);min-height:2rem;display:flex}.tt-list__name{overflow-wrap:anywhere;min-width:0}.tt-list__time{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-weight:700}.tt-entry{align-items:center;gap:var(--s-3);padding:var(--s-2) 0;border-bottom:1px solid var(--rule);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.tt-entry__body{min-width:0;display:grid}.tt-entry__name{overflow-wrap:anywhere;font-weight:700}.tt-entry__range,.tt-entry__len{font-variant-numeric:tabular-nums}.tt-entry__note{color:var(--ink-2);overflow-wrap:anywhere}.tt-weekday{align-items:center;gap:var(--s-3);width:100%;min-height:2.75rem;padding:var(--s-1) var(--s-2);border:0;border-bottom:1px solid var(--rule);color:var(--ink);font-variant-numeric:tabular-nums;text-align:left;cursor:pointer;background:0 0;grid-template-columns:4.5rem minmax(0,1fr) 5.5rem;display:grid}.tt-weekday:hover{background:var(--desk)}.tt-weekday__name{white-space:nowrap;font-weight:700}.tt-weekday__total{text-align:right;white-space:nowrap}.tt-mini{min-width:0;display:block}.tt-mini__strip{border:1.5px solid var(--line);background:var(--paper);border-radius:2px;height:.75rem;display:block;position:relative}.tt-mini__strip .tt-seg{border-width:0 1px}.tt-foot{gap:var(--s-4);justify-items:start;display:grid}.tt-project{gap:var(--s-3);padding:var(--s-4) 0;border-bottom:1px solid var(--rule);display:grid}.tt-project .btn{justify-self:start}.tt-project__name{gap:var(--s-1);display:grid}.tt-tapes{border:0;min-width:0;margin:0;padding:0}.tt-tapes__row{gap:var(--s-1);flex-wrap:wrap;display:flex}.tt-swatch{cursor:pointer;place-items:center;width:2.75rem;height:2.75rem;display:grid;position:relative}.tt-swatch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.tt-swatch .tt-tape{width:2rem;height:2rem}.tt-swatch.is-chosen .tt-tape{outline:3px solid var(--ink);outline-offset:2px}.tt-swatch:focus-within .tt-tape{outline:3px solid var(--signal);outline-offset:2px}.tt-swatch.is-used{opacity:.45;cursor:not-allowed}.tt-archived{align-items:center;gap:var(--s-2) var(--s-3);padding:var(--s-2) 0;flex-wrap:wrap;display:flex}.tt-archived__name{overflow-wrap:anywhere;flex:8rem;min-width:0}.tt-archived__actions{align-items:center;gap:var(--s-1);flex-wrap:wrap;display:flex}.tt-settings__csv{gap:var(--s-2);justify-items:start;display:grid}.tt-form h3,.tt-settings h3,.tt-projects h3{font-size:var(--step-1)}@media (prefers-reduced-motion:reduce){.tt-roll{transition:none}}