.site-main:has(.focus-workspace){--site-main-space:1.5rem}.focus-workspace{--pomo-accent:#b15446;--pomo-soft:color-mix(in srgb, var(--pomo-accent) 9%, var(--surface));gap:1.25rem;min-inline-size:0;max-inline-size:46rem;margin-inline:auto;padding-block:clamp(1rem,4vw,3rem) 4rem;display:grid}.focus-workspace .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.focus-heading,.focus-toolbar,.focus-section-heading,.focus-dialog-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.focus-heading{flex-wrap:wrap;padding-inline:.25rem}.focus-heading h1{letter-spacing:-.04em;margin:.4rem 0 0;font-size:clamp(1.7rem,4vw,2.3rem)}.focus-eyebrow{color:var(--text-secondary);font-size:.8rem}.focus-toolbar{gap:.5rem}.focus-toolbar button span{margin-inline-end:.3rem;font-size:1.15rem}.focus-card{border:1px solid var(--border);background:var(--surface);border-radius:24px;min-inline-size:0;padding:1.5rem;box-shadow:0 10px 35px #12213b09}.focus-stage{min-inline-size:0}.focus-timer{text-align:center;background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--pomo-accent) 15%, transparent), transparent 72%), var(--surface);border-color:color-mix(in srgb, var(--pomo-accent) 22%, var(--border));box-shadow:0 18px 65px color-mix(in srgb, var(--pomo-accent) 8%, transparent);padding:clamp(1.5rem,5vw,3rem);position:relative;overflow:hidden}.focus-phase-strip{border:1px solid var(--border);background:var(--surface);border-radius:100px;justify-content:center;gap:.3rem;max-inline-size:27rem;margin-inline:auto;padding:.35rem;display:flex}.focus-phase-strip span{color:var(--text-secondary);white-space:nowrap;border-radius:100px;flex:1;padding:.55rem .9rem;font-size:.85rem}.focus-phase-strip [aria-current]{background:var(--pomo-accent);color:#fff;font-weight:700;box-shadow:0 3px 8px #0000001a}.focus-clock{font-family:var(--font-dana), sans-serif;letter-spacing:-.055em;font-variant-numeric:tabular-nums;color:var(--heading);direction:ltr;margin:1rem 0;font-size:clamp(5rem,16vw,8.5rem);font-weight:800;line-height:1.25}.focus-timer>label{text-align:start;max-inline-size:23rem;margin:1.5rem auto .5rem}.focus-timer>p{color:var(--text-secondary);margin-block:.6rem;font-size:.85rem}.focus-workspace button{font:inherit;cursor:pointer;background:var(--interactive-primary);color:var(--on-interactive);border:1px solid #0000;border-radius:12px;padding:.65rem 1.1rem;transition:background .18s,box-shadow .18s,transform .18s}.focus-workspace button:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 4px 12px #0000000f}.focus-workspace button:active:not(:disabled){transform:translateY(1px)}.focus-workspace button:disabled{opacity:.5;cursor:default}.focus-workspace button.focus-secondary{border-color:var(--border);background:var(--surface);color:var(--text-primary);font-size:.85rem}.focus-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-block:1rem;display:flex}.focus-timer .focus-actions button:first-child{background:var(--pomo-accent);color:#fff;min-inline-size:10rem;box-shadow:0 4px 0 color-mix(in srgb, var(--pomo-accent) 80%, #000);padding:.85rem 2rem;font-size:1.15rem;font-weight:700}.focus-workspace label{gap:.5rem;min-inline-size:0;font-size:.85rem;display:grid}.focus-workspace :is(input,textarea,select){border:1px solid var(--border);background:var(--control-surface);inline-size:100%;min-inline-size:0;max-inline-size:100%;color:var(--text-primary);font:inherit;border-radius:10px;padding:.75rem}.focus-workspace :is(button,input,textarea,select,summary,a):focus-visible{outline:3px solid var(--focus);outline-offset:3px}.focus-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.focus-fields small{color:var(--text-secondary);font-size:.7rem}.focus-workspace .focus-check{border-block-end:1px solid var(--border);flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 0;font-size:.9rem;display:flex}.focus-check input{appearance:none;background:var(--border-strong);cursor:pointer;border:0;border-radius:2rem;flex:none;block-size:1.55rem;min-block-size:0;inline-size:2.7rem;min-inline-size:0;padding:0;transition:background .2s;position:relative}.focus-check input:after{content:"";background:#fff;border-radius:50%;block-size:1.15rem;inline-size:1.15rem;transition:inset-inline-start .2s;position:absolute;inset-block-start:.2rem;inset-inline-start:.2rem;box-shadow:0 1px 3px #00000026}.focus-check input:checked{background:#58836c}.focus-check input:checked:after{inset-inline-start:1.35rem}.focus-workspace form{gap:1rem;display:grid}.focus-section-heading{margin-block-end:1rem}.focus-section-heading h2{margin:0;font-size:1.25rem}.focus-task-list{gap:.7rem;padding:0;list-style:none;display:grid}.focus-task-list li{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1rem;display:flex}.focus-task-list li[data-selected=true]{border-inline-start:4px solid var(--pomo-accent);background:var(--pomo-soft)}.focus-task-list li[data-state=completed] strong{color:var(--text-secondary);text-decoration:line-through}.focus-task-list li>div{min-inline-size:0;max-inline-size:100%}.focus-task-list :is(strong,span){overflow-wrap:anywhere;display:block}.focus-task-list span,.focus-task-list p{color:var(--text-secondary);font-size:.8rem}.focus-task-list p{white-space:pre-wrap;overflow-wrap:anywhere;margin-block:.4rem}.focus-task-list .focus-actions{justify-content:start;gap:.35rem;margin:0}.focus-task-list button{padding:.4rem .65rem;font-size:.75rem}.focus-plan{border:1px solid var(--border);background:var(--pomo-soft);text-align:center;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:1.25rem;display:grid}.focus-plan span{color:var(--text-secondary);margin-block-end:.5rem;font-size:.7rem;display:block}.focus-plan strong{color:var(--heading);font-size:1.1rem}.focus-plan small{color:var(--text-secondary);grid-column:1/-1;font-size:.7rem}.focus-signin{text-align:center;color:var(--text-secondary);font-size:.85rem}.focus-dialog{color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:24px;max-block-size:calc(100dvh - 3rem);inline-size:min(36rem,100vw - 2rem);max-inline-size:calc(100vw - 2rem);margin:auto;padding:0;box-shadow:0 30px 100px #00000040}.focus-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0914258c}.focus-dialog[open]{animation:.18s ease-out focus-appear}.focus-dialog--wide{inline-size:min(64rem,100vw - 2rem)}.focus-dialog-heading{background:var(--surface);border-block-end:1px solid var(--border);z-index:1;padding:1.1rem 1.5rem;position:sticky;inset-block-start:0}.focus-dialog-heading h2{margin:0;font-size:1.25rem}.focus-workspace .focus-close{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:50%;block-size:2.3rem;inline-size:2.3rem;padding:0;font-size:1.5rem}.focus-dialog-content{padding:1.5rem}.focus-dialog .focus-card{box-shadow:none;border:0;border-radius:0;padding:0}.focus-dialog .focus-help{color:var(--text-secondary);font-size:.8rem;line-height:1.9}.focus-empty{text-align:center;padding:2rem 0}.focus-error:empty,.focus-notice:empty{display:none}.focus-error,.focus-notice,.focus-warning{border-radius:12px;padding:.8rem 1rem;font-size:.85rem}.focus-error{color:var(--error);background:var(--error-surface)}.focus-notice{color:var(--success);background:var(--success-surface)}.focus-warning{color:var(--warning);background:var(--warning-surface)}.focus-totals{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.focus-totals div{background:var(--surface-muted);border-radius:14px;padding:1rem}.focus-totals dt{font-size:.8rem}.focus-totals dd{color:var(--heading);margin:1rem 0 0;font-size:1.1rem;font-weight:700}.focus-chart{block-size:10rem;inline-size:100%;color:var(--link);background:var(--surface-muted);direction:ltr;border-radius:12px;margin-block:1rem;display:block}.focus-table-scroll{max-block-size:26rem;max-inline-size:100%;overflow:auto}.focus-table-scroll table{border-collapse:collapse;inline-size:100%;font-size:.8rem}.focus-table-scroll :is(td,th){text-align:start;border-block-end:1px solid var(--border);min-inline-size:6rem;padding:.65rem}@keyframes focus-appear{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.focus-dialog[open]{animation:none}.focus-workspace *{transition:none!important}}@media (max-width:600px){.focus-workspace{gap:1rem}.focus-heading{text-align:center;justify-content:center}.focus-heading>div{inline-size:100%}.focus-card{border-radius:20px;padding:1rem}.focus-timer{padding:1.25rem .8rem}.focus-phase-strip span{padding:.5rem .35rem;font-size:.73rem}.focus-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.focus-plan{grid-template-columns:1fr;gap:1rem}.focus-dialog{border-radius:18px;max-block-size:calc(100dvh - 1.5rem)}.focus-dialog-content{padding:1rem}.focus-task-list li{flex-direction:column}}