.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--control-radius);border:none;cursor:pointer;font-weight:500;transition:.2s}.btn--primary{background:var(--primary);color:var(--white)}.btn--primary:hover{background:var(--primary-700)}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover{background:var(--color-danger-strong)}.btn--danger-outline{background:var(--color-danger-soft);color:var(--color-danger);border:1px solid var(--color-danger)}.btn--danger-outline:hover{background:var(--color-danger-soft-hover)}.btn--icon{padding:.5rem;min-width:0}.btn.toolbar-add-btn{flex:0 0 auto;width:2.5rem;height:2.5rem;min-width:2.5rem;max-width:2.5rem;padding:0;justify-content:center}.btn--sm{padding:.45rem .85rem;font-size:var(--font-size-xs)}.btn--ghost{background:transparent;border:1px solid var(--border);color:var(--muted)}.btn--danger-ghost{background:transparent;border:1px solid transparent;color:var(--muted)}.btn--danger-ghost:hover,.btn--danger-ghost:focus-visible{color:var(--color-danger);background:var(--color-danger-soft-subtle);border-color:var(--color-danger-border-soft)}.btn--secondary{background:#94a3b829;color:var(--text)}.btn--secondary:hover{background:#94a3b847}.theme-light .btn--primary{color:#fff}.theme-light .btn--secondary{background:rgba(var(--primary-tint),.08);border-color:rgba(var(--primary-tint),.25);color:var(--primary-700)}.theme-light .btn--secondary:hover{background:rgba(var(--primary-tint),.16);border-color:rgba(var(--primary-tint),.4)}.theme-light .btn--ghost{background:rgba(var(--white-rgb, 255,255,255),.85);border-color:rgba(var(--primary-tint),.3);color:var(--primary-700)}.theme-light .btn--ghost:hover{background:rgba(var(--white-rgb, 255,255,255),.95);border-color:rgba(var(--primary-700-tint),.45)}.btn--success{background:var(--color-success-emphasis);color:#fff}.btn--success:hover,.btn--success:focus-visible{background:var(--color-success-emphasis-hover)}.btn--success[aria-disabled=true],.btn--success.btn--disabled,.btn--success:disabled{background:var(--color-success-emphasis);opacity:.5}.btn[aria-disabled=true],.btn.btn--disabled,.btn:disabled{opacity:.5;cursor:not-allowed}.btn--secondary[aria-disabled=true],.btn--secondary.btn--disabled{background:#94a3b829}.btn--primary[aria-disabled=true],.btn--primary.btn--disabled,.btn--primary:disabled{background:var(--primary)}.btn--danger[aria-disabled=true],.btn--danger.btn--disabled,.btn--danger:disabled{background:var(--color-danger)}.timer-chip{display:inline-flex;align-items:center;gap:.28rem;padding:.18rem .5rem;border-radius:999px;border:1px solid rgba(248,113,113,.3);background:#f871710f;color:#f87171;font-size:.7rem;font-weight:600;cursor:pointer;line-height:1.5;transition:background .15s,border-color .15s;white-space:nowrap}.timer-chip:hover{background:#f871711f;border-color:#f8717180}.timer-chip__elapsed{font-variant-numeric:tabular-nums;letter-spacing:.02em}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px;box-shadow:var(--focus-ring)}.icon-btn{padding:.5rem;border-radius:var(--control-radius);border:1px solid var(--border);background:var(--white);cursor:pointer;display:flex;align-items:center}.app-header .icon-btn{background:transparent;border-color:var(--border-on-bg, var(--border));color:var(--on-bg-muted, var(--muted))}.app-header .icon-btn:hover{color:var(--on-bg, var(--text))}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px;box-shadow:var(--focus-ring)}.icon-btn--ghost{padding:.5rem;border:none;background:transparent;color:#94a3b8;cursor:pointer}.icon-muted{width:20px;height:20px;color:var(--muted)}.dropdown-container{position:relative}.dropdown-trigger{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:var(--control-radius);border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer}.dropdown-trigger:hover{color:var(--text)}.app-header .dropdown-trigger{color:var(--on-bg-muted, var(--muted));border-color:var(--border-on-bg, var(--border))}.app-header .dropdown-trigger:hover{color:var(--on-bg, var(--text))}.dropdown-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px;box-shadow:var(--focus-ring)}.notification-trigger{position:relative;background:transparent;border-color:var(--border);transition:border-color .2s ease,background .2s ease,color .2s ease}.notification-trigger:hover{background:var(--bg-muted);border-color:var(--border-on-bg, var(--border));color:var(--on-bg, var(--text))}.notification-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.notification-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--color-danger);color:#fff;font-weight:700;font-size:.7rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(var(--bg-tint),.65);box-shadow:0 6px 14px var(--color-danger-shadow)}.dropdown{background:var(--white);color:var(--text);border:1px solid var(--border);border-radius:var(--panel-radius);padding:.35rem;min-width:200px;box-shadow:var(--shadow-dropdown)}.dropdown--compact{min-width:0;width:auto}.dropdown--panel{width:260px;max-height:320px;overflow:auto}.settings-menu{max-height:none;overflow:visible}.dropdown--floating{position:absolute;top:calc(100% + .5rem);right:0;z-index:1000}.dropdown__section{padding:.25rem 0}.dropdown__section-title{font-size:var(--font-size-2xs);color:var(--muted);padding:.25rem .5rem .5rem}.dropdown__item{width:100%;display:flex;align-items:center;gap:.5rem;background:transparent;border:none;cursor:pointer;color:var(--text);padding:.5rem;border-radius:var(--control-radius);font-size:var(--font-size-sm);transition:background .2s ease}.dropdown__item:hover:not([disabled]):not([aria-disabled=true]){background:rgba(var(--primary-tint),.15)}.theme-light .dropdown__item:hover:not([disabled]):not([aria-disabled=true]){background:var(--bg-tertiary)}.dropdown__item--static{cursor:default}.dropdown__item--static:hover{background:transparent}.dropdown__item[disabled],.dropdown__item[aria-disabled=true]{color:var(--muted);cursor:not-allowed}.icon-tooltip{position:relative}.icon-tooltip[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 20px);left:50%;transform:translate(-50%);background:rgba(var(--bg-tint),.95);color:#e2e8f0;padding:.4rem .6rem;border-radius:8px;font-size:.7rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;border:1px solid rgba(148,163,184,.3);box-shadow:var(--shadow-tooltip);z-index:9999}.icon-tooltip[data-tooltip]:before{content:"";position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:rgba(var(--bg-tint),.95) transparent transparent transparent;opacity:0;transition:opacity .2s ease;z-index:9999}.icon-tooltip[data-tooltip]:hover:after,.icon-tooltip[data-tooltip]:hover:before{opacity:1}.quick-options-menu{width:320px}.quick-options-menu__item{justify-content:space-between;gap:.75rem}.quick-options-menu__label{display:inline-flex;align-items:center;gap:.5rem;font-weight:600}.quick-options-menu__control{display:flex;justify-content:flex-end}.quick-options-menu__divider{height:1px;margin:.35rem .25rem;background:var(--border)}@media(max-width:640px){.dropdown--floating{position:absolute;left:50%;right:auto;transform:translate(-50%);width:calc(100vw - (var(--content-padding-mobile) * 1.5))}.quick-options-menu{width:100%}.dropdown__section-title{font-size:.7rem;padding:.2rem .4rem .4rem}.quick-options-menu__item{gap:.5rem}.quick-options-menu__label{font-size:.85rem}}.notification-entry{align-items:center;border:1px solid transparent;border-left-width:3px;border-left-color:var(--notification-accent, var(--color-danger));border-radius:var(--control-radius);padding:.55rem .6rem;gap:.6rem;margin-bottom:.1rem;background:transparent;transition:border-color .2s ease}.notification-entry:hover{border-color:rgba(var(--primary-tint),.3)}.notification-entry .dropdown__icon{width:28px;height:28px;border-radius:10px;background:var(--notification-accent-soft, rgba(var(--primary-tint), .2));color:var(--notification-accent, var(--primary));display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #ffffff14}.notification-entry__title{display:block;font-weight:600;line-height:1.25;font-size:var(--font-size-sm)}.notifications-menu__title{font-weight:600}.notification-entry__meta{display:block;font-size:var(--font-size-2xs);color:var(--muted);margin-top:2px;text-align:left}.notification-entry__meta--right{text-align:right;opacity:.7;font-size:.72rem;min-width:74px}.notification-entry--read{opacity:.6;border-color:#94a3b833;color:var(--muted);background:rgba(var(--bg-tint),.25)}.notification-entry--read .dropdown__icon{opacity:.6}.notifications-menu__avatar{width:24px;height:24px}.notifications-menu__avatar img{width:100%;height:100%;border-radius:50%}.notifications-menu__friend-title{display:inline-flex;align-items:center;gap:.45rem}.notifications-menu__friend-title .notifications-menu__avatar{flex-shrink:0}.notifications-menu{display:flex;flex-direction:column;max-height:420px;width:min(320px,90vw);padding:.35rem;border-radius:var(--panel-radius);background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-strong)}.notifications-menu__items{flex:1 1 auto;overflow-y:auto;padding-bottom:.5rem;margin-bottom:.4rem;display:flex;flex-direction:column;gap:.35rem}.notifications-menu__footer{flex-shrink:0;border-top:1px solid rgba(148,163,184,.22);padding-top:.4rem;background:inherit}.notifications-menu__mark-all{opacity:.7;font-size:var(--font-size-sm)}.notifications-menu__mark-all:hover{opacity:1}.dropdown__icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.dropdown__label{flex:1;text-align:left}.notifications-menu__item+.notifications-menu__item{border-top:1px solid rgba(148,163,184,.22)}.notifications-menu__items .notifications-menu__item+.notifications-menu__item{border-top:none}.dropdown__check{width:16px;height:16px;opacity:.9}.dropdown__divider{height:1px;background:var(--border);margin:.35rem 0}.appearance-theme-toggle{display:flex;background:#94a3b812;border:1px solid var(--border);border-radius:var(--control-radius);padding:.2rem;gap:.15rem;margin:.1rem .35rem .25rem}.appearance-theme-toggle__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.35rem .5rem;border:none;border-radius:calc(var(--control-radius) - 3px);background:transparent;color:var(--muted);font-size:var(--font-size-sm);cursor:pointer;transition:background .15s ease,color .15s ease}.appearance-theme-toggle__btn--active{background:#94a3b82e;color:var(--text)}.appearance-theme-toggle__btn:hover:not(.appearance-theme-toggle__btn--active){background:#94a3b81a;color:var(--text)}.theme-light .appearance-theme-toggle{background:rgba(var(--primary-tint),.06);border-color:rgba(var(--primary-tint),.22)}.theme-light .appearance-theme-toggle__btn--active{background:rgba(var(--primary-tint),.18);color:var(--primary-700);box-shadow:none}.theme-light .appearance-theme-toggle__btn:hover:not(.appearance-theme-toggle__btn--active){background:rgba(var(--primary-tint),.09);color:var(--primary)}.appearance-themes-row{cursor:default}.appearance-themes-row .dropdown__label{display:flex;align-items:center;gap:.3rem}.appearance-themes-row__lock{opacity:.55;flex-shrink:0}.appearance-gradients__swatches{display:flex;align-items:center;gap:.3rem;margin-left:auto;flex-shrink:0}.appearance-gradients__swatch{width:18px;height:18px;border-radius:50%;border:none;cursor:pointer;flex-shrink:0;box-shadow:0 1px 3px #00000073,inset 0 1px #ffffff26;transition:transform .15s ease,box-shadow .15s ease}.appearance-gradients__swatch:hover:not(.appearance-gradients__swatch--locked){transform:scale(1.2);box-shadow:0 3px 8px #00000080,inset 0 1px #fff3}.appearance-gradients__swatch--active{box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px var(--text),0 1px 4px #0006;transform:scale(1.1)}.appearance-gradients__swatch--locked{cursor:not-allowed;opacity:.4}.appearance-dyslexia-toggle__badge{margin-left:auto;font-size:.7rem;font-weight:500;padding:.15rem .5rem;border-radius:1rem;background:#94a3b81f;color:var(--muted);transition:background .15s ease,color .15s ease;flex-shrink:0}.appearance-dyslexia-toggle__badge--on{background:rgba(var(--primary-tint),.18);color:var(--primary)}.dropdown__empty{padding:.75rem .85rem;color:var(--muted);font-size:var(--font-size-sm)}.dropdown__empty--centered{display:flex;align-items:center;justify-content:center;min-height:140px;text-align:center}.theme-light .notification-trigger,.theme-light .dropdown-trigger{background:var(--white)}.theme-light .notification-entry{background:transparent;border-color:transparent}.theme-light .notification-entry:hover{background:var(--white)}.theme-light .notification-entry .dropdown__icon{box-shadow:inset 0 0 0 1px rgba(var(--bg-tint),.1)}.theme-light .notification-entry--read{background:rgba(var(--bg-tint),.04)}.theme-light .notifications-menu{border-color:rgba(var(--primary-tint),.28);box-shadow:var(--shadow-soft)}.label{display:flex;flex-direction:column;gap:.35rem;font-size:var(--font-size-sm);font-weight:500;color:var(--muted);margin:0}.label input,.label textarea,.label select{margin-top:.15rem}.input,.select{width:100%;appearance:none;background:var(--white);color:var(--text);border:1px solid var(--border);border-radius:var(--control-radius);padding:.625rem .75rem;font-size:var(--font-size-sm);outline:2px solid transparent}.input:focus,.select:focus{box-shadow:var(--focus-ring);border-color:var(--primary)}.select{padding-right:2.25rem}.modal .input,.modal textarea.input,.modal select.input,.modal .select{background:rgba(var(--bg-deep-tint),.55);color:var(--text);border-color:#94a3b859}.theme-light .modal .input,.theme-light .modal textarea.input,.theme-light .modal select.input,.theme-light .modal .select{background:rgba(var(--white-rgb, 255,255,255),.9);border-color:rgba(var(--primary-tint),.3)}.modal .input:focus,.modal textarea.input:focus,.modal select.input:focus,.modal .select:focus{border-color:rgba(var(--primary-tint),.5);box-shadow:var(--focus-ring)}.modal .input::placeholder,.modal textarea.input::placeholder{color:var(--muted)}.checkbox{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);color:var(--text);cursor:pointer}.checkbox input{margin:0;flex-shrink:0}.icon-checkbox{display:inline-flex;align-items:center;gap:.45rem;background:transparent;border:none;padding:0;color:var(--text);cursor:pointer;text-align:left;min-width:0}.icon-checkbox__icon{width:20px;height:20px;color:var(--muted);transition:color .15s ease,transform .15s ease}.icon-checkbox__icon--on{color:var(--color-success)}.icon-checkbox:hover:not(:disabled) .icon-checkbox__icon{color:var(--text)}.icon-checkbox--checked .icon-checkbox__icon{color:var(--color-success)}.icon-checkbox:focus-visible{outline:2px solid transparent;box-shadow:var(--focus-ring-strong);border-radius:var(--control-radius)}.icon-checkbox--disabled{opacity:.6;cursor:not-allowed}.icon-checkbox__content{display:inline-flex;align-items:center;gap:.35rem}.alert{padding:.75rem 1rem;border-radius:var(--control-radius);border:1px solid var(--border);font-size:var(--font-size-sm)}.alert--success{background:var(--color-success-soft);color:var(--color-success-text);border-color:var(--color-success-border)}.alert--error{background:var(--color-danger-soft);color:var(--color-danger-text);border-color:var(--color-danger-border)}.alert--info{background:rgba(var(--primary-tint),.1);color:var(--primary);border-color:rgba(var(--primary-tint),.28)}.alert--warning{background:var(--color-warning-soft);color:var(--color-warning);border-color:var(--color-warning-border)}.theme-light .alert--success{color:var(--color-success-text-strong)}.theme-light .alert--error{color:var(--color-danger-text-strong)}.theme-light .alert--info{color:var(--primary-700)}.theme-light .alert--warning{color:#a16207}@media(max-width:640px){.btn{padding:.55rem 1rem;font-size:var(--font-size-sm)}.btn--sm{padding:.4rem .7rem;font-size:var(--font-size-2xs)}.btn--icon,.icon-btn{padding:.45rem}.dropdown{padding:.25rem;min-width:180px}.dropdown--panel{width:240px;max-height:280px}.dropdown-trigger{width:34px;height:34px}.notification-badge{min-width:18px;height:18px;padding:0 5px;font-size:.65rem;top:-5px;right:-5px}.alert{padding:.6rem .85rem;font-size:var(--font-size-xs)}}@media(max-width:480px){.btn{padding:.5rem .85rem;font-size:var(--font-size-xs);gap:.35rem}.btn--sm{padding:.35rem .6rem;font-size:var(--font-size-2xs)}.icon-btn{padding:.4rem}.dropdown{min-width:160px}.dropdown--panel{width:220px;max-height:260px}.dropdown-trigger{width:32px;height:32px}.alert{padding:.5rem .7rem;font-size:var(--font-size-2xs)}}.settings-menu-backdrop,.notifications-menu-backdrop,.settings-menu__mobile-header,.notifications-menu__mobile-header{display:none}@media(max-width:640px){.app-header:has(.settings-menu,.notifications-menu){z-index:1002}.settings-menu-backdrop,.notifications-menu-backdrop{display:block;position:fixed;inset:0;bottom:calc(var(--mobile-nav-height) + var(--safe-area-bottom));background:rgba(var(--bg-deep-tint),.55);backdrop-filter:blur(4px);border:none;cursor:pointer;z-index:1000}.native-app .settings-menu-backdrop,.native-app .notifications-menu-backdrop{bottom:var(--native-bottom-offset)}.theme-light .settings-menu-backdrop,.theme-light .notifications-menu-backdrop{background:#00000059}.settings-menu,.notifications-menu{position:fixed!important;top:0!important;right:0!important;bottom:calc(var(--mobile-nav-height) + var(--safe-area-bottom))!important;left:auto!important;width:min(300px,85vw)!important;max-width:none!important;max-height:none!important;height:auto!important;border-radius:0!important;border:none!important;border-left:1px solid var(--border)!important;box-shadow:var(--shadow-side-panel)!important;padding:var(--space-4)!important;z-index:1001!important;overflow-y:auto!important;transform:translate(0);animation:slideInFromRight .3s ease backwards}.native-app .settings-menu,.native-app .notifications-menu{bottom:var(--native-bottom-offset)!important}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.settings-menu .dropdown__section{padding:var(--space-2) 0}.settings-menu .dropdown__section-title{font-size:var(--font-size-xs);padding:var(--space-2);color:var(--fg-muted)}.settings-menu .dropdown__item,.notifications-menu .dropdown__item{padding:var(--space-3);min-height:48px}.settings-menu .dropdown__item{font-size:var(--font-size-md);border-radius:var(--control-radius)}.notifications-menu .dropdown__item{font-size:.95rem}.settings-menu .dropdown__divider{margin:var(--space-2) 0}.settings-menu__mobile-header,.notifications-menu__mobile-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-3);margin-bottom:var(--space-2);border-bottom:1px solid var(--border)}.settings-menu__mobile-title,.notifications-menu__mobile-title{font-size:var(--font-size-lg);font-weight:600;color:var(--fg)}.settings-menu__mobile-close,.notifications-menu__mobile-close{width:36px;height:36px;border:1px solid var(--border);border-radius:var(--control-radius);background:var(--bg-muted);color:var(--fg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease}.settings-menu__mobile-close:hover,.notifications-menu__mobile-close:hover{background:var(--bg-active);border-color:var(--border-active)}.notifications-menu__items{max-height:calc(100vh - 150px);overflow-y:auto}.notifications-menu__footer{border-top:1px solid var(--border);padding-top:var(--space-3);margin-top:var(--space-2)}}@media(max-width:420px){.settings-menu,.notifications-menu{width:100%!important;border-left:none!important}}@media(max-width:640px){.native-app .settings-menu,.native-app .notifications-menu{padding-top:calc(var(--space-4) + var(--safe-area-top))!important;padding-bottom:calc(var(--space-4) + var(--safe-area-bottom))!important}.native-app .notifications-menu__items{max-height:calc(100vh - 150px - var(--safe-area-top) - var(--safe-area-bottom))}}@media(hover:none)and (pointer:coarse){.btn{min-height:44px;-webkit-tap-highlight-color:transparent}.btn--sm{min-height:38px}.btn--icon{min-width:44px;min-height:44px}.icon-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.dropdown-trigger{min-width:44px;min-height:44px}.dropdown__item{min-height:44px}}.focus-mode-overlay{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;background:var(--fm-overlay-bg, rgb(var(--bg-deep-tint)));isolation:isolate;--fm-accent-bg: rgba(255, 255, 255, .1);--fm-accent-border: rgba(255, 255, 255, .18);--fm-accent-text: rgba(255, 255, 255, .9);--focus-progress-fill: rgba(96, 165, 250, .92);--focus-progress-break: rgba(74, 222, 128, .9);--focus-progress-track: rgba(148, 163, 184, .16);--focus-progress-core: rgba(7, 13, 28, .92);--focus-progress-shadow: rgba(var(--primary-tint), .22);color-scheme:dark}.theme-light .focus-mode-overlay{--text: #e2e8f0;--muted: #b0bec5;--border: rgba(255, 255, 255, .16);--bg: #0f172a;--bg-muted: rgba(255, 255, 255, .06);--bg-tint: 15, 23, 42;--bg-deep-tint: 2, 6, 23}.focus-mode-overlay[data-bg=forest],.focus-mode-overlay[data-bg=meadow],.focus-mode-overlay[data-bg=forest-mist]{--fm-accent-bg: rgba(20, 83, 45, .45);--fm-accent-border: rgba(74, 222, 128, .45);--fm-accent-text: rgba(134, 239, 172, .95);--focus-progress-fill: rgba(74, 222, 128, .9);--focus-progress-track: rgba(187, 247, 208, .18);--focus-progress-core: rgba(5, 20, 16, .88);--focus-progress-shadow: rgba(34, 197, 94, .26)}.focus-mode-overlay[data-bg=lake],.focus-mode-overlay[data-bg=ocean],.focus-mode-overlay[data-bg=deep-ocean]{--fm-accent-bg: rgba(7, 89, 133, .45);--fm-accent-border: rgba(var(--primary-tint), .45);--fm-accent-text: rgba(186, 230, 253, .95);--focus-progress-fill: rgba(125, 211, 252, .92);--focus-progress-track: rgba(186, 230, 253, .18);--focus-progress-core: rgba(3, 18, 32, .9);--focus-progress-shadow: rgba(14, 165, 233, .28)}.focus-mode-overlay[data-bg=blossom]{--fm-accent-bg: rgba(131, 24, 67, .4);--fm-accent-border: rgba(249, 168, 212, .45);--fm-accent-text: rgba(249, 168, 212, .95);--focus-progress-fill: rgba(249, 168, 212, .92);--focus-progress-track: rgba(252, 231, 243, .2);--focus-progress-core: rgba(38, 8, 24, .88);--focus-progress-shadow: rgba(236, 72, 153, .24)}.focus-mode-overlay[data-bg=aurora]{--fm-accent-bg: rgba(13, 59, 45, .45);--fm-accent-border: rgba(52, 211, 153, .45);--fm-accent-text: rgba(110, 231, 183, .95);--focus-progress-fill: rgba(94, 234, 212, .9);--focus-progress-track: rgba(204, 251, 241, .16);--focus-progress-shadow: rgba(45, 212, 191, .25)}.focus-mode-overlay[data-bg=sunset]{--fm-accent-bg: rgba(124, 45, 18, .4);--fm-accent-border: rgba(251, 146, 60, .5);--fm-accent-text: rgba(253, 186, 116, .95);--focus-progress-fill: rgba(251, 146, 60, .9);--focus-progress-track: rgba(254, 215, 170, .18);--focus-progress-core: rgba(33, 12, 8, .9);--focus-progress-shadow: rgba(249, 115, 22, .26)}.focus-mode-overlay[data-bg=night-sky]{--fm-accent-bg: rgba(30, 27, 75, .45);--fm-accent-border: rgba(129, 140, 248, .45);--fm-accent-text: rgba(199, 210, 254, .95);--focus-progress-fill: rgba(129, 140, 248, .9);--focus-progress-track: rgba(224, 231, 255, .16);--focus-progress-shadow: rgba(99, 102, 241, .24)}.focus-mode-overlay[data-bg=library],.focus-mode-overlay[data-bg=cafe]{--fm-accent-bg: rgba(120, 53, 15, .4);--fm-accent-border: rgba(251, 191, 36, .45);--fm-accent-text: rgba(253, 230, 138, .95);--focus-progress-fill: rgba(251, 191, 36, .9);--focus-progress-track: rgba(254, 243, 199, .18);--focus-progress-core: rgba(26, 17, 8, .88);--focus-progress-shadow: rgba(245, 158, 11, .24)}.focus-mode-overlay[data-bg=snow]{--fm-accent-bg: rgba(14, 116, 144, .4);--fm-accent-border: rgba(103, 232, 249, .45);--fm-accent-text: rgba(207, 250, 254, .95);--focus-progress-fill: rgba(103, 232, 249, .92);--focus-progress-track: rgba(236, 254, 255, .2);--focus-progress-core: rgba(8, 25, 35, .86);--focus-progress-shadow: rgba(6, 182, 212, .26)}.focus-mode-overlay[data-bg=rain]{--fm-accent-bg: rgba(30, 58, 138, .4);--fm-accent-border: rgba(var(--primary-tint), .45);--fm-accent-text: rgba(191, 219, 254, .95);--focus-progress-fill: rgba(147, 197, 253, .92);--focus-progress-track: rgba(219, 234, 254, .2);--focus-progress-core: rgba(8, 15, 29, .9);--focus-progress-shadow: rgba(96, 165, 250, .26)}.focus-mode-overlay[data-bg=custom]{--focus-progress-fill: rgba(191, 219, 254, .95);--focus-progress-track: rgba(248, 250, 252, .18);--focus-progress-core: rgba(3, 7, 18, .82);--focus-progress-shadow: rgba(15, 23, 42, .42)}.focus-mode-overlay__content{width:min(480px,100%);background:transparent;border:none;border-radius:0;padding:var(--space-4) var(--space-3);box-shadow:none;text-align:center;position:relative}.focus-mode-overlay__timer{font-size:clamp(2.5rem,6vw,4rem);letter-spacing:.08em;font-weight:900;color:#fffffff2;margin-bottom:var(--space-4);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.focus-mode-overlay__timer-icon{color:var(--muted);opacity:.85}.focus-mode-overlay__current-time{color:#e2e8f09e;font-size:clamp(1.25rem,2.8vw,1.8rem);font-weight:600;letter-spacing:.08em;line-height:1;margin-bottom:.45rem;font-variant-numeric:tabular-nums;text-align:center}.focus-mode-overlay__break-timer{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:.95rem;color:var(--muted)}.focus-mode-overlay__break-time{font-weight:900;color:var(--text);letter-spacing:.04em}.focus-mode-overlay__progress-label{font-size:.72rem;font-weight:500;color:#ffffff73;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem;text-align:center;width:min(420px,80vw)}.focus-mode-overlay__progress{margin:0 0 var(--space-5);height:8px;border-radius:999px;background:#94a3b81f;overflow:visible;position:relative}.focus-mode-overlay__progress-bar{height:100%;width:0%;background:linear-gradient(90deg,rgba(var(--primary-tint),.85),#a78bfae6);border-radius:999px;box-shadow:0 0 8px rgba(var(--primary-tint),.45);transition:width .3s ease;position:relative}.focus-mode-overlay__progress-bar.is-goal-reached:after{content:"";position:absolute;right:0;top:50%;width:14px;height:14px;transform:translate(50%,-50%);border-radius:999px;background:radial-gradient(circle,#ffd479,#ff8a00 45%,#ff45001a 70%);box-shadow:0 0 8px #ff8a00e6,0 0 18px #ff450099;animation:focus-mode-flare 1.2s ease-in-out infinite}.focus-mode-overlay__progress-bar.is-break{background:linear-gradient(90deg,#4ade80d9,#34d399e6);box-shadow:0 0 8px #4ade8073}.focus-mode-overlay__goal-reached-text span{display:block}@keyframes focus-mode-flare{0%,to{transform:translate(50%,-50%) scale(.95);opacity:.85}50%{transform:translate(50%,-50%) scale(1.12);opacity:1}}.focus-mode-overlay__stop{width:100%;justify-content:center;min-height:44px;margin-bottom:var(--space-3);border-radius:.75rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.focus-mode-overlay__break-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin-bottom:var(--space-4)}.focus-mode-overlay__break-actions.is-single{grid-template-columns:1fr}@media(max-width:420px){.focus-mode-overlay__break-actions{grid-template-columns:1fr}}.focus-mode-overlay__break-button{border:1px solid var(--fm-accent-border);background:var(--fm-accent-bg);color:var(--fm-accent-text);border-radius:.75rem;padding:.55rem .7rem;cursor:pointer;min-height:44px}.focus-mode-overlay__break-button:hover:not(:disabled){filter:brightness(1.2);border-color:rgba(var(--primary-tint),.6)}.focus-mode-overlay__break-button:disabled{opacity:.6;cursor:not-allowed}.focus-mode-overlay__quote{color:var(--fm-accent-text);display:flex;flex-direction:column;gap:var(--space-2)}.focus-mode-overlay__quote-text{font-size:1rem;line-height:1.5;font-style:italic;font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.focus-mode-overlay__quote-author{font-size:.9rem;color:var(--muted)}.focus-mode-overlay__goal{margin-top:var(--space-5)}.focus-mode-overlay__goal-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.focus-mode-overlay__goal-button{border:1px solid var(--fm-accent-border);background:var(--fm-accent-bg);color:var(--fm-accent-text);cursor:pointer;padding:.5rem 1.4rem;border-radius:.75rem;font-size:.9rem;font-weight:600;min-height:42px;transition:opacity .2s ease,filter .2s ease;letter-spacing:.01em}.focus-mode-overlay__goal-button:hover{filter:brightness(1.15)}.focus-mode-overlay__goal-button:focus-visible{outline:2px solid var(--fm-accent-border);outline-offset:2px}.focus-mode-overlay__goal-controls{display:inline-flex;align-items:center;gap:var(--space-2)}.focus-mode-overlay__icon-button{border:1px solid var(--fm-accent-border);background:rgba(var(--primary-tint),.08);color:var(--fm-accent-text);cursor:pointer;width:38px;height:38px;padding:0;border-radius:.75rem;display:inline-flex;align-items:center;justify-content:center;transition:.2s ease}.focus-mode-overlay__icon-button:hover{color:#fffffff2;border-color:#ffffff4d;background:#ffffff2e}.focus-mode-overlay__icon-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.focus-mode-overlay__icon-button.is-active{color:var(--text);border-color:var(--border);box-shadow:none}.focus-mode-overlay__settings-button{position:relative}.focus-mode-overlay__settings-callout{position:absolute;left:50%;bottom:calc(100% + .7rem);transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 .65rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#070d1ce0;color:#f8fafceb;font-size:.72rem;font-weight:800;line-height:1;white-space:nowrap;letter-spacing:0;box-shadow:0 10px 28px #00000047;pointer-events:none}.focus-mode-overlay__settings-callout:after{content:"";position:absolute;left:50%;top:100%;width:8px;height:8px;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);background:inherit;transform:translate(-50%,-4px) rotate(45deg)}.focus-mode-overlay__goal-picker,.focus-mode-overlay__settings{margin-top:var(--space-3);padding:var(--space-4);border-radius:var(--panel-radius);border:1px solid var(--fm-accent-border);background:#0000008c;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);display:flex;flex-direction:column;gap:var(--space-3);text-align:left;box-shadow:0 8px 32px #00000059}.focus-mode-overlay__settings--drawer{position:fixed;top:0;right:0;bottom:0;width:min(390px,calc(100vw - 1rem));margin:0;border-radius:0;border-top:0;border-right:0;border-bottom:0;background:#070d1ce6;z-index:10002;max-height:none;overflow:auto;padding:var(--space-5)}.focus-mode-overlay__settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.focus-mode-overlay__settings-kicker,.focus-mode-overlay__settings-section-title{margin:0;color:#94a3b8b8;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.focus-mode-overlay__settings-title{margin:.18rem 0 0;color:#f8fafcf5;font-size:1.35rem;line-height:1.2;letter-spacing:0}.focus-mode-overlay__settings-section{display:flex;flex-direction:column;gap:var(--space-2)}.focus-mode-overlay__settings-segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;border:1px solid rgba(148,163,184,.16);border-radius:.85rem;background:#0f172aa8}.focus-mode-overlay__settings-segmented button{min-height:36px;border:0;border-radius:.65rem;background:transparent;color:#cbd5e1ad;cursor:pointer;font:inherit;font-size:.78rem;font-weight:700;letter-spacing:0;white-space:nowrap}.focus-mode-overlay__settings-segmented button.is-active{background:rgba(var(--primary-tint),.22);color:#f8fafcf5;box-shadow:inset 0 0 0 1px rgba(var(--primary-tint),.38)}.focus-mode-overlay__settings-segmented button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.focus-mode-overlay__settings--popup-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1002;width:min(520px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:auto;margin:0;background:var(--bg);box-shadow:0 18px 48px #00000085}.focus-mode-overlay__settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.focus-mode-overlay__settings-text{display:flex;flex-direction:column;gap:.25rem;color:var(--text);font-size:.95rem}.focus-mode-overlay__settings-divider{height:1px;background:var(--fm-accent-border);width:100%}.focus-mode-overlay__settings-breaks{display:grid;grid-template-columns:1fr;gap:var(--space-2)}@media(max-width:420px){.focus-mode-overlay__settings-breaks{grid-template-columns:1fr}.focus-mode-overlay__settings-break{align-items:flex-start;flex-direction:column}.focus-mode-overlay__settings-input{width:100%;justify-content:flex-end}.focus-mode-overlay__settings-number{width:64px}}.focus-mode-overlay__settings-break{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:.9rem;color:var(--text)}.focus-mode-overlay__settings-input{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:1px solid var(--border);border-radius:.75rem;background:rgba(var(--bg-tint),.7);min-height:38px;padding:0 .65rem;width:96px}.focus-mode-overlay__settings-input:focus-within{outline:2px solid var(--primary);outline-offset:2px}.focus-mode-overlay__settings-number{color:var(--text);background:transparent;border:none;padding:0;width:48px;text-align:right}.focus-mode-overlay__settings-number:focus-visible{outline:2px solid transparent}.focus-mode-overlay__settings-suffix{color:var(--muted);font-size:.85rem}.focus-mode-overlay__goal-picker-title{font-size:.85rem;color:var(--muted);margin:0}.focus-mode-overlay__goal-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}@media(max-width:420px){.focus-mode-overlay__goal-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.focus-mode-overlay__goal-option{border:1px solid var(--border);background:rgba(var(--bg-tint),.6);color:var(--text);border-radius:.75rem;padding:.5rem .6rem;cursor:pointer;min-height:44px}.focus-mode-overlay__goal-option:hover{border-color:rgba(var(--primary-tint),.6)}.focus-mode-overlay__goal-option.is-active{border-color:var(--primary);box-shadow:0 0 0 1px rgba(var(--primary-tint),.35)}.focus-mode-overlay__goal-picker-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.focus-mode-overlay__goal-picker-action{border:1px solid var(--border);background:rgba(var(--bg-tint),.25);color:var(--muted);cursor:pointer;padding:.45rem .7rem;border-radius:.75rem;min-height:44px}.focus-mode-overlay__goal-picker-action:hover{color:var(--text);border-color:#94a3b866;background:#94a3b81f}.focus-mode-overlay__goal-custom{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--space-2);align-items:end}@media(max-width:420px){.focus-mode-overlay__goal-custom{grid-template-columns:1fr 1fr}.focus-mode-overlay__goal-custom-set{grid-column:1 / -1}}.focus-mode-overlay__goal-custom-field{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--muted)}.focus-mode-overlay__goal-custom-field input{border:1px solid var(--border);border-radius:.75rem;background:rgba(var(--bg-tint),.7);color:var(--text);padding:.55rem .65rem;min-height:44px}.focus-mode-overlay__goal-custom-field input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.focus-mode-overlay__goal-reached{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--panel-radius);border:1px solid rgba(var(--primary-tint),.35);background:rgba(var(--primary-tint),.12);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.focus-mode-overlay__goal-reached-text{font-size:.9rem;color:#e2e8f0e6}.focus-mode-overlay__goal-reached-action{border:1px solid var(--border);background:rgba(var(--bg-tint),.45);color:var(--text);border-radius:.75rem;padding:.45rem .7rem;cursor:pointer;min-height:44px}.focus-mode-overlay__goal-reached-action:hover{border-color:rgba(var(--primary-tint),.7)}@keyframes fm-bg-drift{0%,to{background-position:50% 50%}25%{background-position:56% 44%}50%{background-position:44% 56%}75%{background-position:52% 47%}}.focus-mode-overlay--drift{background-size:115% 115%;animation:fm-bg-drift 80s ease-in-out infinite}@keyframes fm-grad-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.focus-mode-overlay.focus-bg-aurora{background:linear-gradient(-45deg,#0d1b2a,#0d3b2d,#12002b,#003153,#0f2a20);background-size:400% 400%;animation:fm-grad-shift 18s ease infinite}.focus-mode-overlay.focus-bg-deep-ocean{background:linear-gradient(-45deg,#000814,#001233,#023e8a,#0077b6,#03045e);background-size:400% 400%;animation:fm-grad-shift 16s ease infinite}.focus-mode-overlay.focus-bg-sunset{background:linear-gradient(-45deg,#1a0533,#3a1060,#7b2d8b,#c06014,#6b1a0f);background-size:400% 400%;animation:fm-grad-shift 14s ease infinite}.focus-mode-overlay.focus-bg-forest-mist{background:linear-gradient(-45deg,#0a1628,#112a1c,#1a3a2a,#0f2d1a,#0d2040);background-size:400% 400%;animation:fm-grad-shift 20s ease infinite}.focus-mode-overlay.focus-bg-night-sky{background:linear-gradient(-45deg,#020618,#060d2e,#0b1540,#13073a,#040e28);background-size:400% 400%;animation:fm-grad-shift 22s ease infinite}.focus-mode-overlay__bg-option--gradient{background-size:300% 300%!important}.focus-mode-overlay__center{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6) var(--space-5) var(--space-3);text-align:center;min-height:0;overflow:visible}.focus-mode-overlay__pomo-timer-face{position:relative;width:min(380px,82vw);height:min(380px,82vw);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.focus-mode-overlay__pomo-timer-face .focus-mode-overlay__timer,.focus-mode-overlay__pomo-timer-face .focus-mode-overlay__pomodoro-cycles,.focus-mode-overlay__pomo-timer-face .focus-mode-overlay__pomodoro-sub{position:relative;z-index:1}.focus-mode-overlay__pomo-timer-face .focus-mode-overlay__timer{margin-bottom:0}.focus-mode-overlay__pomo-ring-wrap{position:absolute;inset:0;pointer-events:none;z-index:0}.focus-mode-overlay__pomo-ring-svg{width:100%;height:100%;filter:drop-shadow(0 0 8px rgba(239,68,68,.25))}.focus-mode-overlay__pomo-banner{position:absolute;top:calc(var(--space-4) + 38px + var(--space-2));left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.4rem;font-size:.73rem;color:#e2e8f080;white-space:nowrap;z-index:10}.focus-mode-overlay__pomo-banner-sep{opacity:.4}.focus-mode-overlay__pomo-banner-info{cursor:help;opacity:.55;font-size:.78rem;transition:opacity .15s}.focus-mode-overlay__pomo-banner-info:hover{opacity:1}.focus-mode-overlay__info-tip{position:relative;cursor:help;display:inline-flex;align-items:center;opacity:.55;font-size:.78rem;transition:opacity .15s}.focus-mode-overlay__info-tip:hover{opacity:1}.focus-mode-overlay__info-tip-content{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);width:260px;background:#070d1cf7;border:1px solid rgba(148,163,184,.2);border-radius:.75rem;padding:.7rem .9rem;font-size:.8rem;color:#e2e8f0d9;line-height:1.55;text-align:left;white-space:normal;box-shadow:0 6px 24px #00000080;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;z-index:10002}.focus-mode-overlay__info-tip-content strong{color:#e2e8f0f2;font-weight:600;display:block;margin-bottom:.3rem}.focus-mode-overlay__info-tip-content:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#94a3b833}.focus-mode-overlay__info-tip:hover .focus-mode-overlay__info-tip-content{opacity:1;visibility:visible}.focus-mode-overlay__pomo-banner-field{display:inline-flex;align-items:center;gap:.25rem;cursor:text}.focus-mode-overlay__pomo-banner-input{background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:.3rem;color:#e2e8f0d9;width:36px;text-align:center;padding:.08rem .2rem;font-size:.73rem;font-family:inherit;-moz-appearance:textfield}.focus-mode-overlay__pomo-banner-input::-webkit-outer-spin-button,.focus-mode-overlay__pomo-banner-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.focus-mode-overlay__pomo-banner-input:focus-visible{outline:1px solid rgba(var(--primary-tint),.55);outline-offset:1px}.focus-mode-overlay__center .focus-mode-overlay__timer{font-size:clamp(4.5rem,14vw,9rem);font-weight:900;letter-spacing:.04em;font-variant-numeric:tabular-nums;margin-bottom:var(--space-3)}.focus-mode-overlay__pomo-timer-face .focus-mode-overlay__timer{font-size:clamp(3.5rem,11vw,6rem)}.focus-mode-overlay__center .focus-mode-overlay__progress{width:min(420px,80vw);margin-left:auto;margin-right:auto}.focus-mode-overlay__center .focus-mode-overlay__goal-reached{max-width:440px}.focus-mode-overlay__center .focus-mode-overlay__quote{max-width:560px;margin-top:var(--space-8, 3rem)}.focus-mode-overlay__center--progress-pie .focus-mode-overlay__quote{width:min(660px,72vw);transform:translate(clamp(-9rem,-9vw,-3rem))}.focus-mode-overlay__glass-card{background:transparent;border:none;border-radius:0;padding:var(--space-3) var(--space-4) var(--space-4);display:flex;flex-direction:column;align-items:center;width:min(500px,92vw);position:relative}.focus-mode-overlay__glass-card--ring{--focus-ring-size: min(920px, 96vw, calc(100dvh - 3rem) );width:var(--focus-ring-size);min-height:var(--focus-ring-size);padding:clamp(3.2rem,7vw,5rem) clamp(3rem,7vw,5rem);justify-content:center}.focus-mode-overlay__glass-card--ring .focus-mode-overlay__card-actions,.focus-mode-overlay__glass-card--ring .focus-mode-overlay__progress,.focus-mode-overlay__glass-card--ring .focus-mode-overlay__break-timer,.focus-mode-overlay__glass-card--ring .focus-mode-overlay__goal-reached{width:min(620px,78%)}.focus-mode-overlay__glass-card--pie{--focus-pie-size: clamp(230px, 22vw, 340px);width:min(1180px,94vw);padding-right:calc(var(--focus-pie-size) + clamp(2.75rem,6vw,6rem));align-items:center}.focus-mode-overlay__glass-card--pie .focus-mode-overlay__timer{margin-left:clamp(-5rem,-4vw,-2rem)}.focus-mode-overlay__glass-card--pie .focus-mode-overlay__card-actions,.focus-mode-overlay__glass-card--pie .focus-mode-overlay__progress,.focus-mode-overlay__glass-card--pie .focus-mode-overlay__break-timer,.focus-mode-overlay__glass-card--pie .focus-mode-overlay__goal-reached{width:min(690px,100%);margin-left:clamp(-5rem,-4vw,-2rem)}.focus-mode-overlay__progress-ring{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.focus-mode-overlay__progress-ring-svg{width:100%;height:100%;filter:drop-shadow(0 0 22px var(--focus-progress-shadow));transform:rotate(-90deg)}.focus-mode-overlay__progress-ring-svg circle{transition:stroke-dashoffset .35s linear}.focus-mode-overlay__progress-pie-wrap{position:absolute;top:50%;right:clamp(0rem,2vw,1.5rem);transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:.45rem}.focus-mode-overlay__progress-pie{--focus-pie-progress: 0deg;width:var(--focus-pie-size, 104px);aspect-ratio:1;border-radius:999px;display:grid;place-items:center;background:conic-gradient(var(--focus-progress-fill) var(--focus-pie-progress),var(--focus-progress-track) 0deg);box-shadow:0 0 34px var(--focus-progress-shadow);position:relative}.focus-mode-overlay__progress-pie:after{content:"";position:absolute;inset:clamp(1.15rem,2vw,1.65rem);border-radius:inherit;background:var(--focus-progress-core);box-shadow:inset 0 0 0 1px #ffffff0a}.focus-mode-overlay__progress-pie span{position:relative;z-index:1;color:#f8fafcf0;font-size:clamp(1.7rem,3vw,2.7rem);font-weight:800;letter-spacing:0}.focus-mode-overlay__progress-pie-label{color:#94a3b8b8;font-size:clamp(.78rem,1vw,.9rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.focus-mode-overlay__glass-card .focus-mode-overlay__progress{width:100%;margin-left:0;margin-right:0}.focus-mode-overlay__card-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:var(--space-4);width:100%}.focus-mode-overlay__card-actions .focus-mode-overlay__stop{width:100%;margin-bottom:0;min-height:44px;background:#ef44442e!important;border:1px solid rgba(239,68,68,.55)!important;color:#f87171f2!important;box-shadow:none!important}.focus-mode-overlay__card-actions .focus-mode-overlay__stop:hover{background:#ef444447!important;border-color:#ef4444bf!important}.focus-mode-overlay__card-actions .focus-mode-overlay__goal-button{width:100%;min-height:44px}.focus-mode-overlay__goal-button--block{width:100%}.focus-mode-overlay__card-actions .focus-mode-overlay__break-actions{width:100%;margin-bottom:0}.focus-mode-overlay[data-bg=forest] .focus-mode-overlay__progress-pie:after,.focus-mode-overlay[data-bg=lake] .focus-mode-overlay__progress-pie:after,.focus-mode-overlay[data-bg=ocean] .focus-mode-overlay__progress-pie:after,.focus-mode-overlay[data-bg=meadow] .focus-mode-overlay__progress-pie:after,.focus-mode-overlay[data-bg=blossom] .focus-mode-overlay__progress-pie:after,.focus-mode-overlay[data-bg=snow] .focus-mode-overlay__progress-pie:after,.focus-mode-overlay[data-bg=rain] .focus-mode-overlay__progress-pie:after,.focus-mode-overlay[data-bg=library] .focus-mode-overlay__progress-pie:after,.focus-mode-overlay[data-bg=cafe] .focus-mode-overlay__progress-pie:after,.focus-mode-overlay[data-bg=custom] .focus-mode-overlay__progress-pie:after{backdrop-filter:blur(16px) saturate(1.12);-webkit-backdrop-filter:blur(16px) saturate(1.12)}.focus-mode-overlay__controls{background:transparent;padding:var(--space-2) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.focus-mode-overlay__toolbar{display:inline-flex;flex-direction:row;align-items:center;gap:var(--space-2);background:#00000052;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border:1px solid rgba(255,255,255,.08);border-radius:1.25rem;padding:var(--space-2) var(--space-3)}.focus-mode-overlay>.focus-mode-overlay__goal-picker,.focus-mode-overlay>.focus-mode-overlay__bg-picker,.focus-mode-overlay>.focus-mode-overlay__notes{position:fixed;bottom:calc(130px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:min(520px,calc(100vw - 2rem));z-index:10001;margin:0;max-height:calc(100vh - 180px);overflow:auto}.focus-mode-overlay__brand{position:absolute;top:var(--space-4);left:var(--space-4);display:inline-flex;align-items:center;gap:.45rem;opacity:.28;z-index:10;pointer-events:none}.focus-mode-overlay__brand-logo{color:#fff;flex-shrink:0}.focus-mode-overlay__brand-name{font-size:.8rem;font-weight:600;color:#fff;letter-spacing:.03em}.focus-mode-overlay__mode-toggle{position:absolute;top:var(--space-4);left:50%;transform:translate(-50%);display:inline-flex;align-items:center;background:#00000047;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:3px;gap:2px;z-index:10}.focus-mode-overlay__mode-btn{border:none;background:transparent;color:#e2e8f080;cursor:pointer;padding:.28rem .9rem;border-radius:999px;font-size:.8rem;font-weight:500;transition:background .15s ease,color .15s ease;white-space:nowrap;letter-spacing:.01em;line-height:1.4}.focus-mode-overlay__mode-btn.is-active{background:#ffffff24;color:#ffffffeb}.focus-mode-overlay__mode-btn:hover:not(.is-active){color:#e2e8f0cc}.focus-mode-overlay__toolbar-main{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.focus-mode-overlay__toolbar-main .focus-mode-overlay__stop{width:auto;margin-bottom:0;min-width:120px;min-height:44px}.focus-mode-overlay__toolbar-main .focus-mode-overlay__break-actions{margin-bottom:0;display:flex;gap:var(--space-2)}.focus-mode-overlay__toolbar-main .focus-mode-overlay__break-button{min-width:100px}.focus-mode-overlay__toolbar-main .focus-mode-overlay__goal-button{min-height:44px}.focus-mode-overlay__toolbar-icons{display:flex;align-items:center;gap:var(--space-2);opacity:.75;transition:opacity .2s}.focus-mode-overlay__toolbar-icons:hover{opacity:1}.focus-mode-overlay__toolbar-divider{width:1px;height:18px;background:#ffffff26;margin:0 var(--space-1);flex-shrink:0}.focus-mode-overlay__focus-toggle{opacity:.6}.focus-mode-overlay__focus-toggle.is-active{color:var(--fm-accent-text)!important;background:var(--fm-accent-bg)!important;border-color:var(--fm-accent-border)!important;opacity:1}.focus-mode-popup{position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);z-index:1000;pointer-events:none}.focus-mode-popup.is-dragging{pointer-events:auto}.focus-mode-popup__settings-backdrop{position:fixed;inset:0;z-index:1001;border:none;padding:0;margin:0;background:rgba(var(--bg-deep-tint),.42);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);cursor:default}.focus-mode-popup__inner{--focus-popup-control-width: 110px;--fm-accent-bg: var(--bg-muted);--fm-accent-border: var(--border);--fm-accent-text: var(--text);width:min(900px,calc(100vw - 2 * var(--space-4)));display:grid;grid-template-columns:1fr auto;gap:var(--space-2);align-items:center;pointer-events:auto;background:rgba(var(--bg-deep-tint),.97);border:1px solid var(--border);border-top:1px solid rgba(var(--primary-tint),.3);border-radius:16px;padding:var(--space-3);padding-left:calc(var(--space-3) + 18px);padding-bottom:calc(var(--space-3) + 12px);box-shadow:0 -2px 32px #0006,0 0 0 1px #ffffff08 inset;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);position:relative;isolation:isolate;color:var(--text)}.theme-light .focus-mode-popup__inner{background:var(--white);border-color:var(--border);border-top-color:rgba(var(--primary-tint),.3);box-shadow:0 -2px 24px rgba(var(--bg-tint),.18),0 0 0 1px rgba(var(--primary-tint),.06) inset;backdrop-filter:none;-webkit-backdrop-filter:none}.theme-light .focus-mode-popup__inner .focus-mode-overlay__break-button{background:rgba(var(--primary-tint),.08);border-color:rgba(var(--primary-tint),.3);color:var(--text)}.theme-light .focus-mode-popup__inner .focus-mode-overlay__break-button:hover:not(:disabled){background:rgba(var(--primary-tint),.18);border-color:rgba(var(--primary-tint),.5)}.theme-light .focus-mode-popup__inner .focus-mode-overlay__goal-button{background:rgba(var(--primary-tint),.1);border-color:rgba(var(--primary-tint),.35);color:var(--primary-700, var(--primary))}.theme-light .focus-mode-popup__inner .focus-mode-overlay__goal-button:hover{background:rgba(var(--primary-tint),.18);border-color:rgba(var(--primary-tint),.55)}.theme-light .focus-mode-popup__inner .focus-mode-overlay__icon-button{background:rgba(var(--primary-tint),.08);border-color:rgba(var(--primary-tint),.25);color:var(--muted)}.theme-light .focus-mode-popup__inner .focus-mode-overlay__icon-button:hover{background:rgba(var(--primary-tint),.16);border-color:rgba(var(--primary-tint),.42);color:var(--text)}.theme-light .focus-mode-popup__toolbar-divider{background:rgba(var(--primary-tint),.2)}.theme-light .focus-mode-popup__aside{border-left-color:var(--border)}.theme-light .focus-mode-popup__drag-handle{color:var(--muted)}.theme-light .focus-mode-popup__drag-handle:hover{background:rgba(var(--primary-tint),.08)}.theme-light .focus-mode-popup__inner .focus-mode-overlay__timer{color:var(--text)}@media(max-width:1030px){.focus-mode-popup{bottom:calc(var(--mobile-nav-height) + var(--safe-area-bottom) + var(--space-2))}}@media(max-width:768px){.focus-mode-popup__inner{width:calc(100vw - 2 * var(--space-3));grid-template-columns:1fr;gap:var(--space-3)}.focus-mode-popup__aside,.focus-mode-overlay__goal-button,.focus-mode-overlay__break-button--long{display:none}.focus-mode-popup__timer-expand{display:inline-flex;width:28px;height:28px;margin-left:.35rem;flex-shrink:0}.focus-mode-overlay__break-label--compact{display:inline}.focus-mode-overlay__break-label--full{display:none}}.focus-mode-popup__content{display:flex;align-items:center;gap:.5rem;flex:1;text-align:left;min-width:0;position:relative}.focus-mode-popup__content .focus-mode-overlay__current-time{width:100%;margin-bottom:0;font-size:1rem;text-align:center}.focus-mode-popup__timer-expand,.focus-mode-overlay__break-label--compact{display:none}.focus-mode-overlay__break-label--full{display:inline}.focus-mode-popup__content .focus-mode-overlay__timer{display:flex;align-items:center;font-size:clamp(1.55rem,2.8vw,2rem);margin-bottom:0;line-height:1;white-space:nowrap;flex-shrink:0;min-width:8.5ch;color:var(--text)}.focus-mode-popup__content .focus-mode-overlay__timer-text{display:inline-block;min-width:8ch;text-align:left;font-variant-numeric:tabular-nums}.focus-mode-popup__content .focus-mode-overlay__resume,.focus-mode-popup__content .focus-mode-overlay__quote,.focus-mode-popup__content .focus-mode-overlay__break-timer,.focus-mode-popup__content .focus-mode-overlay__progress,.focus-mode-popup__content .focus-mode-overlay__goal-reached{display:none}.focus-mode-popup__content .focus-mode-overlay__stop{width:auto;margin-bottom:0;min-width:var(--focus-popup-control-width);min-height:32px;padding:.28rem .55rem;font-size:.8rem;white-space:nowrap;flex-shrink:0}.focus-mode-popup__content .focus-mode-overlay__break-actions{margin-bottom:0;display:flex;gap:.35rem;flex-shrink:0}.focus-mode-popup__content .focus-mode-overlay__break-button{min-width:var(--focus-popup-control-width);min-height:32px;padding:.28rem .5rem;font-size:.8rem;line-height:1.1;white-space:nowrap}.focus-mode-popup__content .focus-mode-overlay__goal{margin-top:0;display:flex}.focus-mode-popup__content .focus-mode-overlay__goal-actions{display:flex;flex-wrap:nowrap;gap:.35rem;width:100%}.focus-mode-popup__content .focus-mode-overlay__goal-button{min-width:var(--focus-popup-control-width);min-height:32px;padding:.28rem .55rem;font-size:.8rem;line-height:1.1;white-space:nowrap;flex-shrink:0}.focus-mode-popup__content .focus-mode-overlay__goal-controls{display:none}.focus-mode-popup__actions-row{display:flex;gap:.4rem;align-items:center;justify-content:flex-end;margin-left:auto;flex-shrink:1;min-width:0;position:relative;z-index:1}.focus-mode-popup__aside .focus-mode-overlay__icon-button{width:32px;height:32px;border-radius:8px}.focus-mode-popup__drag-handle{position:absolute;left:0;top:0;bottom:0;width:22px;border:none;background:transparent;color:var(--muted);border-radius:12px 0 0 12px;min-width:22px;min-height:100%;padding:0;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;transition:.2s ease;z-index:2}.focus-mode-popup__drag-handle:hover{color:var(--text);background:var(--bg-muted)}.focus-mode-popup__drag-handle:focus-visible{outline:2px solid transparent;background:#94a3b81f}.focus-mode-popup__drag-icon{transform:rotate(90deg)}.focus-mode-popup__drag-handle.is-dragging,.focus-mode-popup.is-dragging .focus-mode-popup__drag-handle{cursor:grabbing;color:var(--text);background:#94a3b829}.focus-mode-popup__content .focus-mode-overlay__goal-picker{position:absolute;left:50%;bottom:calc(100% + var(--space-2));top:auto;transform:translate(-50%);z-index:30;min-width:min(420px,calc(100vw - 2rem));max-width:min(500px,calc(100vw - 2rem));background:var(--bg);box-shadow:0 12px 38px #00000073}.focus-mode-popup__progress{position:absolute;left:var(--space-3);right:var(--space-3);bottom:var(--space-3);z-index:6}.focus-mode-popup__progress .focus-mode-overlay__progress{display:block;margin:0;height:8px}.focus-mode-popup__inner.is-goal-picker-open .focus-mode-popup__actions-row,.focus-mode-popup__inner.is-goal-picker-open .focus-mode-popup__aside,.focus-mode-popup__inner.is-settings-open .focus-mode-popup__actions-row,.focus-mode-popup__inner.is-settings-open .focus-mode-popup__aside,.focus-mode-popup__inner.is-settings-open .focus-mode-popup__drag-handle{opacity:.35;pointer-events:none}.focus-mode-popup__aside{display:flex;align-items:center;justify-content:center;padding-left:var(--space-2);border-left:1px solid rgba(148,163,184,.13);flex-shrink:0;width:auto;min-width:0}@media(max-width:980px){.focus-mode-popup__content{flex-wrap:wrap;justify-content:flex-end;text-align:center}.focus-mode-popup__actions-row{justify-content:flex-end;flex-wrap:wrap;margin-left:0}}@media(max-width:768px){.focus-mode-popup__content{display:block;text-align:center}.focus-mode-popup__content .focus-mode-overlay__timer{justify-content:center;margin-bottom:var(--space-2)}.focus-mode-popup__actions-row{justify-content:center;margin-left:0}}.focus-mode-popup__aside-label{font-size:.75rem;color:var(--muted);white-space:nowrap;font-weight:500;text-align:center;width:100%;line-height:1.1}.timer-popout-page{margin:0;min-height:100vh;overflow:hidden;background:rgb(var(--bg-deep-tint))}.timer-popout-page #root,.timer-popout-page .timer-popout-empty{min-height:100vh}.timer-popout-page .focus-mode-popup{position:static;transform:none!important;width:100vw;height:100vh;padding:0;pointer-events:auto;box-sizing:border-box}.timer-popout-page .focus-mode-popup__inner{--focus-popup-control-width: auto;width:100%;min-height:100%;grid-template-columns:1fr;align-content:center;gap:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:clamp(.4rem,6vh,.7rem) clamp(.55rem,4vw,.9rem)}.timer-popout-page .focus-mode-popup__drag-handle,.timer-popout-page .focus-mode-popup__aside,.timer-popout-page .focus-mode-popup__progress{display:none}.timer-popout-page .focus-mode-popup__content{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(.24rem,3.6vh,.38rem);text-align:center}.timer-popout-page .focus-mode-popup__content .focus-mode-overlay__current-time{display:none}.timer-popout-page .focus-mode-popup__content .focus-mode-overlay__timer{width:100%;justify-content:center;color:#f8fafcf5;font-size:clamp(1.65rem,min(13.5vw,46vh),3rem);font-weight:800;line-height:1;letter-spacing:0;margin:0}.timer-popout-page .focus-mode-popup__content .focus-mode-overlay__timer-text{min-width:0;text-align:center}.timer-popout-page .focus-mode-popup__content .focus-mode-overlay__progress{display:block;width:min(100%,15.5rem);height:clamp(5px,3vh,7px);margin:0;border-radius:999px;background:#94a3b821}.timer-popout-page .focus-mode-popup__content .focus-mode-overlay__progress-bar{box-shadow:0 0 10px #8b5cf657}.timer-popout-page .focus-mode-popup__actions-row{width:100%;justify-content:center;flex-wrap:nowrap;gap:clamp(.18rem,1.5vw,.28rem);margin-left:0;margin-top:clamp(.02rem,1vh,.08rem)}.timer-popout-page .focus-mode-popup__content .focus-mode-overlay__stop,.timer-popout-page .focus-mode-popup__content .focus-mode-overlay__break-button,.timer-popout-page .focus-mode-popup__content .focus-mode-overlay__goal-button{display:inline-flex;align-items:center;justify-content:center;min-width:var(--focus-popup-control-width);min-height:clamp(21px,13vh,24px);height:clamp(21px,13vh,24px);border-radius:7px;padding:.1rem clamp(.34rem,1.8vw,.44rem);font-size:clamp(.58rem,3.4vw,.66rem);font-weight:700;line-height:1;white-space:nowrap}.timer-popout-page .focus-mode-popup__content .focus-mode-overlay__stop{min-width:42px}.timer-popout-page .focus-mode-popup__content .focus-mode-overlay__break-button{min-width:64px}.timer-popout-page .focus-mode-popup__content .focus-mode-overlay__break-button--long{min-width:66px}.timer-popout-page .focus-mode-popup__content .focus-mode-overlay__goal-button{min-width:42px}.timer-popout-page .focus-mode-overlay__break-label--compact{display:inline}.timer-popout-page .focus-mode-overlay__break-label--full{display:none}.timer-popout-page .focus-mode-popup__content .focus-mode-overlay__goal-picker{position:fixed;left:.5rem;right:.5rem;bottom:.5rem;transform:none;min-width:0;max-width:none}.timer-popout-page .focus-mode-overlay__settings--popup-modal{width:min(420px,calc(100vw - 1rem));max-height:calc(100vh - 1rem)}@media(max-width:300px),(max-height:145px){.timer-popout-page .focus-mode-popup__inner{padding:clamp(.3rem,5vh,.5rem) clamp(.45rem,4vw,.65rem)}.timer-popout-page .focus-mode-popup__content{gap:clamp(.18rem,2.6vh,.28rem)}.timer-popout-page .focus-mode-popup__content .focus-mode-overlay__timer{font-size:clamp(1.8rem,min(18vw,62vh),2.85rem)}.timer-popout-page .focus-mode-popup__content .focus-mode-overlay__progress{width:min(100%,13rem);height:clamp(6px,4vh,8px)}.timer-popout-page .focus-mode-popup__actions-row{display:none}}.timer-popout-empty{display:flex;flex-direction:column;justify-content:center;gap:var(--space-4);padding:var(--space-4);box-sizing:border-box;color:var(--text);background:rgb(var(--bg-deep-tint))}.timer-popout-empty__eyebrow{margin:0 0 var(--space-1);color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.timer-popout-empty__title{margin:0;font-size:1.25rem;letter-spacing:0}.timer-popout-empty__text{margin:var(--space-2) 0 0;color:var(--muted);font-size:.86rem;line-height:1.5}.timer-popout-empty__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.timer-popout-empty__button{min-height:36px;border:1px solid rgba(var(--primary-tint),.35);border-radius:8px;background:rgba(var(--primary-tint),.14);color:var(--text);cursor:pointer;padding:.4rem .75rem;font-weight:700}.timer-popout-empty__button--ghost{border-color:var(--border);background:#94a3b814;color:var(--muted)}.focus-mode-overlay__context-label{font-size:.78rem;color:#94a3b8bf;margin-bottom:var(--space-3);letter-spacing:.04em;text-transform:uppercase;font-weight:500}.focus-mode-overlay__quote{color:#e2e8f0e6;display:flex;flex-direction:column;gap:var(--space-1)}.focus-mode-overlay__quote-text{font-size:.9rem;line-height:1.65;font-style:normal;font-family:inherit;font-weight:400;color:#e2e8f0d9}.focus-mode-overlay__quote-author{font-size:.78rem;font-weight:400;color:#94a3b880;letter-spacing:.02em}.focus-mode-overlay__music-panel{position:fixed;top:var(--space-4);right:var(--space-4);width:352px;background:#0b1220f2;border:1px solid rgba(148,163,184,.14);border-radius:14px;overflow:hidden;box-shadow:0 10px 34px #00000073;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10001}@media(max-width:640px){.focus-mode-overlay__music-panel{width:calc(100vw - 2 * var(--space-3));right:var(--space-3);top:var(--space-3)}}.focus-mode-overlay__music-header{display:flex;align-items:flex-start;gap:.35rem;padding:.55rem;border-bottom:1px solid rgba(148,163,184,.12)}.focus-mode-overlay__music-close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:.5rem;background:transparent;color:#e2e8f08c;cursor:pointer;transition:.15s ease}.focus-mode-overlay__music-close:hover{background:#ffffff1a;color:#fffffff2}.focus-mode-overlay__music-close:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.focus-mode-overlay__music-tracks{flex:1;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:.3rem}.focus-mode-overlay__music-track{border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#e2e8f0bf;cursor:pointer;padding:.34rem .4rem;border-radius:.5rem;font-size:.76rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.15s ease}.focus-mode-overlay__music-track:hover{color:#fff;background:#ffffff17;border-color:#ffffff47}.focus-mode-overlay__music-track:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.focus-mode-overlay__music-track.is-active{border-color:rgba(var(--primary-tint),.75);background:rgba(var(--primary-tint),.18);color:#fff;font-weight:500}.focus-mode-overlay__music-iframe{width:calc(100% - .8rem);margin:.4rem;height:80px;border:0;display:block;border-radius:12px;background:#121212;color-scheme:dark}.focus-mode-overlay__music-note{display:flex;flex-direction:column;gap:.35rem;margin:0;padding:.55rem;border-top:1px solid rgba(148,163,184,.12);font-size:.72rem;line-height:1.45;color:#e2e8f09e}.focus-mode-overlay__music-link{display:inline-flex;align-items:center;align-self:flex-start;gap:.3rem;font-size:.75rem;font-weight:500;color:#e2e8f0b8;text-decoration:none;transition:.15s ease}.focus-mode-overlay__music-link:hover{color:#fff;text-decoration:underline}.focus-mode-overlay__music-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:.3rem}.focus-mode-overlay__bg-picker{margin-top:var(--space-3);padding:var(--space-4);border-radius:var(--panel-radius);border:1px solid rgba(148,163,184,.18);background:#070d1cb8;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);display:flex;flex-direction:column;gap:var(--space-3);text-align:left;box-shadow:0 8px 32px #00000059}.focus-mode-overlay__bg-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2)}@media(max-width:560px){.focus-mode-overlay__bg-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:980px){.focus-mode-overlay__center--progress-pie .focus-mode-overlay__quote{width:min(560px,88vw);transform:none}.focus-mode-overlay__glass-card--pie{width:min(680px,92vw);padding-right:var(--space-4)}.focus-mode-overlay__glass-card--pie .focus-mode-overlay__timer,.focus-mode-overlay__glass-card--pie .focus-mode-overlay__card-actions,.focus-mode-overlay__glass-card--pie .focus-mode-overlay__progress,.focus-mode-overlay__glass-card--pie .focus-mode-overlay__break-timer,.focus-mode-overlay__glass-card--pie .focus-mode-overlay__goal-reached{margin-left:0}.focus-mode-overlay__progress-pie-wrap{position:static;transform:none;margin:var(--space-3) 0 var(--space-4)}.focus-mode-overlay__progress-pie{width:clamp(180px,34vw,260px)}}@media(max-width:760px){.focus-mode-overlay__glass-card--ring{--focus-ring-size: min(92vw, calc(100dvh - 12rem) );padding:var(--space-5) var(--space-4)}.focus-mode-overlay__settings--drawer{width:100vw}}.focus-mode-overlay__bg-option{height:58px;border-radius:.65rem;border:2px solid rgba(148,163,184,.2);background:rgba(var(--bg-tint),.85);cursor:pointer;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.3rem;transition:border-color .2s ease}.focus-mode-overlay__bg-option:hover{border-color:rgba(var(--primary-tint),.55)}.focus-mode-overlay__bg-option.is-active{border-color:var(--primary);box-shadow:0 0 0 1px rgba(var(--primary-tint),.35)}.focus-mode-overlay__bg-option-name{font-size:.68rem;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.9);font-weight:600;position:relative;z-index:1;background:#00000059;padding:.1rem .3rem;border-radius:.25rem;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);white-space:nowrap}.focus-mode-overlay__bg-option--upload:not([style*=background-image]){border-style:dashed;border-color:#94a3b866;align-items:center;justify-content:center;padding-bottom:0}.focus-mode-overlay__bg-option--upload:not([style*=background-image]):hover{border-color:rgba(var(--primary-tint),.7)}.focus-mode-overlay__notes{margin-top:var(--space-3);padding:var(--space-4);border-radius:var(--panel-radius);border:1px solid rgba(148,163,184,.18);background:#070d1cb8;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);display:flex;flex-direction:column;gap:var(--space-2);text-align:left;box-shadow:0 8px 32px #00000059}.focus-mode-overlay__notes-title{font-size:.82rem;color:var(--muted);margin:0;text-transform:uppercase;letter-spacing:.04em;font-weight:500}.focus-mode-overlay__notes-textarea{background:rgba(var(--bg-tint),.75);border:1px solid var(--border);border-radius:.65rem;color:var(--text);padding:.65rem .75rem;font-size:.9rem;line-height:1.55;resize:vertical;min-height:88px;font-family:inherit;width:100%;box-sizing:border-box}.focus-mode-overlay__notes-textarea::placeholder{color:#94a3b873}.focus-mode-overlay__notes-textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.focus-mode-overlay__notes-hint{font-size:.76rem;color:#94a3b88c;margin:0}.focus-mode-overlay__pomodoro-cycles{display:flex;gap:.25rem;justify-content:center;margin-bottom:var(--space-2);font-size:1rem;filter:drop-shadow(0 1px 4px rgba(0,0,0,.5))}.focus-mode-overlay__pomodoro-dot{display:inline-block}.focus-mode-overlay__pomodoro-sub{font-size:.8rem;color:#94a3b8a6;margin-top:calc(-1 * var(--space-3));margin-bottom:var(--space-3);letter-spacing:.04em}.study-start-modal-backdrop{position:fixed;inset:0;z-index:10002;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.study-start-modal{width:min(440px,100%);background:rgba(var(--bg-deep-tint),.98);border:1px solid var(--border);border-radius:var(--card-radius);padding:var(--space-6);box-shadow:0 24px 64px #0009;display:flex;flex-direction:column;gap:var(--space-5);position:relative}.study-start-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.study-start-modal__header-text{display:flex;flex-direction:column;gap:.25rem}.study-start-modal__title{font-size:1.25rem;font-weight:700;color:var(--text);margin:0;line-height:1.2}.study-start-modal__subtitle{font-size:.88rem;color:var(--muted);margin:0;line-height:1.4}.study-start-modal__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;padding:0;transition:all .15s ease;flex-shrink:0}.study-start-modal__close:hover{background:var(--bg-muted, rgba(255, 255, 255, .08));color:var(--text)}.study-start-modal__fields{display:flex;flex-direction:column;gap:var(--space-3)}.study-start-modal__label{display:flex;flex-direction:column;gap:.4rem;font-size:.88rem;font-weight:600;color:var(--text)}.study-start-modal__optional{font-size:.78rem;color:var(--muted);font-weight:400}.study-start-modal__select,.study-start-modal__input{background:rgba(var(--bg-tint),.7);border:1px solid var(--border);border-radius:.75rem;color:var(--text);padding:.6rem .75rem;font-size:.95rem;min-height:44px;width:100%;box-sizing:border-box;font-family:inherit}.study-start-modal__select option{background:var(--white)}.study-start-modal__select:focus-visible,.study-start-modal__input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.study-start-modal__actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:.25rem}.study-start-modal__primary-btn{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;font-size:.98rem;border-radius:.75rem}.study-start-modal__sub-actions{display:grid;grid-template-columns:1fr auto;gap:var(--space-2);align-items:center}.study-start-modal__sub-actions>.btn{font-size:.85rem;padding:.5rem .75rem;min-height:38px;white-space:nowrap}@media(max-width:440px){.study-start-modal__sub-actions{grid-template-columns:1fr}}@media(max-width:640px){.focus-mode-popup{bottom:calc(72px + env(safe-area-inset-bottom) + var(--space-2))}.focus-mode-popup__inner{padding:var(--space-2);padding-left:calc(var(--space-2) + 18px);padding-bottom:calc(var(--space-2) + 10px);border-radius:10px}}.focus-timer-public{min-height:100vh;min-height:100dvh;background:var(--fm-overlay-bg, rgb(var(--bg-deep-tint)));color:#e2e8f0}.focus-timer-public__stage{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;background:var(--fm-overlay-bg, rgb(var(--bg-deep-tint)));--fm-accent-bg: rgba(255, 255, 255, .1);--fm-accent-border: rgba(255, 255, 255, .18);--fm-accent-text: rgba(255, 255, 255, .9);color-scheme:dark}.focus-timer-public__stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#050a1605,#050a162e),radial-gradient(circle at 50% 100%,rgba(96,165,250,.08),transparent 32rem);z-index:-1}.focus-timer-public__stage.focus-bg-aurora,.focus-timer-save.focus-bg-aurora{background:linear-gradient(-45deg,#0d1b2a,#0d3b2d,#12002b,#003153,#0f2a20);background-size:400% 400%;animation:fm-grad-shift 18s ease infinite}.focus-timer-public__stage.focus-bg-deep-ocean,.focus-timer-save.focus-bg-deep-ocean{background:linear-gradient(-45deg,#000814,#001233,#023e8a,#0077b6,#03045e);background-size:400% 400%;animation:fm-grad-shift 16s ease infinite}.focus-timer-public__stage.focus-bg-sunset,.focus-timer-save.focus-bg-sunset{background:linear-gradient(-45deg,#1a0533,#3a1060,#7b2d8b,#c06014,#6b1a0f);background-size:400% 400%;animation:fm-grad-shift 14s ease infinite}.focus-timer-public__stage.focus-bg-forest-mist,.focus-timer-save.focus-bg-forest-mist{background:linear-gradient(-45deg,#0a1628,#112a1c,#1a3a2a,#0f2d1a,#0d2040);background-size:400% 400%;animation:fm-grad-shift 20s ease infinite}.focus-timer-public__stage.focus-bg-night-sky,.focus-timer-save.focus-bg-night-sky{background:linear-gradient(-45deg,#020618,#060d2e,#0b1540,#13073a,#040e28);background-size:400% 400%;animation:fm-grad-shift 22s ease infinite}.focus-timer-public__brand{opacity:.58;pointer-events:auto}.focus-timer-public__brand-link{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none}.focus-timer-public__brand-icon{width:28px;height:28px;border-radius:8px}.focus-timer-public__nav{position:absolute;top:var(--space-4);right:var(--space-4);z-index:10;display:inline-flex;align-items:center;gap:.55rem}.focus-timer-public__nav-link,.focus-timer-public__nav-cta{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:10px;padding:.45rem .75rem;font-size:.84rem;font-weight:600;text-decoration:none;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.focus-timer-public__nav-link{color:#e2e8f09e;border:1px solid rgba(255,255,255,.08);background:#0000001f}.focus-timer-public__nav-cta{color:#fff;border:1px solid rgba(var(--primary-tint),.5);background:rgba(var(--primary-tint),.18)}.focus-timer-public__nav-link:hover,.focus-timer-public__nav-cta:hover{transform:translateY(-1px)}.focus-timer-public__nav-link:hover{color:#ffffffe6;border-color:#ffffff2e;background:#ffffff14}.focus-timer-public__nav-cta:hover{background:rgba(var(--primary-tint),.28)}.focus-timer-public__banner{top:calc(var(--space-4) + 38px + var(--space-2))}.focus-timer-public__center{flex:1;padding-top:clamp(6.5rem,12vh,8.5rem)}.focus-timer-public__context{margin-bottom:var(--space-3);position:relative;z-index:1}.focus-timer-public__card{width:min(560px,calc(100vw - 2rem))}.focus-timer-public__timer{margin-bottom:var(--space-4)!important}.focus-timer-public__subject{width:min(390px,100%);display:flex;flex-direction:column;gap:.45rem;margin:0 auto var(--space-4);color:#e2e8f0ad;font-size:.8rem;font-weight:600;text-align:left}.focus-timer-public__subject input{min-height:46px;width:100%;border:1px solid rgba(255,255,255,.12);border-radius:.82rem;background:#00000042;color:#f8fafcf0;padding:.7rem .85rem;text-align:center;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.focus-timer-public__subject input::placeholder{color:#94a3b875}.focus-timer-public__subject input:focus,.focus-timer-public__subject input:focus-visible{border-color:rgba(var(--primary-tint),.48);box-shadow:0 0 0 3px rgba(var(--primary-tint),.12);background:#00000057}.focus-timer-public__countdown{width:min(390px,100%);display:flex;flex-direction:column;align-items:center;gap:.7rem;margin:0 auto var(--space-4);color:#e2e8f0ad;font-size:.8rem;font-weight:600}.focus-timer-public__countdown-control{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:.55rem;align-items:center}.focus-timer-public__countdown-step,.focus-timer-public__countdown-preset{appearance:none;border:1px solid rgba(255,255,255,.12);background:#0000003d;color:#e2e8f0d1;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.focus-timer-public__countdown-step{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:.82rem}.focus-timer-public__countdown-input{min-height:44px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45rem;border:1px solid rgba(255,255,255,.12);border-radius:.82rem;background:#00000042;padding:0 .8rem;color:#e2e8f0bd;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.focus-timer-public__countdown-input:focus-within{border-color:rgba(var(--primary-tint),.48);box-shadow:0 0 0 3px rgba(var(--primary-tint),.12);background:#00000057}.focus-timer-public__countdown-input input{min-width:0;width:100%;border:0;background:transparent;color:#f8fafcf0;font:inherit;font-size:1rem;font-weight:700;line-height:1;text-align:center;outline:none}.focus-timer-public__countdown-input input::-webkit-outer-spin-button,.focus-timer-public__countdown-input input::-webkit-inner-spin-button{margin:0}.focus-timer-public__countdown-presets{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.focus-timer-public__countdown-preset{min-height:34px;border-radius:999px;font-size:.78rem;font-weight:700}.focus-timer-public__countdown-step:hover,.focus-timer-public__countdown-preset:hover,.focus-timer-public__countdown-preset.is-active{border-color:rgba(var(--primary-tint),.35);background:rgba(var(--primary-tint),.16);color:#f8fafcf2}.focus-timer-public__start{font-size:1rem}.focus-timer-public__quote{margin-top:clamp(1.7rem,4vh,2.5rem)!important}.focus-timer-public__seo{width:min(980px,calc(100vw - 2rem));margin:0 auto;padding:clamp(4rem,10vw,7rem) 0 clamp(4.5rem,9vw,7rem)}.focus-timer-public__seo-section{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(2rem,5vw,4rem);align-items:start;padding-bottom:clamp(2rem,5vw,3.5rem);border-bottom:1px solid rgba(148,163,184,.14)}.focus-timer-public__eyebrow{margin:0 0 .8rem;color:#60a5fa;font-size:.78rem;font-weight:600}.focus-timer-public__seo h2,.focus-timer-public__seo h3{margin:0;color:#f8fafc;font-weight:600;letter-spacing:0;line-height:1.12}.focus-timer-public__seo h2{font-size:clamp(2rem,5vw,4rem)}.focus-timer-public__seo h3{font-size:1.05rem}.focus-timer-public__seo p{margin:0;color:#b0bec5e6;font-size:clamp(1rem,1.8vw,1.16rem);line-height:1.75}.focus-timer-public__seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:clamp(2rem,5vw,3.5rem);border:1px solid rgba(148,163,184,.14);background:#94a3b824;border-radius:14px;overflow:hidden}.focus-timer-public__seo-grid article{min-height:210px;display:flex;flex-direction:column;gap:.85rem;padding:clamp(1.2rem,2.5vw,1.7rem);background:#0b1220d1}.focus-timer-public__seo-grid svg{color:#60a5fa}.focus-timer-public__seo-grid p{font-size:.96rem;line-height:1.65}.focus-timer-save{position:fixed;inset:0;z-index:10003;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:var(--fm-overlay-bg, rgb(var(--bg-deep-tint)));color-scheme:dark}.focus-timer-save__panel{width:min(520px,100%);display:flex;flex-direction:column;align-items:stretch;gap:1.25rem;border:1px solid rgba(148,163,184,.18);border-radius:24px;background:linear-gradient(180deg,#0f172ad1,#070d1ce6),#0b1220d6;padding:clamp(1.35rem,4vw,2rem);box-shadow:0 26px 90px #00000075;backdrop-filter:blur(24px) saturate(1.22);-webkit-backdrop-filter:blur(24px) saturate(1.22);text-align:center}.focus-timer-save__top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.focus-timer-save__brand{display:inline-flex;align-items:center;justify-content:flex-start;gap:.55rem;color:#f8fafce6;font-weight:600}.focus-timer-save__brand img{width:34px;height:34px;border-radius:9px}.focus-timer-save__complete{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:15px;border:1px solid rgba(34,197,94,.28);background:#22c55e1f;color:#4ade80;box-shadow:0 0 28px #22c55e1a}.focus-timer-save__copy{display:flex;flex-direction:column;gap:.45rem}.focus-timer-save__eyebrow{margin:0;color:#60a5faeb;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.focus-timer-save h2{margin:0;color:#f8fafc;font-size:clamp(2rem,7vw,3.25rem);font-weight:800;letter-spacing:0;line-height:1.05}.focus-timer-save h2 span{display:block;color:#93c5fd}.focus-timer-save p{margin:0;color:#b0bec5e6;line-height:1.65}.focus-timer-save__summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.focus-timer-save__summary{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.35rem;border:1px solid rgba(148,163,184,.12);border-radius:14px;background:#ffffff0e;padding:.9rem 1rem;text-align:left}.focus-timer-save__summary span{color:#94a3b8cc;font-size:.78rem;font-weight:700}.focus-timer-save__summary strong{color:#f8fafc;font-variant-numeric:tabular-nums;font-size:1.05rem}.focus-timer-save__actions{display:flex;flex-direction:column;gap:.7rem}.focus-timer-save__actions .btn{width:100%;justify-content:center;min-height:50px;border-radius:14px;font-weight:800}.focus-timer-save__ghost{border:0;background:transparent;color:#94a3b8c7;cursor:pointer;padding:.45rem}.focus-timer-save__ghost:hover{color:#f8fafc}.focus-timer-save__ghost:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:8px}@media(max-width:760px){.focus-timer-public__nav{top:auto;right:var(--space-3);bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px))}.focus-timer-public__nav-link{display:none}.focus-timer-public__stage .focus-mode-overlay__mode-toggle{top:calc(var(--space-4) + 42px)}.focus-timer-public__banner{top:calc(var(--space-4) + 86px);width:calc(100vw - 2rem);justify-content:center;white-space:normal;text-align:center}.focus-timer-public__seo-section,.focus-timer-public__seo-grid{grid-template-columns:1fr}.focus-timer-public__seo-grid article{min-height:auto}}@media(max-width:480px){.focus-timer-public__brand{top:var(--space-3);left:var(--space-3)}.focus-timer-public__brand .focus-mode-overlay__brand-name{display:none}.focus-timer-public__center{padding-inline:var(--space-3)}.focus-timer-public__timer .focus-mode-overlay__timer-text{font-size:clamp(3rem,18vw,4.5rem);letter-spacing:.02em}.focus-timer-save__summary-grid{grid-template-columns:1fr}}