.focus-page{--focus-accent:#2f7d65;--focus-accent-soft:#e5f2ec;--focus-border:rgb(var(--color-neutral-200));--focus-muted:rgb(var(--color-neutral-500));--focus-panel:rgba(var(--color-neutral), .94);--focus-paused-color:#b8843e;--focus-paused-bg:rgb(184 132 62 / 13%);--focus-stop-color:#a54a48;--focus-error-color:#b84a4a;--focus-page-title-size:clamp(2rem, 5vw, 3.4rem);--focus-card-title-size:.95rem;--focus-task-size:clamp(1.15rem, 2.5vw, 1.65rem);--focus-tag-size:.85rem;--focus-paused-size:.62rem;--focus-clock-size:clamp(3.1rem, 8vw, 5.8rem);--focus-clock-mobile-size:clamp(2.8rem, 16vw, 4.5rem);--focus-input-size:.75rem;--focus-button-size:.72rem;--focus-record-size:.72rem;--focus-legend-size:.68rem;--focus-columns:minmax(0, 1.03fr) minmax(20rem, .97fr);--focus-column-gap:clamp(1.2rem, 3vw, 2.2rem);--focus-card-radius:.9rem;--focus-timer-padding:clamp(1.3rem, 4vw, 2.2rem);--focus-panel-padding:1.3rem 1.4rem;--focus-panel-gap:1.2rem;--focus-page-padding:clamp(2rem, 5vw, 4.5rem) 0 5rem;--focus-task-margin:.8rem 0 2.5rem;--focus-visitor-task-margin:2.5rem 0 1rem;--focus-visitor-clock-display:none;--focus-visitor-totals-display:none;--focus-bar-height:11rem;--focus-pie-width:13rem;--focus-category-development:#34866c;--focus-category-design:#557dc0;--focus-category-writing:#b276bb;--focus-category-learning:#cf9643;--focus-category-reading:#4a9eaa;--focus-category-entertainment:#d36e79;--focus-category-other:#87919e}.dark .focus-page{--focus-accent:#72c5a5;--focus-accent-soft:rgb(47 125 101 / 19%);--focus-border:rgb(var(--color-neutral-700));--focus-muted:rgb(var(--color-neutral-400));--focus-panel:rgba(var(--color-neutral-800), .94)}.focus-page{padding:var(--focus-page-padding)}.focus-page__header{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding-bottom:1.6rem;border-bottom:1px solid var(--focus-border)}.focus-page__eyebrow,.focus-card-kicker{margin:0 0 .35rem;color:var(--focus-accent);font-size:.62rem;font-weight:800;letter-spacing:.18em;line-height:1.4}.focus-page__header h1{margin:0;font-size:var(--focus-page-title-size);font-weight:720;letter-spacing:-.045em;line-height:1.05}.focus-page__header>div>p:last-child{margin:.7rem 0 0;color:var(--focus-muted);font-size:.82rem}.focus-auth{display:flex;flex:none;align-items:center;gap:.45rem;color:var(--focus-muted);font-size:var(--focus-legend-size);white-space:nowrap}.focus-auth__dot{width:.42rem;height:.42rem;border-radius:50%;background:rgb(var(--color-neutral-400))}.is-owner .focus-auth__dot{background:var(--focus-accent);box-shadow:0 0 0 .25rem var(--focus-accent-soft)}.focus-link-button{margin-left:.3rem;padding:0;border:0;color:var(--focus-accent);background:0 0;cursor:pointer;font:inherit;font-weight:700}.focus-link-button:hover{text-decoration:underline;text-underline-offset:.2rem}.focus-notice{margin-top:1rem;padding:.75rem 1rem;border:1px solid var(--focus-border);border-radius:.6rem;color:var(--focus-muted);background:var(--focus-panel);font-size:var(--focus-button-size)}.focus-notice--success{color:var(--focus-accent);border-color:color-mix(in srgb,var(--focus-accent) 45%,transparent)}.focus-notice--error{color:var(--focus-error-color);border-color:rgb(184 74 74/38%)}.focus-grid{display:grid;grid-template-columns:var(--focus-columns);gap:var(--focus-column-gap);align-items:start;padding-top:2rem}.focus-timer-card,.focus-panel{border:1px solid var(--focus-border);border-radius:var(--focus-card-radius);background:var(--focus-panel);box-shadow:0 1.4rem 3.5rem rgb(0 0 0/4%);backdrop-filter:blur(14px)}.focus-timer-card{padding:var(--focus-timer-padding)}.focus-panel{padding:var(--focus-panel-padding)}.focus-card-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem}.focus-card-heading h2{margin:0;font-size:var(--focus-card-title-size);font-weight:720;line-height:1.35}.focus-live-badge,.focus-count{padding:.2rem .48rem;border:1px solid var(--focus-border);border-radius:999px;color:var(--focus-muted);font-size:.56rem;font-weight:750;letter-spacing:.1em;line-height:1.5}.is-running .focus-live-badge{border-color:rgb(47 125 101/.3);color:var(--focus-accent);background:var(--focus-accent-soft)}.is-paused .focus-live-badge{border-color:rgb(184 132 62/34%);color:var(--focus-paused-color);background:var(--focus-paused-bg)}.is-running .focus-live-badge::before{display:inline-block;width:.35rem;height:.35rem;margin-right:.3rem;border-radius:50%;background:currentColor;content:'';animation:focus-pulse 1.6s ease-in-out infinite}.is-paused .focus-live-badge::before{animation:none}.focus-clock{margin-top:clamp(2rem,5vw,4rem);font-size:var(--focus-clock-size);font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:-.065em;line-height:1}.focus-current-copy{min-height:1.5rem;margin:var(--focus-task-margin);display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;color:inherit;font-size:var(--focus-task-size);line-height:1.5}.focus-current-copy strong{flex-basis:100%;font-weight:700;overflow-wrap:anywhere}.focus-page:not(.is-owner) .focus-clock{display:var(--focus-visitor-clock-display)}.focus-page:not(.is-owner) .focus-today{display:var(--focus-visitor-totals-display)}.focus-page:not(.is-owner) .focus-current-copy{margin:var(--focus-visitor-task-margin)}.focus-current-copy span{margin-right:.55rem;padding:.18rem .45rem;border-radius:.3rem;color:var(--focus-accent);background:var(--focus-accent-soft);font-size:var(--focus-tag-size);font-weight:700}.focus-current-copy em{margin-left:.6rem;color:var(--focus-paused-color);font-size:var(--focus-paused-size);font-style:normal;font-weight:700}.focus-form{display:grid;grid-template-columns:minmax(0,1fr)7.2rem;gap:.8rem}.focus-form[hidden]{display:none}.focus-limit{grid-column:1/-1;min-width:0;margin:.2rem 0 0;padding:0;border:0}.focus-limit legend{margin-bottom:.35rem;color:var(--focus-muted);font-size:.62rem;font-weight:650}.focus-limit__inputs{display:flex;gap:1rem}.focus-form .focus-limit__inputs label{display:flex;align-items:center;gap:.5rem}.focus-limit__inputs input{max-width:5.5rem}.focus-limit p{margin:.4rem 0 0;color:var(--focus-muted);font-size:.58rem;line-height:1.5}.focus-form label,.focus-login label{display:grid;gap:.35rem}.focus-form label>span,.focus-login label>span{color:var(--focus-muted);font-size:.62rem;font-weight:650}.focus-form input,.focus-form select,.focus-login input{width:100%;height:2.7rem;padding:0 .78rem;border:1px solid var(--focus-border);border-radius:.5rem;outline:none;color:inherit;background:rgba(var(--color-neutral),.48);font-size:var(--focus-input-size);transition:border-color .18s ease,box-shadow .18s ease}.dark .focus-form input,.dark .focus-form select,.dark .focus-login input{background:rgba(var(--color-neutral-900),.25)}.focus-form input:focus,.focus-form select:focus,.focus-login input:focus{border-color:var(--focus-accent);box-shadow:0 0 0 .2rem var(--focus-accent-soft)}.focus-form :disabled{cursor:not-allowed;opacity:.58}.focus-primary-button{display:inline-flex;min-height:2.8rem;align-items:center;justify-content:center;gap:.55rem;border:1px solid var(--focus-accent);border-radius:.55rem;color:#fff;background:var(--focus-accent);cursor:pointer;font-size:var(--focus-button-size);font-weight:750;transition:opacity .18s ease,transform .18s ease,background .18s ease}.focus-actions{display:grid;grid-column:1/-1;grid-template-columns:1fr;gap:.7rem;margin-top:.2rem}.focus-actions.has-pause{grid-template-columns:1fr 1.45fr}.focus-secondary-button[hidden]{display:none}.focus-cancel-button[hidden]{display:none}.focus-cancel-button{grid-column:1/-1;padding:.35rem;border:0;color:var(--focus-muted);background:0 0;cursor:pointer;font-size:.65rem}.focus-cancel-button:hover:not(:disabled){color:var(--focus-error-color)}.focus-cancel-button:disabled{cursor:not-allowed;opacity:.48}.focus-secondary-button{display:inline-flex;min-height:2.8rem;align-items:center;justify-content:center;gap:.55rem;border:1px solid var(--focus-border);border-radius:.55rem;color:inherit;background:0 0;cursor:pointer;font-size:var(--focus-button-size);font-weight:750;transition:border-color .18s ease,color .18s ease,transform .18s ease}.focus-secondary-button:hover:not(:disabled){border-color:var(--focus-accent);color:var(--focus-accent);transform:translateY(-1px)}.focus-secondary-button:disabled{cursor:not-allowed;opacity:.48}.focus-secondary-button__icon{width:.5rem;height:.65rem;border-right:2px solid;border-left:2px solid}.focus-secondary-button.is-resume{border-color:var(--focus-accent);color:var(--focus-accent)}.focus-secondary-button.is-resume .focus-secondary-button__icon{width:0;height:0;border-top:.36rem solid transparent;border-right:0;border-bottom:.36rem solid transparent;border-left:.58rem solid}.focus-primary-button:hover:not(:disabled){transform:translateY(-1px)}.focus-primary-button:disabled{cursor:not-allowed;opacity:.48}.focus-primary-button.is-stop{border-color:var(--focus-stop-color);background:var(--focus-stop-color)}.focus-primary-button__icon{width:.55rem;height:.55rem;border-radius:50%;background:currentColor}.focus-primary-button.is-stop .focus-primary-button__icon{border-radius:.08rem}.focus-today{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.6rem;padding-top:1.4rem;border-top:1px solid var(--focus-border)}.focus-today div{display:grid;gap:.12rem}.focus-today span{color:var(--focus-muted);font-size:.6rem}.focus-today strong{font-size:.92rem;font-weight:650;font-variant-numeric:tabular-nums}.focus-dashboard{display:grid;gap:var(--focus-panel-gap)}.focus-chart{display:grid;height:var(--focus-bar-height);grid-template-columns:repeat(7,1fr);gap:.5rem;align-items:end;margin-top:1.3rem}.focus-chart__day{display:grid;height:100%;grid-template-rows:1rem minmax(0,1fr)1rem;gap:.3rem;text-align:center}.focus-chart__value,.focus-chart__label{overflow:hidden;color:var(--focus-muted);font-size:.5rem;line-height:1rem;white-space:nowrap}.focus-chart__track{position:relative;display:block;overflow:hidden;border-radius:.28rem;background:rgba(var(--color-neutral-200),.55)}.dark .focus-chart__track{background:rgba(var(--color-neutral-700),.55)}.focus-chart__track i{position:absolute;right:0;bottom:0;left:0;border-radius:.28rem;background:var(--focus-accent);transition:height .4s ease}.focus-records{margin-top:.7rem}.focus-pie-scope{margin:.5rem 0 1rem;color:var(--focus-muted);font-size:.6rem}.focus-pie{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.focus-pie svg{flex:1 1 9rem;width:9rem;max-width:var(--focus-pie-width);overflow:visible}.focus-pie__slice{cursor:pointer;transition:opacity .15s ease}.focus-pie__slice:hover,.focus-pie__slice:focus{opacity:.72;outline:none;stroke:currentColor;stroke-width:2px}.focus-pie__legend{flex:1 1 9rem;margin:0;padding:0;list-style:none}.focus-pie__legend li{display:flex;align-items:center;gap:.4rem;padding:.3rem 0;font-size:var(--focus-legend-size)}.focus-pie__legend li:focus{outline:2px solid var(--focus-accent);outline-offset:2px}.focus-pie__legend i{flex:none;width:.55rem;height:.55rem;border-radius:50%}.focus-pie__legend strong{margin-left:auto;text-align:right;font-size:.65rem;font-variant-numeric:tabular-nums}.focus-pie__legend small{display:block;color:var(--focus-muted);font-size:.58rem;font-weight:400}.focus-pie-detail{min-height:2.6em;margin:.85rem 0 0;color:var(--focus-muted);font-size:.65rem;line-height:1.4}.focus-record{display:grid;grid-template-columns:auto minmax(0,1fr)auto;gap:.7rem;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--focus-border)}.focus-record:last-child{border-bottom:0}.focus-record__tag{padding:.18rem .38rem;border-radius:.28rem;color:var(--focus-accent);background:var(--focus-accent-soft);font-size:.55rem;font-weight:700}.focus-record h3{overflow:hidden;margin:0;font-size:var(--focus-record-size);font-weight:650;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.focus-record time{display:block;margin-top:.1rem;color:var(--focus-muted);font-size:.52rem;line-height:1.3}.focus-record strong{font-size:.66rem;font-weight:700;font-variant-numeric:tabular-nums}.focus-empty{margin:1rem 0 .2rem;color:var(--focus-muted);font-size:.7rem;text-align:center}.focus-login[hidden]{display:none}.focus-login{position:fixed;z-index:100;inset:0;display:grid;padding:1rem;place-items:center}.focus-login__backdrop{position:absolute;inset:0;border:0;background:rgb(0 0 0/44%);backdrop-filter:blur(4px)}.focus-login__dialog{position:relative;width:min(25rem,100%);padding:1.7rem;border:1px solid var(--focus-border);border-radius:.8rem;background:rgb(var(--color-neutral));box-shadow:0 1.5rem 5rem rgb(0 0 0/28%)}.dark .focus-login__dialog{background:rgb(var(--color-neutral-800))}.focus-login__dialog h2{margin:0;font-size:1.25rem}.focus-login__dialog>p:not(.focus-card-kicker){margin:.45rem 0 1.2rem;color:var(--focus-muted);font-size:var(--focus-legend-size);line-height:1.55}.focus-login__dialog form{display:grid;gap:.85rem}.focus-login__close{position:absolute;top:.8rem;right:.9rem;padding:.2rem;border:0;color:var(--focus-muted);background:0 0;cursor:pointer;font-size:1.3rem}.focus-login__error{min-height:1rem;margin:0;color:var(--focus-error-color);font-size:.62rem;line-height:1.4}.focus-modal-open{overflow:hidden}@keyframes focus-pulse{0%,100%{opacity:1}50%{opacity:.25}}@media(max-width:860px){.focus-grid{grid-template-columns:1fr}.focus-dashboard{grid-template-columns:minmax(0,1fr)minmax(0,1fr)}}@media(max-width:640px){.focus-page__header{align-items:start;flex-direction:column;gap:1rem}.focus-grid{padding-top:1.2rem}.focus-dashboard{grid-template-columns:1fr}.focus-form{grid-template-columns:1fr}.focus-actions{grid-column:auto}.focus-clock{margin-top:2.2rem;font-size:var(--focus-clock-mobile-size)}}@media(prefers-reduced-motion:reduce){.is-running .focus-live-badge::before{animation:none}.focus-chart__track i{transition:none}}