.pomo{--pomo-accent:var(--brand,#167264);max-width:960px;margin-inline:auto}.pomo section{margin-block:2.5rem}.pomo h2{font-size:1.45rem}.pomo h3{margin-top:1.5rem;font-size:1.05rem}.pomo label{display:block}.pomo input:not([type=checkbox]),.pomo select{font:inherit;color:var(--ink);background:var(--surface,var(--bg));border:1px solid var(--line);border-radius:10px;min-width:0;max-width:100%;padding:.65rem}.pomo input:not([type=checkbox]){box-sizing:border-box;width:100%}.pomo button{font:inherit;border:1px solid var(--line);background:var(--surface,var(--bg));color:var(--ink);cursor:pointer;border-radius:10px;padding:.65rem 1rem}.pomo button:hover:not(:disabled){border-color:var(--pomo-accent)}.pomo button:disabled{opacity:.5;cursor:not-allowed}.pomo button:focus-visible,.pomo input:focus-visible,.pomo select:focus-visible{outline:3px solid var(--pomo-accent);outline-offset:3px}.pomo [hidden]{display:none!important}.pomo-timer{border:1px solid var(--line);background:var(--surface,var(--bg));border-radius:24px;padding:clamp(1rem,4vw,2.5rem)}.pomo-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.pomo-modes,.pomo-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin-block:1rem;display:flex}.pomo-modes button[aria-pressed=true],.pomo #pomo-start{background:var(--pomo-accent);color:var(--bg)}.pomo-clock{--progress:0deg;aspect-ratio:1;background:radial-gradient(closest-side,var(--surface,var(--bg)) 94%,transparent 95%),conic-gradient(var(--pomo-accent) var(--progress),var(--line) 0);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:min(100%,300px);margin:1.5rem auto;display:flex}.pomo-clock output{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:clamp(3.3rem,11vw,5rem);line-height:1.2}.pomo-muted{color:var(--muted);font-size:.85rem}.pomo-clock .pomo-muted{text-align:center;max-width:80%}.pomo-stats,.pomo-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.pomo-stats>div{border:1px solid var(--line);border-radius:16px;padding:1.5rem}.pomo-stats span,.pomo-stats strong{display:block}.pomo-stats strong{font-size:2rem}.pomo-chart{align-items:stretch;gap:4px;min-height:190px;margin-bottom:1rem;display:flex}.pomo-bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:5px;min-width:0;display:flex}.pomo-bar .pomo-stick{background:var(--pomo-accent);border-radius:4px 4px 0 0;width:80%;max-width:45px;min-height:2px}.pomo-bar span{writing-mode:vertical-rl;max-height:3.3rem;font-size:.7rem}.pomo-bar:focus-visible{outline:2px solid var(--pomo-accent)}.pomo-bar-value{font-size:.68rem}.pomo-chart[data-days="30"] .pomo-bar-value{display:none}.pomo-task{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;margin:.9rem 0;display:grid}.pomo-task-name{overflow-wrap:anywhere}.pomo-task-bar{background:var(--line);border-radius:4px;grid-column:1/-1;height:8px;overflow:hidden}.pomo-task-bar i{background:var(--pomo-accent);height:100%;display:block}.pomo-history-item{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:.6rem;padding:1rem 0;display:flex}.pomo-history-item>div{min-width:0}.pomo-history-item strong{overflow-wrap:anywhere;display:block}.pomo-history-item button{font-size:.85rem}.pomo-settings,.pomo-note{border:1px solid var(--line);border-radius:16px;margin-block:2rem;padding:1.4rem}.pomo-settings summary{cursor:pointer;font-weight:700}.pomo-fields{margin-block:1rem}.pomo-note p{font-size:.9rem}.pomo table{border-collapse:collapse;width:100%}.pomo td,.pomo th{text-align:left;border-bottom:1px solid var(--line);padding:.5rem}.pomo dialog{color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:16px;max-width:min(90vw,500px)}.pomo dialog::backdrop{background:#0008}.pomo-danger{margin-top:1rem}#pomo-storage{border:1px solid;padding:1rem}#pomo-message:empty{display:none}@media (width<=450px){.pomo-modes button{padding:.5rem}.pomo-stats>div{padding:1rem}.pomo-stats strong{font-size:1.6rem}}
