:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--error:#b3261e;font-family:system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--error:#ff8a80}}main.dark-screen{--error:#ff8a80}body{grid-template-columns:minmax(0,1fr);place-items:center stretch;min-height:100vh;margin:0;display:grid}main{box-sizing:border-box;width:100%;max-width:28rem;margin-inline:auto;padding:1rem}.setup{flex-direction:column;gap:1rem;display:flex}.setup fieldset{border:1px solid #3a3f4b;border-radius:.5rem;margin:0}.choices{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.choice{align-items:center;gap:.4rem;min-height:2.75rem;display:flex}.field{flex-direction:column;gap:.25rem;display:flex}.field-row{align-items:center;gap:.5rem;display:flex}.field input[type=text],.field select{font:inherit;box-sizing:border-box;min-height:2.75rem;padding:0 .75rem}.field-hint{opacity:.75;margin:0;font-size:.85rem}.field-error{color:var(--error);opacity:1}.primary{font:inherit;cursor:pointer;border-radius:.5rem;min-height:3rem}:focus-visible{outline-offset:2px;outline:3px solid #8ab4f8}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.screen-nav{flex-wrap:wrap;gap:.5rem;padding:0 1rem;display:flex}.screen-nav button{font:inherit;cursor:pointer;border-radius:.5rem;min-height:2.75rem;padding:0 1rem}.screen-nav [aria-current=page]{font-weight:600;text-decoration:underline}.settings{gap:1.25rem;max-width:32rem;margin:0 auto;padding:1rem;display:grid}.account-bar{overflow-wrap:anywhere;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.25rem .75rem;padding:.5rem 1rem;font-size:.875rem;display:flex}main.dark-screen{color:#e8eaed;background:#0e1116;place-items:center;max-width:none;min-height:100dvh;padding:1.5rem 1rem;display:grid}.timer-screen,.summary{text-align:center;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:32rem;display:flex}.timer-mode{text-transform:uppercase;letter-spacing:.1em;opacity:.7;margin:0;font-size:.85rem}.timer-phase{margin:0;font-size:1.5rem;font-weight:500}.timer-clock{font-variant-numeric:tabular-nums;font-size:clamp(3.5rem,22vw,8rem);font-weight:300;line-height:1}.on-break .timer-clock{color:#8ab4f8}.timer-progress,.timer-meta{margin:0}.timer-meta{overflow-wrap:anywhere;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;display:flex}.timer-tag{text-transform:capitalize}.timer-goal{opacity:.85}.timer-controls{flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;display:flex}.dark-screen button,.link-button{font:inherit;min-width:7rem;min-height:3rem;color:inherit;cursor:pointer;box-sizing:border-box;background:#1b1f27;border:1px solid #5f6368;border-radius:.5rem;justify-content:center;align-items:center;padding:0 1.25rem;text-decoration:none;display:inline-flex}.dark-screen button.primary{color:#0e1116;background:#8ab4f8;border-color:#8ab4f8}.dark-screen button.danger{border-color:var(--error);color:var(--error)}.timer-audio,.timer-awake{border-top:1px solid #2a2f3a;width:100%;padding-top:.75rem}.timer-audio p{margin:0}.timer-awake .choice{justify-content:center}.summary-details{text-align:left;grid-template-columns:auto 1fr;gap:.5rem 1rem;margin:0;display:grid}.summary-details dt{opacity:.7}.summary-details dd{overflow-wrap:anywhere;margin:0}main.history-screen{max-width:40rem;margin:0 auto;display:block}.history{flex-direction:column;gap:1rem;display:flex}.history h1,.history h2,.history p{margin:0}.history h2{margin-bottom:.5rem;font-size:1.1rem}.history-views,.history-tags{flex-wrap:wrap;gap:.5rem;display:flex}.history button,.history input{font:inherit;box-sizing:border-box;min-height:2.75rem;color:inherit;cursor:pointer;background:#1b1f27;border:1px solid #5f6368;border-radius:.5rem;padding:0 .9rem}.history button[aria-pressed=true]{color:#0e1116;background:#8ab4f8;border-color:#8ab4f8}.history button:disabled{opacity:.4;cursor:default}.history-tags button{text-transform:capitalize}.history-range{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.history-range label{flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.history-stepper{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.history-stepper p{text-align:center;flex:1}.history-offline,.history-empty{border:1px solid #3a3f4b;border-radius:.5rem;padding:.75rem}.history-empty{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.history-totals{gap:2rem;margin:0;display:flex}.history-totals dt{opacity:.7;font-size:.85rem}.history-totals dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.75rem}.history ul,.history ol{margin:0;padding:0;list-style:none}.history-tag-list li{border-bottom:1px solid #2a2f3a;justify-content:space-between;padding:.35rem 0;display:flex}.history-chart{align-items:stretch;gap:2px;height:9rem;display:flex}.history-chart li{flex-direction:column;flex:1;min-width:0;display:flex}.bar-track{flex:1;align-items:flex-end;display:flex}.bar{background:#8ab4f8;border-radius:2px 2px 0 0;width:100%;min-height:2px;display:block}.bar-label{white-space:nowrap;opacity:.8;height:1.25rem;font-size:.7rem;overflow:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.history-row{border-bottom:1px solid #2a2f3a;flex-direction:column;gap:.25rem;padding:.75rem 0;display:flex}.history-row-when{opacity:.75;font-size:.85rem}.history-row-main{flex-wrap:wrap;gap:.25rem 1rem;display:flex}.history-row-goal{overflow-wrap:anywhere;opacity:.85}.history-badge{border:1px solid #8ab4f8;border-radius:1rem;align-self:flex-start;padding:.1rem .5rem;font-size:.8rem}.history-badge-error{border-color:var(--error);color:var(--error)}.history-row-actions,.history-edit{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.history-row-actions button,.history-edit button,.archive button{font:inherit;cursor:pointer;border-radius:.5rem;min-height:2.75rem;padding:0 1rem}.history-edit .field{flex:14rem}.history-undo:empty{display:none}.archive-confirm{border:1px solid var(--error);border-radius:.5rem;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding:1rem;display:flex}.archive-confirm p{flex-basis:100%}.archive .danger{border-color:var(--error);color:var(--error)}.youtube-player{aspect-ratio:16/9;background:#000;width:100%;min-width:0;max-width:24rem;min-height:12.5rem;margin:0 auto}.youtube-player iframe{border:0;width:100%;height:100%;display:block}.youtube-controls{gap:.75rem;display:grid}.youtube-recent{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}