:root{--focus-bg: light-dark(oklch(96.5% .005 60), oklch(14% .02 260));--focus-text: #FFFFFF;--focus-text-muted: #CBD5E1;--focus-accent: var(--accent-action);--focus-success: var(--accent-success);--focus-urgent: var(--accent-urgent);--focus-bg-light: light-dark(oklch(98.5% .002 60), oklch(24% .03 260));--focus-bg-mid: light-dark(oklch(96.5% .005 60), oklch(18% .02 260));--focus-bg-dark: light-dark(oklch(90% .01 60), oklch(14% .02 260))}.focus-mode-overlay{position:fixed;inset:0;background-color:#020617cc;backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;color:var(--focus-text);font-family:Inter,sans-serif;overflow:hidden}.focus-mode-sweep-accent{position:absolute;inset:0;background-color:var(--focus-accent, #38BDF8);z-index:1;pointer-events:none;opacity:.15;mix-blend-mode:screen}.focus-mode-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,var(--focus-bg-light) 0%,var(--focus-bg-mid) 45%,var(--focus-bg-dark) 100%);background-size:150% 150%;animation:breathing-gradient 20s ease-in-out infinite alternate;z-index:0;box-shadow:inset 0 0 200px #000000f2;transition:--focus-bg-light 2s ease,--focus-bg-mid 2s ease,--focus-bg-dark 2s ease}@keyframes breathing-gradient{0%{background-size:120% 120%;background-position:50% 50%}50%{background-size:160% 160%;background-position:40% 60%}to{background-size:120% 120%;background-position:60% 40%}}.focus-mode-ambient-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80vw;height:80vw;background:radial-gradient(circle,color-mix(in oklch,var(--focus-accent) 15%,transparent) 0%,transparent 65%);border-radius:50%;pointer-events:none;transition:opacity 2.5s cubic-bezier(.25,.46,.45,.94),background 2s ease;z-index:1;animation:glow-pulse 8s ease-in-out infinite alternate}@keyframes glow-pulse{0%{transform:translate(-50%,-50%) scale(.9);opacity:.7}to{transform:translate(-50%,-50%) scale(1.1);opacity:1}}.focus-mode-close-button{position:absolute;top:32px;right:32px;background:#ffffff0d;border:none;font-size:2rem;color:var(--focus-text-muted);cursor:pointer;line-height:1;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),background-color .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1);z-index:10;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;backdrop-filter:blur(8px)}.focus-mode-close-button:hover{color:var(--focus-text);background:#ffffff26;transform:scale(1.1) rotate(90deg)}@media(max-width:640px){.focus-mode-close-button{top:16px;right:16px}.focus-action-title{font-size:2.5rem!important;margin-bottom:2rem!important}.focus-timer-ring-container{width:240px!important;height:240px!important;margin-bottom:2rem!important}.focus-timer-display{font-size:3.5rem!important}.focus-main-actions{flex-direction:column;width:100%;max-width:300px}.focus-main-actions button{width:100%;justify-content:center}}.focus-mode-container{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:900px;padding:2rem;position:relative;z-index:1}.focus-mode-content{display:flex;flex-direction:column;align-items:center;width:100%}.focus-action-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:500;letter-spacing:-.04em;margin-bottom:4rem;line-height:1.1;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.9),0 0 20px light-dark(rgba(0,0,0,.1),rgba(255,255,255,.4)),0 0 40px color-mix(in oklch,var(--focus-accent) 20%,transparent);animation:title-illuminate 4s ease-in-out infinite alternate}@keyframes title-illuminate{0%{text-shadow:0 0 15px light-dark(rgba(0,0,0,.05),rgba(255,255,255,.3)),0 0 30px color-mix(in oklch,var(--focus-accent) 10%,transparent)}to{text-shadow:0 0 25px light-dark(rgba(0,0,0,.15),rgba(255,255,255,.6)),0 0 50px color-mix(in oklch,var(--focus-accent) 40%,transparent)}}.focus-timer-ring-container{position:relative;width:340px;height:340px;margin-bottom:4rem;display:flex;justify-content:center;align-items:center}.focus-timer-ring{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg);filter:drop-shadow(0 0 12px color-mix(in oklch,var(--focus-accent) 30%,transparent))}.focus-timer-ring-bg{fill:none;stroke:light-dark(rgba(0,0,0,.05),rgba(255,255,255,.03));stroke-width:1.5}.focus-timer-ring-progress{fill:none;stroke:var(--focus-accent);stroke-width:3.5;stroke-linecap:round;transition:stroke-dashoffset 1s linear,filter .3s ease;filter:drop-shadow(0 0 10px color-mix(in oklch,var(--focus-accent) 60%,transparent))}.focus-timer-display{font-size:5.5rem;font-weight:500;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.06em;z-index:2;text-shadow:0 4px 12px rgba(0,0,0,.9),0 0 20px rgba(255,255,255,.2)}.focus-controls{display:flex;flex-direction:column;align-items:center;gap:2rem}.focus-main-actions{display:flex;gap:1.5rem}.focus-main-actions button{display:flex;align-items:center;gap:12px;padding:16px 36px;border-radius:9999px;font-size:1.125rem;font-weight:500;cursor:pointer;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),background-color .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1);border:1px solid transparent;backdrop-filter:blur(8px)}.focus-btn-complete{background-color:color-mix(in srgb,var(--focus-success) 15%,transparent);color:var(--focus-success);border-color:color-mix(in srgb,var(--focus-success) 25%,transparent)}.focus-btn-complete:hover{background-color:var(--focus-success);color:var(--focus-text);box-shadow:0 0 30px color-mix(in srgb,var(--focus-success) 40%,transparent);transform:translateY(-3px) scale(1.02)}.focus-btn-blocked{background-color:color-mix(in srgb,var(--focus-urgent) 10%,transparent);color:var(--focus-urgent);border-color:color-mix(in srgb,var(--focus-urgent) 20%,transparent)}.focus-btn-blocked:hover{background-color:color-mix(in srgb,var(--focus-urgent) 25%,transparent);border-color:color-mix(in srgb,var(--focus-urgent) 40%,transparent);box-shadow:0 0 30px color-mix(in srgb,var(--focus-urgent) 30%,transparent);transform:translateY(-3px) scale(1.02)}.focus-mode-status-message{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.focus-mode-status-message h2{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:500;color:#fff;letter-spacing:-.03em;margin:0;text-shadow:0 4px 12px rgba(0,0,0,.9)}.focus-mode-status-message p{font-size:1.25rem;color:var(--focus-text-muted);text-shadow:0 2px 8px rgba(0,0,0,.8)}.focus-mode-status-message.success{text-shadow:0 0 30px color-mix(in srgb,var(--focus-success) 20%,transparent)}.focus-mode-status-message.warning{text-shadow:0 0 30px color-mix(in srgb,var(--focus-urgent) 20%,transparent)}body[data-tauri-widget=true] .focus-mode-overlay{background-color:#0000!important;backdrop-filter:none!important}body[data-tauri-widget=true] .focus-mode-backdrop,body[data-tauri-widget=true] .focus-mode-ambient-glow{display:none!important}body[data-tauri-widget=true] .focus-mode-container{max-width:100vw;padding:1rem}body[data-tauri-widget=true] .focus-action-title{font-size:1.5rem!important;margin-bottom:1rem!important;text-shadow:0 2px 12px rgba(0,0,0,.8)!important}body[data-tauri-widget=true] .focus-timer-ring-container{width:180px!important;height:180px!important;margin-bottom:1.5rem!important}body[data-tauri-widget=true] .focus-timer-display{font-size:2.5rem!important}body[data-tauri-widget=true] .focus-main-actions{gap:.75rem}body[data-tauri-widget=true] .focus-main-actions button{padding:10px 20px;font-size:.9rem}body[data-tauri-widget=true] .focus-mode-close-button{top:10px;right:10px;width:32px;height:32px;font-size:1.25rem}