.pomo{--basil:#2e7d32;--basil-wash:#e4f2e1;gap:var(--s-5);color:var(--ink);display:grid}:root[data-theme=dark] .pomo{--basil:#5cb860;--basil-wash:#1d3326}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pomo{--basil:#5cb860;--basil-wash:#1d3326}}.pomo>.kit-note{justify-self:stretch}.pomo-layout{gap:var(--s-5);flex-direction:column;display:flex}.pomo-panel{gap:var(--s-4);padding:var(--s-5);border:var(--border) solid var(--line);border-radius:var(--r-object);background:var(--paper);display:grid}.pomo-panel.is-wash{background:var(--basil-wash)}.pomo-phase{font-weight:700;font-size:var(--step-1);line-height:1.2}.pomo-digits{letter-spacing:-.02em;font-size:clamp(3.5rem,14vw,6.5rem)}.pomo-label{align-items:center;gap:var(--s-1) var(--s-3);flex-wrap:wrap;min-height:2.75rem;display:flex}.pomo-label__text{font-weight:700;font-size:var(--step-1);overflow-wrap:anywhere}.pomo-labelform{align-items:end;gap:var(--s-1) var(--s-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.pomo-labelform label{font-weight:600;font-size:var(--step--1);grid-column:1/-1}.pomo-labelform .field:only-of-type,.pomo-labelform .field:nth-last-child(2){grid-column:1}.pomo-controls{gap:var(--s-3);flex-wrap:wrap;display:flex}.pomo-tap{justify-self:start}.pomo-quiet{align-items:center;gap:var(--s-2) var(--s-4);flex-wrap:wrap;display:flex}.pomo-quiet__note{flex-basis:100%}.pomo-quiet__note:empty{display:none}.pomo-hint{color:var(--ink-2);font-size:var(--step--1)}.pomo-today{gap:var(--s-3);align-content:start;min-width:0;min-height:9.5rem;display:grid}.pomo-today h2{font-size:var(--step-2)}.pomo-today h2:focus-visible{outline-offset:4px}.pomo-summary{font-weight:600}.pomo-empty{color:var(--ink-2)}.pomo-strip{gap:var(--s-4) var(--s-6);padding:var(--s-1) 0;flex-wrap:wrap;margin:0;list-style:none;display:flex}.pomo-set{gap:var(--s-1) var(--s-2);align-content:start;min-width:0;max-width:100%;display:grid}.pomo-tile{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:stretch stretch;width:100%;min-width:0;height:2.75rem;padding:0;display:grid}.pomo-tile:focus-visible{outline:3px solid var(--signal);outline-offset:2px;border-radius:.5rem}.pomo-tile__face{border:var(--border) solid var(--line);background:var(--basil);border-radius:.5rem;display:block;position:relative;overflow:hidden}.pomo-tile--stopped{justify-items:center}.pomo-tile--stopped .pomo-tile__face{border:2px dashed var(--ink-2);background:0 0;border-radius:.375rem;width:.75rem}.pomo-tile--live{cursor:default}.pomo-tile--live .pomo-tile__face{background:0 0}.pomo-tile--live .pomo-tile__face:before{content:"";width:calc(var(--fill,0) * 100%);background:var(--basil);position:absolute;inset:0}.pomo-tile--live.is-next .pomo-tile__face{border:var(--border) dashed var(--ink-2)}.pomo-tile.is-new .pomo-tile__face{animation:pomo-settle var(--t-state) var(--ease)}@keyframes pomo-settle{0%{border-color:#0000;transform:translateY(-2px)}to{border-color:var(--line);transform:none}}.pomo-run{min-width:0;margin-top:var(--s-1);border-top:2px solid var(--ink-2)}.pomo-run__label{font-weight:600;font-size:var(--step--1);white-space:nowrap;text-overflow:ellipsis;padding-top:2px;line-height:1.3;display:block;overflow:hidden}.pomo-earlier{gap:var(--s-3);justify-items:start;display:grid}.pomo-days{gap:var(--s-4);margin:0;padding:0;list-style:none;display:grid}.pomo-day{gap:var(--s-1);display:grid}.pomo-day h3{font-size:var(--step-0)}.pomo-minis{gap:var(--s-1) var(--s-3);flex-wrap:wrap;display:flex}.pomo-minis__set{gap:var(--s-1);display:flex}.pomo-mini{border:2px solid var(--line);background:var(--basil);border-radius:.25rem;width:1rem;height:1rem}.pomo-mini--stopped{border:2px dashed var(--ink-2);background:0 0;width:.375rem}.pomo-switch{align-items:center;gap:var(--s-2);min-height:2.75rem;padding:0 var(--s-3);border-radius:var(--r-control);color:var(--ink);cursor:pointer;background:0 0;border:0;font-weight:700;display:inline-flex}.pomo-switch:disabled{cursor:not-allowed;opacity:.45}.pomo-switch__track{border:var(--border) solid var(--line);border-radius:var(--r-control);background:var(--paper);width:2.75rem;height:1.5rem;transition:background-color var(--t-state) var(--ease);position:relative}.pomo-switch__thumb{background:var(--ink);width:1rem;height:1rem;transition:transform var(--t-state) var(--ease), background-color var(--t-state) var(--ease);border-radius:50%;margin-top:-.5rem;position:absolute;top:50%;left:2px}.pomo-switch[aria-checked=true] .pomo-switch__track{background:var(--ink)}.pomo-switch[aria-checked=true] .pomo-switch__thumb{background:var(--paper);transform:translate(1.2rem)}.pomo-group{gap:var(--s-2);border:0;min-width:0;padding:0;display:grid}.pomo-group legend{margin-bottom:var(--s-1);padding:0;font-weight:700}.pomo-numbers{gap:var(--s-3) var(--s-4);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.pomo-number{gap:var(--s-1);align-content:start;display:grid}.pomo-number label,.pomo-volume,.pomo-blockform label{font-weight:600}.pomo-error{color:var(--danger);font-size:var(--step--1);font-weight:600}.pomo-original{justify-self:start}.pomo-check{align-items:center;gap:var(--s-3);min-height:2.75rem;font-weight:600;display:flex}.pomo-check input{width:1.25rem;height:1.25rem;accent-color:var(--ink)}.pomo-volume{gap:var(--s-1);display:grid}.pomo-volume input{width:100%;min-height:2.75rem;accent-color:var(--ink)}.pomo-blockform{gap:var(--s-3);display:grid}.pomo-blockform__actions{gap:var(--s-3);flex-wrap:wrap;display:flex}@media (width>=60rem){.pomo-layout{gap:var(--s-4) var(--s-7);grid-template-rows:auto auto 1fr auto;grid-template-columns:minmax(18rem,1fr) minmax(0,2fr);align-items:start;display:grid}.pomo-panel{grid-area:1/1/span 3}.pomo-today{grid-area:1/2}.pomo-earlier{grid-area:2/2}.pomo-quiet{grid-area:4/1}}.pomo .btn--quiet{margin-left:calc(-1 * var(--s-3));padding-inline:var(--s-3)}.pomo-quiet{margin-left:calc(-1 * var(--s-3))}.pomo-quiet .btn--quiet{margin-left:0}.pomo-quiet__note{padding-left:var(--s-3)}