body{background:var(--page-bg);color:var(--color-text)}.wordmark{font-family:var(--font-wordmark), var(--font-sans);letter-spacing:-.03em;font-weight:400}.site-header{z-index:20;background:color-mix(in srgb, var(--page-bg) 86%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;max-width:880px;height:56px;margin:0 auto;padding:0 16px;display:flex;position:sticky;top:0}.site-header__brand{font-size:15px;line-height:20px}.site-header__brand span{color:var(--color-text-tertiary)}.site-header__actions{align-items:center;gap:4px;display:flex}.site-header__icon.ds-theme-toggle{border-radius:var(--radius-full);place-items:center;width:32px;height:32px;display:grid}.site-header__icon.ds-theme-toggle:hover{background:var(--color-surface-secondary)}.site-header__lang{border-radius:var(--radius-full);color:var(--color-text-secondary);padding:6px 10px;font-size:13px;line-height:18px}.site-header__lang:hover{background:var(--color-surface-secondary);color:var(--color-text)}.lang-hint{justify-content:flex-end;max-width:880px;margin:0 auto;padding:4px 16px 0;display:flex}.lang-hint__pill{border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);background:var(--color-surface);align-items:center;gap:4px;padding:4px 4px 4px 12px;font-size:13px;display:inline-flex}.lang-hint a{color:var(--color-text);font-weight:500}.lang-hint button{border-radius:var(--radius-full);width:24px;height:24px;color:var(--color-text-tertiary);cursor:pointer;place-items:center;display:grid}.lang-hint svg{width:14px;height:14px}.page{max-width:880px;margin:0 auto;padding:8px 16px 40px}.page__prose{max-width:720px;margin-top:56px}.page__prose .faq h3{margin-top:20px;font-size:16px}.hub-hero{padding:48px 0 32px}.hub-hero__title{letter-spacing:-.02em;word-break:keep-all;max-width:720px;font-size:40px;font-weight:650;line-height:1.2}.hub-hero__lead{max-width:600px;color:var(--color-text-secondary);word-break:keep-all;margin-top:12px;font-size:17px;line-height:1.6}.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.hub-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);height:100%;transition:background-color .15s var(--ease-standard), border-color .15s var(--ease-standard);flex-direction:column;gap:6px;padding:20px;display:flex}.hub-card:hover{border-color:var(--color-border-strong);background:var(--color-surface-secondary)}.hub-card__title{word-break:keep-all;font-size:18px;font-weight:600;line-height:1.35}.hub-card__desc{color:var(--color-text-secondary);word-break:keep-all;font-size:14px;line-height:1.5}.related{margin-top:48px}.related__title{margin-bottom:12px;font-size:17px;font-weight:600}.tool-head{padding:32px 0 20px}.tool-head__back{color:var(--color-text-tertiary);font-size:14px}.tool-head__back:hover{color:var(--color-text)}.tool-head__title{letter-spacing:-.02em;word-break:keep-all;margin-top:6px;font-size:32px;font-weight:650;line-height:1.25}.tool-head__lead{max-width:640px;color:var(--color-text-secondary);word-break:keep-all;margin-top:8px;font-size:16px;line-height:1.6}.tool-panel{border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-surface);flex-direction:column;gap:16px;padding:20px;display:flex}.tool-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tool-row--between{justify-content:space-between}.tool-stats{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-border-subtle);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;display:grid;overflow:hidden}.tool-stat{background:var(--color-surface);padding:12px 14px}.tool-stat__label{color:var(--color-text-tertiary);font-size:12px;line-height:16px}.tool-stat__value{font-variant-numeric:tabular-nums;margin-top:2px;font-size:20px;font-weight:600;line-height:28px}.tool-big{letter-spacing:-.03em;font-variant-numeric:tabular-nums;text-align:center;font-size:clamp(48px,12vw,96px);font-weight:700;line-height:1}.tool-note{color:var(--color-text-tertiary);word-break:keep-all;font-size:13px;line-height:1.5}.tool-error{color:var(--color-text-danger-soft);font-size:14px;line-height:1.5}.tool-drop{border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-xl);min-height:180px;color:var(--color-text-secondary);text-align:center;cursor:pointer;transition:background-color .15s var(--ease-standard), border-color .15s var(--ease-standard);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.tool-drop[data-active]{border-color:var(--color-text);background:var(--color-surface-secondary)}.tool-canvas{border-radius:var(--radius-lg);background:var(--color-surface-secondary);width:100%;display:block}.tool-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tool-list>li{border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:14px;display:flex}.tool-list>li:first-child{border-top:0}.tool-meter{border-radius:var(--radius-full);background:var(--color-surface-secondary);height:10px;position:relative;overflow:hidden}.tool-meter>span{border-radius:inherit;background:var(--color-text);transition:width 80ms linear;position:absolute;inset:0 auto 0 0}.ad-slot{margin:32px 0 0}.ad-slot:has(ins[data-ad-status=unfilled]){display:none}.site-footer{border-top:1px solid var(--color-border-subtle);max-width:880px;margin:64px auto 0;padding:32px 16px 64px}.site-footer__title{color:var(--color-text-tertiary);margin-bottom:12px;font-size:13px}.site-footer__sites{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.site-footer__sites a{color:var(--color-text-secondary);flex-direction:column;gap:4px;font-size:13px;line-height:1.5;display:flex}.site-footer__sites a .wordmark{color:var(--color-text);font-size:13px}.site-footer__sites a:hover .wordmark{text-decoration:underline}.site-footer__links{color:var(--color-text-tertiary);gap:20px;margin-top:28px;font-size:13px;display:flex}.site-footer__links a:hover{color:var(--color-text)}@media (max-width:720px){.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.hub-hero{padding:32px 0 24px}.hub-hero__title{font-size:30px}.hub-grid,.site-footer__sites{grid-template-columns:minmax(0,1fr)}.tool-head{padding:20px 0 16px}.tool-head__title{font-size:26px}.tool-panel{padding:16px}}
.focus-seg{max-width:100%}.focus-seg .ds-segmented__option[data-state=on]{background:var(--segmented-control-thumb-background);box-shadow:var(--segmented-control-thumb-shadow)}.focus-seg .ds-segmented__option:not([data-state=on]):not(:disabled):hover:before{opacity:.5}.focus-chip{cursor:pointer;border:0}.focus-field{flex-direction:column;gap:6px;min-width:0;display:flex}.focus-field__label{color:var(--color-text-secondary);font-size:13px;line-height:18px}.focus-field .ds-input{font-size:16px}.focus-stack{flex-direction:column;gap:14px;display:flex}.focus-range{cursor:pointer;appearance:none;touch-action:pan-y;background:0 0;width:100%;height:28px;margin:0}.focus-range::-webkit-slider-runnable-track{border-radius:var(--radius-full);background:linear-gradient(to right, var(--color-text) var(--fill,0%), var(--color-border-strong) var(--fill,0%));height:4px}.focus-range::-webkit-slider-thumb{border-radius:var(--radius-full);background:var(--color-text-emphasis);width:18px;height:18px;box-shadow:var(--shadow-100);appearance:none;border:0;margin-top:-7px}.focus-range::-moz-range-track{border-radius:var(--radius-full);background:var(--color-border-strong);height:4px}.focus-range::-moz-range-progress{border-radius:var(--radius-full);background:var(--color-text);height:4px}.focus-range::-moz-range-thumb{border-radius:var(--radius-full);background:var(--color-text-emphasis);width:18px;height:18px;box-shadow:var(--shadow-100);border:0}.focus-range:focus{outline:none}.focus-range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-ring);outline-offset:2px}.focus-range:focus-visible::-moz-range-thumb{outline:2px solid var(--color-ring);outline-offset:2px}.focus-range:disabled{cursor:not-allowed;opacity:.4}.focus-details{background:var(--color-surface);margin:0}.focus-details>summary{cursor:pointer;-webkit-user-select:none;user-select:none}.focus-details>summary::-webkit-details-marker{display:none}.focus-details>summary:focus-visible{border-radius:var(--radius-lg);outline:2px solid var(--color-ring);outline-offset:-2px}.focus-details__body{flex-direction:column;gap:20px;padding-bottom:20px;display:flex}.focus-typing{--type-size:26px;--type-line:1.65;gap:20px}.focus-typing__bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.focus-typing__chips{gap:6px;display:flex}.focus-typing__chips .ds-chip{padding:4px 12px;font-size:13px}.focus-typing__session{flex-direction:column;gap:12px;display:flex}.focus-typing__status{justify-content:space-between;align-items:center;min-height:32px;display:flex}.focus-typing__count{color:var(--color-text-info);font-variant-numeric:tabular-nums;font-size:24px;font-weight:650;line-height:32px}.focus-typing__stage{min-height:calc(var(--type-size) * var(--type-line) * 3);cursor:text;position:relative}.focus-typing__stage--empty{margin-top:44px}.focus-typing__stage[data-done]{cursor:auto}.focus-typing__input{z-index:1;color:#0000;caret-color:#0000;opacity:0;cursor:text;resize:none;background:0 0;border:0;outline:none;width:100%;height:100%;padding:0;font-size:16px;position:absolute;inset:0}.focus-typing__stage[data-done] .focus-typing__input{pointer-events:none}.focus-typing__view{height:calc(var(--type-size) * var(--type-line) * 3);font-size:var(--type-size);line-height:var(--type-line);letter-spacing:.01em;transition:filter .2s var(--ease-standard), opacity .2s var(--ease-standard);position:relative;overflow:hidden}.focus-typing__stage:not([data-focused]) .focus-typing__view{filter:blur(4px);opacity:.45}.focus-typing__words{transition:transform .18s var(--ease-standard);flex-wrap:wrap;column-gap:.5em;display:flex;position:relative}.focus-w{white-space:pre;text-underline-offset:.28em;text-decoration-thickness:2px;display:block}.focus-w[data-error]{text-decoration-line:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--color-text-danger-soft) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--color-text-danger-soft) 55%, transparent)}.focus-c{color:var(--color-text-tertiary);transition:color 80ms linear}.focus-c[data-c=ok]{color:var(--color-text-emphasis)}.focus-c[data-c=bad]{color:var(--color-text-danger-soft)}.focus-c[data-c=extra]{color:var(--color-text-danger-soft);opacity:.6}.focus-c[data-c=pending]{color:var(--color-text-secondary);text-underline-offset:.25em;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.focus-c[data-c=miss]{color:var(--color-text-tertiary)}.focus-typing__caret{z-index:1;background:var(--color-ring);pointer-events:none;width:2px;height:1.2em;transition:transform 90ms var(--ease-standard);border-radius:1px;position:absolute;top:0;left:-1px}.focus-typing__caret[data-idle]{animation:1.1s step-end infinite focus-blink}.focus-typing__stage:not([data-focused]) .focus-typing__caret{opacity:0}@keyframes focus-blink{50%{opacity:0}}.focus-typing__hint{color:var(--color-text);text-align:center;opacity:0;pointer-events:none;transition:opacity .2s var(--ease-standard);justify-content:center;align-items:center;padding:0 16px;font-size:16px;font-weight:500;display:flex;position:absolute;inset:0}.focus-typing__stage:not([data-focused]) .focus-typing__hint{opacity:1}.focus-typing__best{margin:0}.focus-result{z-index:2;flex-direction:column;gap:20px;display:flex;position:relative}.focus-result__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.focus-result__big{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(56px,14vw,88px);font-weight:700;line-height:1}.focus-result__unit{color:var(--color-text-secondary);letter-spacing:0;margin-left:10px;font-size:18px;font-weight:500}.focus-result__best{min-height:20px;color:var(--color-text-secondary);margin:8px 0 0;font-size:14px;line-height:20px}.focus-result__best[data-new]{color:var(--color-text-success-soft);font-weight:600}.focus-result__actions{align-items:center;gap:12px;display:flex}.focus-result__kbd{color:var(--color-text-tertiary);font-size:13px}.focus-chart{margin:0}.focus-chart__plot{height:160px;margin-left:36px;position:relative}.focus-chart__plot svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.focus-chart__y{width:30px;position:absolute;top:0;bottom:0;left:-36px}.focus-chart__y span,.focus-chart__x{color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;font-size:11px;line-height:14px}.focus-chart__y span{position:absolute;right:0;transform:translateY(-50%)}.focus-chart__x{justify-content:space-between;margin:6px 0 0 36px;display:flex}.focus-chart__grid{stroke:var(--color-border);stroke-width:1px}.focus-chart__raw{fill:none;stroke:var(--color-text-tertiary);stroke-width:1.5px;stroke-dasharray:3 3;stroke-linejoin:round}.focus-chart__speed{fill:none;stroke:var(--color-text-emphasis);stroke-width:2.25px;stroke-linejoin:round;stroke-linecap:round}.focus-chart__err{stroke:var(--color-text-danger-soft);stroke-width:2px;stroke-linecap:round}.focus-chart__legend{color:var(--color-text-secondary);flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:12px;line-height:16px;display:flex}.focus-chart__legend span{align-items:center;gap:6px;display:inline-flex}.focus-chart__legend span:before{content:"";border-top:2px solid var(--color-text-emphasis);width:14px;height:0}.focus-chart__legend span[data-k=raw]:before{border-top:2px dashed var(--color-text-tertiary)}.focus-chart__legend span[data-k=err]:before{border-top:0;border-left:2px solid var(--color-text-danger-soft);width:0;height:10px}.focus-pomo{flex-direction:column;gap:16px;display:flex}.focus-pomo__main{text-align:center;align-items:center}.focus-pomo__clock{flex-direction:column;align-items:center;gap:14px;width:100%;padding:12px 0 4px;display:flex}.focus-pomo__time{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(76px,22vw,148px);font-weight:650;line-height:1}.focus-pomo__time[data-long]{font-size:clamp(56px,15vw,120px)}.focus-pomo__meter{width:min(420px,100%);height:6px}.focus-pomo__meter>span{transition:width .25s linear}.focus-pomo__main[data-phase=short] .focus-pomo__meter>span{background:var(--color-text-success-soft)}.focus-pomo__main[data-phase=long] .focus-pomo__meter>span{background:var(--color-text-info)}.focus-pomo__cycle{color:var(--color-text-secondary);align-items:center;gap:10px;font-size:14px;line-height:20px;display:flex}.focus-pomo__dots{flex-wrap:wrap;gap:6px;display:inline-flex}.focus-pomo__dots>span{border:1.5px solid var(--color-border-strong);border-radius:var(--radius-full);width:8px;height:8px}.focus-pomo__dots>span[data-done]{border-color:var(--color-text);background:var(--color-text)}.focus-pomo__dots>span[data-current]{border-color:var(--color-text)}.focus-pomo__actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.focus-pomo__primary{min-width:132px}.focus-pomo__task{text-align:left;width:min(420px,100%)}.focus-pomo__fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.focus-pomo__volume{align-items:center;gap:12px;max-width:420px;display:flex}.focus-ambient{flex-direction:column;gap:16px;display:flex}.focus-ambient__transport{flex-wrap:wrap;align-items:center;gap:16px 24px;display:flex}.focus-ambient__play{min-width:128px}.focus-ambient__master{flex-direction:column;flex:1;gap:2px;min-width:200px;display:flex}.focus-ambient__row{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.focus-ambient__row>.focus-field__label{min-width:120px}.focus-ambient__left{font-variant-numeric:tabular-nums}.focus-sounds{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.focus-sound{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);transition:border-color .15s var(--ease-standard), background-color .15s var(--ease-standard);flex-direction:column;gap:6px;padding-bottom:10px;display:flex}.focus-sound[data-on]{border-color:var(--color-border-strong);background:var(--color-surface-secondary)}.focus-sound .focus-range{width:calc(100% - 28px);margin:0 14px}.focus-sound__toggle{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name state""desc desc";gap:4px 8px;padding:14px 14px 4px;display:grid}.focus-sound__toggle:focus{outline:none}.focus-sound__toggle:focus-visible{outline:2px solid var(--color-ring);outline-offset:-2px}.focus-sound__name{word-break:keep-all;grid-area:name;font-size:15px;font-weight:600;line-height:20px}.focus-sound__desc{color:var(--color-text-secondary);word-break:keep-all;grid-area:desc;font-size:12.5px;line-height:17px}.focus-sound__state{border-radius:var(--radius-full);background:var(--color-background-primary-soft-alpha);color:var(--color-text-tertiary);grid-area:state;align-self:start;padding:1px 8px;font-size:11.5px;font-weight:500;line-height:18px}.focus-sound[data-on] .focus-sound__state{background:var(--color-background-info-surface);color:var(--color-text-info-surface)}.focus-breath{align-items:center}.focus-breath__controls{flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%;display:flex}.focus-breath__custom{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;max-width:560px;display:grid}.focus-breath__summary{text-align:center;flex-wrap:wrap;justify-content:center;gap:2px 12px;margin:0;display:flex}.focus-breath__stage{place-items:center;width:100%;padding:8px 0;display:grid}.focus-breath__orb{aspect-ratio:1;width:min(300px,72vw);position:relative}.focus-breath__guide,.focus-breath__circle{border-radius:var(--radius-full);position:absolute;inset:0}.focus-breath__guide{border:1px dashed var(--color-border-strong)}.focus-breath__circle{background:var(--color-background-primary-soft-alpha);box-shadow:inset 0 0 0 1.5px var(--color-border-strong);will-change:transform;transition:background-color .8s var(--ease-standard);transform:scale(.42)}.focus-breath__stage:is([data-kind=in],[data-kind=hold]) .focus-breath__circle{background:var(--color-background-info-surface);box-shadow:inset 0 0 0 1.5px var(--color-border-info-surface)}.focus-breath__label{text-align:center;pointer-events:none;place-content:center;gap:2px;display:grid;position:absolute;inset:0}.focus-breath__phase{word-break:keep-all;margin:0;font-size:20px;font-weight:600;line-height:28px}.focus-breath__count{min-height:44px;color:var(--color-text-secondary);font-variant-numeric:tabular-nums;margin:0;font-size:36px;font-weight:600;line-height:44px}.focus-breath__linear{flex-direction:column;align-items:center;gap:12px;width:min(420px,100%);padding:24px 0;display:flex}.focus-breath__bar{width:100%}.focus-breath__bar>span{transform-origin:0;width:100%;transition:none;transform:scaleX(0)}.focus-breath__footer{flex-direction:column;align-items:center;gap:12px;display:flex}.focus-breath__footer .tool-note{font-variant-numeric:tabular-nums;min-height:20px;margin:0}.focus-breath__start{min-width:132px}@media (pointer:coarse){.focus-result__kbd{display:none}}@media (max-width:640px){.focus-typing{--type-size:20px;--type-line:1.7;gap:16px}.focus-pomo__fields,.focus-breath__custom,.focus-sounds{grid-template-columns:repeat(2,minmax(0,1fr))}.focus-ambient__master{min-width:100%}}@media (prefers-reduced-motion:reduce){.focus-typing__words,.focus-typing__caret,.focus-typing__view,.focus-pomo__meter>span,.focus-breath__circle{transition:none}.focus-typing__caret[data-idle]{animation:none}}