#page-fokus,#fokus-tab-fokus{width:100%;min-width:0;height:100%;min-height:0}#app-container.focus-page-container{--focus-art:url(/assets/focus/focus-background-dark.webp);--focus-control:#2a292dc2;--focus-border:#ffffff24;--focus-entry-frost:#1212123d;--focus-entry-blur:16px;--focus-background-blur:14px;--focus-art-fallback:var(--surface-color);isolation:isolate;overscroll-behavior:none;scroll-behavior:auto;background-color:var(--background-color);background-image:none;width:100%;height:100dvh;min-height:0;max-height:100dvh;position:relative;overflow:clip}html[data-theme=light] #app-container.focus-page-container{--focus-art:url(/assets/focus/focus-background-light.webp);--focus-control:#ffffffc2;--focus-border:#1c1b1f29;--focus-entry-frost:#ffffff47}html[data-theme=oled] #app-container.focus-page-container{--focus-art:url(/assets/focus/focus-background-oled.webp);--focus-control:#141414c7;--focus-border:#ffffff1f;--focus-entry-frost:#00000038}#app-container.focus-page-container:before{z-index:0;background-color:var(--focus-art-fallback);background-image:var(--focus-art);content:"";pointer-events:none;filter:blur();transform-origin:top;transition:filter 3s var(--ease-out) 0s;will-change:filter;background-position:top;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-24px;transform:scale(1.035)}#app-container.focus-page-container:after{z-index:1;content:"";opacity:0;pointer-events:none;transition:opacity .9s var(--ease-out);background-color:#000;position:absolute;inset:0}html.dq-focus-planning #app-container.focus-page-container:before,html.dq-focus-running #app-container.focus-page-container:before{filter:blur(var(--focus-background-blur));transition-duration:3s;transition-delay:0s}html.dq-focus-running #app-container.focus-page-container:after{opacity:.4;transition:opacity 5s var(--ease-out) 0s}#app-container.focus-page-container>#page-fokus.focus-flow-page{z-index:2;background-color:#0000;background-image:none;border-radius:0;width:100%;max-width:none;margin-inline:0;animation:none;position:relative}.focus-entry-summary-content{animation:dq-fade-up var(--dur-4) var(--ease-out) 60ms both;display:inline-block}.focus-entry-symbol-icon{animation:dq-pop-in var(--dur-4) var(--ease-spring) .12s both;display:inline-block}.focus-entry-headline{animation:dq-fade-up var(--dur-4) var(--ease-out) .18s both;display:block}.focus-entry-actions>button{animation:dq-fade-up var(--dur-4) var(--ease-out) .26s both}.focus-flow-setup,.focus-running-view,.focus-review-view,.focus-break-view,.focus-saving-state{animation:dq-fade-up var(--dur-4) var(--ease-out) 60ms backwards}.focus-running-view>*,.focus-review-view>*,.focus-break-view>*{animation:dq-fade-up var(--dur-4) var(--ease-out) .12s backwards}.focus-running-view>.focus-flow-dial{animation:dq-pop-in var(--dur-5) var(--ease-spring) .22s backwards}.focus-running-view>.focus-running-actions,.focus-review-view>.focus-primary-action,.focus-break-view>.focus-primary-action{animation-delay:.28s}#page-fokus .focus-entry-view :is(.focus-entry-summary,.focus-entry-symbol,h2,.focus-entry-actions,.focus-entry-continuation){z-index:0;isolation:isolate;position:relative}#page-fokus .focus-entry-view :is(.focus-entry-summary,.focus-entry-symbol,h2,.focus-entry-actions,.focus-entry-continuation):before{z-index:-1;background-color:var(--focus-entry-frost);content:"";pointer-events:none;-webkit-backdrop-filter:blur(var(--focus-entry-blur));backdrop-filter:blur(var(--focus-entry-blur));transition:none;animation:none;position:absolute;inset:-28px -34px;-webkit-mask-image:radial-gradient(#000 0 36%,#000000e0 54%,#00000057 76%,#0000 100%);mask-image:radial-gradient(#000 0 36%,#000000e0 54%,#00000057 76%,#0000 100%)}html.dq-focus-running #page-fokus,html.dq-focus-running #fokus-tab-fokus{height:100%;min-height:0}.focus-flow-page{width:100%;min-width:0;padding:0 16px calc(32px + var(--safe-bottom))}.focus-flow-page #fokus-tab-fokus{width:100%}.focus-flow-setup,.focus-entry-view,.focus-running-view,.focus-review-view,.focus-break-view,.focus-saving-state{width:min(100%,430px);height:100%;min-height:0;margin-inline:auto}.focus-entry-view{text-align:center;flex-direction:column;align-items:center;padding:20px 0 24px;display:flex}.focus-entry-quick-start{justify-content:center;gap:32px}.focus-entry-quick-start>h2,.focus-entry-quick-start .focus-primary-action{margin-top:0}.focus-entry-summary{width:fit-content;max-width:100%;color:var(--on-surface-color);border-bottom:0;margin:0;padding:14px 8px 18px;font-size:16px;font-weight:750;line-height:1.45}.focus-entry-symbol{width:88px;height:88px;color:var(--primary-color);background:0 0;border:0;place-items:center;margin-top:clamp(36px,8dvh,72px);display:grid}.focus-entry-symbol .material-symbols-rounded{font-size:42px}.focus-entry-view>h2{max-width:16ch;color:var(--on-surface-color);letter-spacing:var(--track-tight);text-align:center;text-wrap:wrap;margin:20px 0 0;font-size:clamp(24px,8vw,34px);line-height:1.12}.focus-entry-continuation{border:1px solid var(--focus-border);border-radius:var(--radius-lg);background:var(--focus-control);text-align:left;gap:8px;width:100%;margin-top:28px;padding:16px;display:grid}.focus-entry-continuation p{overflow-wrap:anywhere;color:var(--on-surface-color);margin:0;font-size:16px;font-weight:700;line-height:1.4}.focus-entry-continuation>span:not(.focus-section-kicker){color:color-mix(in srgb, var(--on-surface-color) 64%, transparent);font-size:12px}.focus-entry-continuation .focus-primary-action{margin-top:8px}.focus-entry-actions{gap:8px;width:100%;margin-top:auto;padding-top:0;display:grid}.focus-flow-setup{align-content:start;gap:24px;padding-block:8px 24px;display:grid}.focus-setup-progress{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;min-height:44px;display:grid}.focus-setup-progress>span:nth-child(2){color:color-mix(in srgb, var(--on-surface-color) 58%, transparent);letter-spacing:.12em;justify-self:center;font-size:11px;font-weight:800}.focus-setup-progress-track{background-color:var(--hairline);grid-column:1/-1;width:100%;height:2px;overflow:hidden}.focus-setup-progress-track>span{background-color:var(--primary-color);height:100%;transition:width var(--dur-3) var(--ease-out);display:block}.focus-setup-back{border-radius:var(--radius-md);width:44px;height:44px;color:var(--on-surface-color);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.focus-setup-back:active{background-color:var(--focus-control);transform:scale(.94)}.focus-setup-back .material-symbols-rounded{transform:rotate(180deg)}.focus-flow-setup.is-step-category,.focus-flow-setup.is-step-mode{align-content:center}.focus-flow-setup.is-step-category .focus-setup-progress,.focus-flow-setup.is-step-mode .focus-setup-progress{align-self:start}.focus-today-summary,.focus-continuation{border-bottom:1px solid var(--hairline);gap:4px;padding-block:4px 12px;display:grid}.focus-today-summary strong{font-size:16px;line-height:1.4}.focus-today-summary>span:last-child{color:color-mix(in srgb, var(--on-surface-color) 68%, transparent);font-size:13px}.focus-section-kicker,.focus-control-label{color:color-mix(in srgb, var(--on-surface-color) 62%, transparent);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.focus-continuation p{color:var(--on-surface-color);margin:4px 0;font-size:15px;line-height:1.45}.focus-inline-action,.focus-text-button,.focus-running-actions button,.focus-thought-row button{min-height:44px;color:var(--primary-color);font:inherit;text-align:left;background:0 0;border:0;padding:8px 0;font-size:13px;font-weight:700}.focus-setup-section{gap:10px;min-width:0;display:grid}.focus-mission-field label,.focus-next-action-field label,.focus-thought-sheet label,.focus-category-sheet form label{color:var(--on-surface-color);font-size:16px;font-weight:750}.focus-mission-field input,.focus-next-action-field input,.focus-thought-sheet input,.focus-category-sheet input{border:1px solid var(--focus-border);border-radius:var(--radius-md);background:var(--focus-control);width:100%;min-height:52px;color:var(--on-surface-color);font:inherit;outline:none;padding:12px 14px;font-size:16px}.focus-mission-field input:focus-visible,.focus-next-action-field input:focus-visible,.focus-thought-sheet input:focus-visible,.focus-category-sheet input:focus-visible{border-color:var(--primary-color);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary-color) 24%, transparent)}.focus-flow-error{color:var(--penalty-color);margin:0;font-size:13px;line-height:1.4}.focus-section-heading,.focus-quest-link-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.focus-section-heading>span{font-size:14px;font-weight:750}.focus-section-heading .focus-text-button,.focus-quest-link-row .focus-text-button{text-align:right;flex:none}.focus-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.focus-flow-setup.is-step-category .focus-choice{min-height:56px;font-size:16px}.focus-choice,.focus-mode-grid button,.focus-duration-grid button,.focus-outcome-grid button,.focus-rating-grid button,.focus-quest-sheet button,.focus-category-list>div>button:first-child{border:1px solid var(--focus-border);border-radius:var(--radius-md);background:var(--focus-control);min-width:0;min-height:44px;color:var(--on-surface-color);font:inherit;padding:9px 12px;font-size:14px;font-weight:650}.focus-choice.is-selected,.focus-mode-grid button.is-selected,.focus-duration-grid button.is-selected,.focus-outcome-grid button.is-selected,.focus-rating-grid button.is-selected,.focus-quest-sheet button.is-selected,.focus-category-list>div>button[aria-pressed=true]{border-color:var(--primary-color);background:var(--accent-wash);color:var(--primary-color)}.focus-mode-grid,.focus-duration-grid{gap:8px;display:grid}.focus-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.focus-duration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.focus-mode-note,.focus-next-action-field>span,.focus-thought-sheet form>p{color:color-mix(in srgb, var(--on-surface-color) 64%, transparent);margin:0;font-size:12px;line-height:1.45}.focus-quest-link-row{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);min-height:44px;color:color-mix(in srgb, var(--on-surface-color) 72%, transparent);font-size:13px}.focus-primary-action,.focus-secondary-action{border-radius:var(--radius-md);width:100%;min-height:52px;font:inherit;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:15px;font-weight:800;display:inline-flex}.focus-primary-action{border:1px solid var(--primary-color);background:var(--primary-color);background:color-mix(in srgb, var(--primary-color) 88%, transparent);color:var(--on-primary-color)}.focus-secondary-action{border:1px solid var(--hairline);background:var(--focus-control);color:var(--on-surface-color)}.focus-primary-action:disabled,.focus-secondary-action:disabled{opacity:.48}.focus-primary-action:active,.focus-secondary-action:active,.focus-choice:active,.focus-mode-grid button:active,.focus-duration-grid button:active,.focus-outcome-grid button:active,.focus-rating-grid button:active{transform:scale(.98)}.focus-running-view,.focus-review-view,.focus-break-view{align-content:center;gap:24px;padding-block:12px;display:grid}.focus-running-view>h2,.focus-review-view>h2{overflow-wrap:anywhere;max-width:34ch;color:var(--on-surface-color);text-align:center;margin:0 auto;font-size:clamp(18px,5.5vw,24px);line-height:1.28}.focus-running-view>.focus-section-kicker,.focus-review-view>.focus-section-kicker,.focus-break-view>.focus-section-kicker{text-align:center}.focus-flow-dial{aspect-ratio:1;width:min(72vw,300px);margin-inline:auto;position:relative}.focus-flow-dial svg{width:100%;height:100%;display:block;overflow:visible;transform:rotate(-90deg)}.focus-flow-dial circle{fill:none;stroke-width:6px}.focus-flow-dial-track{stroke:var(--hairline)}.focus-flow-dial-progress{stroke:var(--primary-color);stroke-linecap:round;transition:stroke-dashoffset .24s linear}.focus-flow-dial-copy{text-align:center;place-content:center;gap:8px;display:grid;position:absolute;inset:0}.focus-flow-dial-copy strong{font-variant-numeric:tabular-nums;letter-spacing:-.045em;font-size:clamp(38px,13vw,58px)}.focus-flow-dial-copy span{color:color-mix(in srgb, var(--on-surface-color) 64%, transparent);font-size:13px;font-weight:700}.focus-running-view.is-paused .focus-flow-dial-progress{opacity:.5}.focus-running-primary-actions{min-height:52px;display:grid}.focus-running-primary-actions>button{width:100%;transition:opacity var(--dur-3) var(--ease-out), transform var(--dur-3) var(--ease-out);grid-area:1/1}.focus-running-primary-actions>.is-inactive{opacity:0;pointer-events:none;transform:translateY(10px)scale(.98)}.focus-running-actions{min-height:44px;transition:gap var(--dur-3) var(--ease-out);justify-content:center;align-items:stretch;gap:8px;display:flex}.focus-running-actions button{border:1px solid var(--focus-border);border-radius:var(--radius-md);background:var(--focus-control);min-width:0;min-height:44px;color:color-mix(in srgb, var(--on-surface-color) 72%, transparent);text-align:center;transition:flex-grow var(--dur-3) var(--ease-out), flex-basis var(--dur-3) var(--ease-out), opacity var(--dur-3) var(--ease-out), transform var(--dur-3) var(--ease-out), border-width var(--dur-3) var(--ease-out);flex:1 1 0;overflow:hidden}.focus-running-actions .focus-pause-action.is-inactive{opacity:0;pointer-events:none;border-inline-width:0;flex-grow:0;flex-basis:0;transform:translate(-10px)scale(.98)}.focus-running-view.is-paused .focus-end-action{flex-grow:0;flex-basis:240px}.focus-running-view.is-paused .focus-running-actions{gap:0}.focus-review-group{border:0;gap:12px;min-width:0;margin:0;padding:0;display:grid}.focus-review-group legend,.focus-next-action-field label{margin-bottom:4px;font-size:16px;font-weight:750}.focus-outcome-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.focus-next-action-field{gap:8px;display:grid}.focus-rating-grid{grid-template-columns:repeat(5,minmax(44px,1fr));gap:6px;display:grid}.focus-rating-grid button{font-variant-numeric:tabular-nums;padding-inline:0}.focus-rating-description{min-height:20px;color:color-mix(in srgb, var(--on-surface-color) 68%, transparent);text-align:center;margin:0;font-size:13px}.focus-parked-summary{border:1px solid var(--focus-border);border-radius:var(--radius-md);background:var(--focus-control);min-height:52px;color:var(--on-surface-color);font:inherit;text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.focus-parked-summary strong{color:var(--primary-color);font-size:13px}.focus-thought-sheet form,.focus-category-sheet form,.focus-quest-sheet,.focus-category-sheet{gap:12px;display:grid}.focus-thought-sheet form .card-button,.focus-thought-sheet .focus-copy-thoughts,.focus-category-sheet form .card-button{width:100%}.focus-thought-sheet.is-summary{text-align:center}.focus-thought-sheet.is-summary h3{margin-bottom:8px}.focus-thought-sheet.is-summary .focus-thought-list{text-align:center;width:100%}.focus-thought-sheet.is-summary .focus-thought-row{text-align:center;flex-direction:column;justify-content:center;gap:8px;padding:12px 4px;display:flex}.focus-thought-sheet.is-summary .focus-thought-row>span{width:100%}.focus-thought-actions{gap:8px;width:100%;display:grid}.focus-thought-actions .card-button{width:100%;min-height:52px}.focus-thought-list,.focus-category-list{gap:8px;display:grid;overflow-y:auto}.focus-thought-row,.focus-category-list>div{border-bottom:1px solid var(--hairline);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:52px;padding:6px 0;display:grid}.focus-thought-row>span{overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.focus-copy-thoughts{justify-content:center;align-items:center;gap:8px;display:inline-flex}.focus-category-list>div>button:first-child{text-align:left;width:100%}.focus-category-list>div>button:last-child{width:44px;min-height:44px;color:var(--on-surface-color);background:0 0;border:0;place-items:center;display:grid}.focus-quest-sheet>button{text-align:left;width:100%}.focus-cancel-button{border-color:var(--penalty-color);color:var(--penalty-color)}.focus-break-view{text-align:center;justify-items:center}.focus-break-time{font-variant-numeric:tabular-nums;letter-spacing:-.045em;font-size:clamp(48px,16vw,68px)}.focus-break-view ul{color:color-mix(in srgb, var(--on-surface-color) 72%, transparent);gap:10px;margin:0;padding:0;list-style:none;display:grid}.focus-done-action{text-align:center}.focus-saving-state{min-height:50dvh;color:color-mix(in srgb, var(--on-surface-color) 68%, transparent);text-align:center;place-items:center;display:grid}.focus-reward-details{color:var(--on-surface-color);text-align:center;gap:4px;display:grid}.focus-reward-details strong{font-size:15px}.focus-reward-details span{color:color-mix(in srgb, var(--on-surface-color) 68%, transparent);font-size:13px}.focus-break-recommendation{color:color-mix(in srgb, var(--on-surface-color) 62%, transparent);letter-spacing:.08em;text-align:center;text-transform:uppercase;font-size:12px;font-weight:800}html.dq-focus-running #app-header .header-actions{opacity:0;visibility:hidden;pointer-events:none}@media (width>=720px){.focus-flow-setup,.focus-entry-view,.focus-review-view{width:min(100%,560px)}.focus-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=370px){.focus-flow-page{padding-inline:12px}.focus-flow-setup,.focus-entry-view,.focus-running-view,.focus-review-view{gap:18px}.focus-outcome-grid{grid-template-columns:minmax(0,1fr)}}@media (height<=700px) and (orientation:portrait){.focus-flow-setup{gap:16px}.focus-running-view,.focus-review-view,.focus-break-view{align-content:start;gap:16px}.focus-flow-dial{width:min(58vw,230px)}}@media (prefers-reduced-motion:reduce){html.dq-focus-planning #app-container.focus-page-container:before,html.dq-focus-running #app-container.focus-page-container:before,html.dq-focus-running #app-container.focus-page-container:after{transition-delay:0s}.focus-flow-dial-progress,.focus-primary-action,.focus-secondary-action,.focus-running-primary-actions>button,.focus-running-actions,.focus-running-actions button,.focus-choice,.focus-mode-grid button,.focus-duration-grid button,.focus-outcome-grid button,.focus-rating-grid button{transition:none!important}}