.wt-root.is-focus-open .wt-shell{visibility:hidden;pointer-events:none}.wt-focus{z-index:calc(var(--z-modal) + 2);color:var(--text-primary);position:fixed;inset:0;overflow:hidden}.wt-focus-scrim{background:radial-gradient(ellipse 100% 80% at 50% 30%, color-mix(in srgb, var(--bg) 8%, transparent) 0%, #080808b8 100%);-webkit-backdrop-filter:blur(32px)saturate(1.05);backdrop-filter:blur(32px)saturate(1.05);position:absolute;inset:0}.wt-focus-inner{z-index:1;flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.wt-focus-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:20px clamp(16px,4vw,32px) 12px;display:flex}.wt-focus-back{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb, var(--surface) 70%, transparent)!important;border-color:var(--border)!important}.wt-focus-period{border-radius:var(--radius-pill);border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-sm);align-items:center;gap:2px;padding:3px;display:inline-flex}button.wt-focus-period-btn{appearance:none;box-sizing:border-box;border-radius:var(--radius-pill);color:var(--text-tertiary);font-family:var(--font);cursor:pointer;background:0 0;border:none;margin:0;padding:7px 14px;font-size:12px;font-weight:500;line-height:1;transition:color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1)}button.wt-focus-period-btn:hover{color:var(--text-secondary)}button.wt-focus-period-btn.active{background:var(--orange-muted);color:var(--orange)}.wt-focus-stage{min-height:0;padding:0 clamp(16px, 4vw, 32px) max(12px, env(safe-area-inset-bottom,0px));flex:1;justify-content:center;align-items:stretch;display:flex;overflow:hidden}.wt-focus-hero{flex-direction:column;flex:1;align-items:center;gap:clamp(12px,2vh,20px);width:min(100%,1100px);min-height:0;display:flex}.wt-focus-body{flex-direction:column;flex:1;align-items:center;gap:0;width:100%;min-height:0;display:flex}.wt-focus-head{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;padding-bottom:clamp(10px,1.5vh,16px);display:flex}.wt-focus-eyebrow{font-family:var(--font);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--orange) 50%, var(--text-tertiary));margin:0 0 14px;font-size:10px;font-weight:500}.wt-focus-time{font-family:var(--font-instrument-serif,var(--font-mono));font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--text-primary);text-shadow:0 2px 32px color-mix(in srgb, var(--bg) 70%, transparent);margin:0 0 8px;font-size:clamp(2.25rem,6.5vw,4.25rem);font-weight:400;line-height:.95;display:block}.wt-focus-title{font-family:var(--font);letter-spacing:-.01em;color:var(--text-secondary);margin:0;font-size:clamp(.95rem,2vw,1.15rem);font-weight:500}.wt-focus-interval{border-radius:var(--radius-pill);border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 55%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;justify-content:center;align-items:center;gap:2px;margin:clamp(8px,1.2vh,14px) auto 0;padding:3px;display:flex}button.wt-focus-interval-btn{appearance:none;box-sizing:border-box;border-radius:var(--radius-pill);color:var(--text-tertiary);font-family:var(--font);cursor:pointer;background:0 0;border:none;margin:0;padding:6px 12px;font-size:11px;font-weight:500;line-height:1;transition:color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1)}button.wt-focus-interval-btn:hover{color:var(--text-secondary)}button.wt-focus-interval-btn.active{background:var(--orange-muted);color:var(--orange)}.wt-focus-stats{flex-shrink:0;justify-content:center;align-items:stretch;gap:0;width:min(100%,520px);margin-top:clamp(10px,1.5vh,16px);display:flex}.wt-focus-stat{text-align:center;flex-direction:column;flex:1;align-items:center;gap:6px;padding:8px 12px;display:flex}.wt-focus-stat-divider{background:color-mix(in srgb, var(--border) 90%, transparent);align-self:stretch;width:1px;margin:4px 0}.wt-focus-stat-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--text-primary);font-size:clamp(1rem,2.2vw,1.35rem);font-weight:400;line-height:1}.wt-focus-stat-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);font-size:10px;font-weight:500;line-height:1.3}.wt-focus-progress{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--border) 90%, transparent);flex-shrink:0;width:min(100%,520px);height:2px;margin:clamp(10px,1.4vh,14px) 0 clamp(8px,1.2vh,12px);overflow:hidden}.wt-focus-progress-fill{transform-origin:0;border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--orange) 80%, transparent), var(--orange));width:100%;height:100%}.wt-focus-dots-wrap{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;margin:0;padding:0;display:flex;overflow:hidden}.wt-focus-dots{grid-template-columns:repeat(var(--wt-focus-dot-cols,12), var(--wt-focus-dot-size,12px));gap:var(--wt-focus-dot-gap,4px);place-content:center;width:fit-content;max-width:100%;max-height:100%;display:grid}.wt-focus-dot{width:var(--wt-focus-dot-size,12px);height:var(--wt-focus-dot-size,12px);border:1px solid color-mix(in srgb, var(--text-tertiary) 35%, transparent);background:0 0;border-radius:50%;transition:border-color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.wt-focus-dot.filled{background:var(--orange);border-color:color-mix(in srgb, var(--orange) 80%, var(--border))}.wt-focus-dot.partial{border-color:color-mix(in srgb, var(--orange) 55%, var(--border));background:color-mix(in srgb, var(--surface-2) 65%, transparent)}.wt-focus-dot-sweep{pointer-events:none;border-radius:50%;position:absolute;inset:0}.wt-focus-footer{color:var(--text-tertiary);letter-spacing:.02em;text-align:center;flex-shrink:0;margin:clamp(6px,1vh,10px) 0 0;font-size:11px}.wt-focus-zones{flex-direction:column;flex-shrink:0;gap:10px;width:100%;display:flex}.wt-focus-zones-label{font-family:var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin:0;padding:0 4px;font-size:10px;font-weight:500}.wt-focus-zones-row{flex-wrap:wrap;gap:8px;display:flex}button.wt-focus-mini{appearance:none;box-sizing:border-box;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 76%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:148px;max-width:220px;color:var(--text-primary);font-family:var(--font);text-align:left;cursor:pointer;border-radius:14px;flex-direction:column;flex:148px;align-items:flex-start;gap:2px;margin:0;padding:12px 14px;transition:border-color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);display:flex}button.wt-focus-mini:hover{border-color:color-mix(in srgb, var(--orange) 45%, var(--border));background:color-mix(in srgb, var(--surface) 88%, var(--orange-muted));transform:translateY(-1px)}button.wt-focus-mini:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.wt-focus-mini-country{letter-spacing:.04em;text-transform:uppercase;width:100%;color:var(--text-tertiary);font-size:11px;font-weight:600;line-height:1.25}.wt-focus-mini-time{width:100%;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--text-primary);font-size:18px;font-weight:400;line-height:1.1}.wt-focus-mini-meta{width:100%;color:var(--text-tertiary);font-size:10px;line-height:1.3}@media (max-width:640px){.wt-focus-toolbar{flex-wrap:wrap;padding:14px 16px 8px}.wt-focus-stage{padding:0 16px max(12px, env(safe-area-inset-bottom,0px))}.wt-focus-stats{flex-wrap:wrap;gap:8px}.wt-focus-stat-divider{display:none}.wt-focus-stat{flex:calc(33% - 8px);min-width:88px}button.wt-focus-mini{max-width:none}}@media (prefers-reduced-motion:reduce){.wt-focus-dot{transition:none}}
.pomodoro-root{--pomodoro-chamber-size:min(78vw, 340px);min-height:100%;color:var(--text-primary);flex-direction:column;display:flex;position:relative}.pomodoro-shell{z-index:1;flex-direction:column;flex:1;width:min(100%,920px);margin:0 auto;padding:28px 24px 32px;display:flex;position:relative}.pomodoro-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(20px,4vh,36px);display:flex}.pomodoro-header-copy{min-width:0}.pomodoro-eyebrow{font-family:var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 4px;font-size:11px;font-weight:500}.pomodoro-title{font-family:var(--font);letter-spacing:-.03em;color:var(--text-primary);margin:0;font-size:clamp(22px,4vw,28px);font-weight:300;line-height:1.1}.pomodoro-customize-btn{appearance:none;border-radius:var(--radius-pill);border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-secondary);font-family:var(--font);cursor:pointer;flex-shrink:0;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:500;transition:border-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.pomodoro-customize-btn:hover{border-color:var(--border-strong);color:var(--text-primary);transform:translateY(-1px)}.pomodoro-customize-btn:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.pomodoro-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:clamp(8px,3vh,24px) 0;display:flex}.pomodoro-setup,.pomodoro-focus{flex-direction:column;align-items:center;width:min(100%,560px);display:flex}.pomodoro-setup{gap:clamp(16px,3vh,24px);padding-bottom:clamp(48px,10vh,88px)}.pomodoro-focus{gap:clamp(24px,5vh,40px);padding-bottom:clamp(48px,10vh,88px)}.pomodoro-duration{width:100%}.pomodoro-chamber{width:var(--pomodoro-chamber-size);height:var(--pomodoro-chamber-size);box-shadow:none;background:0 0;border:none;flex-shrink:0;place-items:center;display:grid;position:relative}.pomodoro-chamber-glow{display:none}.pomodoro-ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.pomodoro-ring-track{fill:none;stroke:color-mix(in srgb, var(--border) 90%, transparent);stroke-width:1.5px}.pomodoro-ring-fill{fill:none;stroke:var(--orange);stroke-width:2.25px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--orange) 35%, transparent));transition:stroke-dashoffset .35s cubic-bezier(.4,0,.2,1)}.pomodoro-chamber-core{z-index:1;text-align:center;flex-direction:column;align-items:center;width:72%;max-width:240px;display:flex;position:relative}.pomodoro-status{font-family:var(--font);font-size:var(--pomodoro-label-size,11px);letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);text-shadow:0 1px 12px color-mix(in srgb, var(--bg) 70%, transparent);margin:0 0 10px;font-weight:500;transition:color .25s cubic-bezier(.4,0,.2,1)}.pomodoro-status.is-active{color:color-mix(in srgb, var(--orange) 75%, var(--text-secondary))}.pomodoro-status.is-complete{color:var(--green)}.pomodoro-display{font-family:var(--pomodoro-font,var(--font));font-size:min(var(--pomodoro-display-size,112px), max(56px, calc(var(--pomodoro-chamber-size) * .28)));font-weight:var(--pomodoro-weight,400);font-variant-numeric:tabular-nums;letter-spacing:var(--pomodoro-spacing,-.04em);color:var(--pomodoro-text,var(--text-primary));text-shadow:0 2px 24px color-mix(in srgb, var(--bg) 80%, transparent), 0 0 1px color-mix(in srgb, var(--text-primary) 35%, transparent);margin:0;line-height:.95}.pomodoro-display.is-italic{font-style:italic}.pomodoro-hint{font-family:var(--font);color:var(--text-secondary);margin:14px 0 0;font-size:13px;line-height:1.45}.pomodoro-duration-label{font-family:var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);align-items:center;gap:7px;margin:0;font-size:10px;font-weight:500;display:inline-flex}.pomodoro-duration-row{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.pomodoro-duration-control{align-items:center;gap:8px;display:flex}.pomodoro-duration-input{border:1px solid var(--border);background:var(--surface-2);width:76px;color:var(--text-primary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:center;border-radius:10px;padding:10px 12px;font-size:17px;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.pomodoro-duration-input:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--text-primary) 6%, transparent);outline:none}.pomodoro-duration-input:disabled{opacity:.5;cursor:not-allowed}.pomodoro-duration-unit{font-family:var(--font);color:var(--text-secondary);font-size:13px}.pomodoro-presets{flex-wrap:wrap;flex:1;gap:6px;display:flex}.pomodoro-preset-btn{appearance:none;border-radius:var(--radius-pill);border:1px solid var(--border);background:color-mix(in srgb, var(--surface-2) 88%, transparent);min-width:44px;min-height:44px;color:var(--text-secondary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;cursor:pointer;padding:0 12px;font-size:12px;font-weight:500;transition:border-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.pomodoro-preset-btn:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-primary);transform:translateY(-1px)}.pomodoro-preset-btn.is-active{border-color:color-mix(in srgb, var(--orange) 50%, var(--border));background:var(--orange-muted);color:var(--orange)}.pomodoro-preset-btn:disabled{opacity:.45;cursor:not-allowed}.pomodoro-controls{gap:10px;width:100%;display:grid}.pomodoro-controls--setup{grid-template-columns:1fr;max-width:320px}.pomodoro-controls--focus{grid-template-columns:1fr 1fr;max-width:400px}.pomodoro-btn{appearance:none;border-radius:var(--radius-pill);min-height:48px;font-family:var(--font);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:500;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.pomodoro-btn:active{transform:scale(.98)}.pomodoro-btn--primary{background:var(--text-primary);color:var(--bg);border-color:var(--text-primary)}.pomodoro-btn--primary:hover{opacity:.88}.pomodoro-btn--ghost{color:var(--text-primary);border-color:var(--border-strong);background:0 0}.pomodoro-btn--ghost:hover{border-color:var(--border-strong);background:color-mix(in srgb, var(--surface-2) 60%, transparent)}.pomodoro-btn:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.pomodoro-wheel{justify-content:center;align-items:center;gap:4px;width:100%;padding:4px 0;display:flex}.pomodoro-wheel-col{flex:1;max-width:88px;position:relative}.pomodoro-wheel-window{pointer-events:none;z-index:2;justify-content:center;align-items:center;height:220px;display:flex;position:absolute;top:0;left:0;right:0}.pomodoro-wheel-highlight{border:1px solid color-mix(in srgb, var(--orange) 35%, var(--border));background:color-mix(in srgb, var(--orange-muted) 55%, transparent);border-radius:10px;width:100%;height:44px;box-shadow:inset 0 1px #ffffff14}.pomodoro-wheel-scroll{z-index:1;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;height:220px;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0%,#000 28% 72%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 28% 72%,#0000 100%)}.pomodoro-wheel-scroll::-webkit-scrollbar{display:none}.pomodoro-wheel-pad{flex-shrink:0;height:88px}.pomodoro-wheel-item{appearance:none;width:100%;height:44px;color:var(--text-tertiary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;scroll-snap-align:center;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:22px;transition:color .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);display:flex}.pomodoro-wheel-item.is-selected{color:var(--text-primary);font-weight:500;transform:scale(1.06)}.pomodoro-wheel-item:disabled{pointer-events:none;opacity:.5}.pomodoro-wheel-label{text-align:center;font-family:var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin-top:8px;font-size:10px;font-weight:500;display:block}.pomodoro-wheel-sep{font-family:var(--font-mono);color:var(--text-tertiary);opacity:.7;align-self:center;margin-bottom:28px;font-size:20px}@media (max-width:640px){.pomodoro-shell{padding:16px 16px 32px}.pomodoro-root{--pomodoro-chamber-size:min(88vw, 300px)}.pomodoro-header{margin-bottom:16px}.pomodoro-customize-btn span{display:none}.pomodoro-duration-row{flex-direction:column;align-items:stretch}.pomodoro-presets{justify-content:space-between}.pomodoro-controls--focus{grid-template-columns:1fr;max-width:280px}}@media (prefers-reduced-motion:reduce){.pomodoro-ring-fill,.pomodoro-chamber-glow,.pomodoro-customize-btn,.pomodoro-preset-btn,.pomodoro-btn{transition:none}}
.app-background{z-index:0;pointer-events:none;--wallpaper-overlay-color:#0a0a0a6b;--wallpaper-veil-color:#0a0a0a1a;--wallpaper-vignette-color:#0a0a0a61;--wallpaper-overlay-strength:1;position:fixed;inset:0;overflow:hidden}html[data-theme-mode=light] .app-background,html:not(.dark):not([data-theme-mode=dark]) .app-background{--wallpaper-overlay-color:#ffffff24;--wallpaper-veil-color:#ffffff0a;--wallpaper-vignette-color:#ffffff1a;--wallpaper-overlay-strength:.72}.app-background-base{background-image:var(--app-bg-image);filter:blur(var(--app-bg-blur,28px));will-change:transform, filter;background-position:50%;background-size:cover;position:absolute;inset:-8%;transform:scale(1.08)}.app-background--gradient .app-background-mosaic{display:none}.app-background--gradient .app-background-base{background-image:none;background:var(--app-bg-gradient);filter:none;inset:0;transform:none}.app-background-mosaic{mix-blend-mode:overlay;opacity:calc(var(--app-bg-mosaic,.45) * .65);filter:blur(.75px);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);gap:0;display:grid;position:absolute;inset:0}.app-background-tile{background:color-mix(in srgb, var(--surface) 12%, transparent);-webkit-backdrop-filter:blur(calc(var(--app-bg-blur,28px) * .35));backdrop-filter:blur(calc(var(--app-bg-blur,28px) * .35));border:1px solid color-mix(in srgb, var(--border) 40%, transparent)}.app-background-overlay{background:var(--wallpaper-overlay-color);opacity:calc(var(--app-bg-overlay,.52) * var(--wallpaper-overlay-strength,1));position:absolute;inset:0}.app-background-content-veil{background:radial-gradient(ellipse 130% 95% at 50% 38%, var(--wallpaper-veil-color) 0%, transparent 72%), linear-gradient(180deg, transparent 0%, var(--wallpaper-veil-color) 52%, color-mix(in srgb, var(--wallpaper-veil-color) 65%, transparent) 100%);pointer-events:none;position:absolute;inset:0}.app-background-vignette{background:radial-gradient(ellipse 80% 70% at 50% 45%, transparent 0%, var(--wallpaper-vignette-color) 100%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.app-background-base{transform:none}}html:has(.app-background[data-active=true]){background:0 0!important}html:has(.app-background[data-active=true]) body{background:0 0!important}.app-container:has(.app-background[data-active=true]){background:0 0}.app-container:has(.app-background[data-active=true]) .app-layout{background:0 0}.app-container:has(.app-background[data-active=true]) .content-area{background:0 0}.app-container:has(.app-background[data-active=true]) .content-area.sticky-notes-mode{background:0 0}.app-container:has(.app-background[data-active=true]) .canvas-container{background:0 0}:is(.app-container:has(.app-background[data-active=true]) .content-area.pages-mode,.app-container:has(.app-background[data-active=true]) .content-area.area-mode){background:0 0}.app-container:has(.app-background[data-active=true]) .wt-shell{background:0 0}.app-container:has(.app-background[data-active=true]) .pomodoro-root{background:0 0}.app-container>:not(.app-background):not(.app-settings-overlay):not(.floating-clocks-layer):not(.mag-dock-wrap){z-index:1;position:relative}