:root{--primary:#f97316;--primary-light:#fb923c;--primary-dark:#ea580c;--primary-bg:#f973161a;--primary-foreground:#fff;--primary-20:#f9731633;--primary-45:#f9731673;--bg:#fff8f3;--card:#fff;--border:#fed7aa;--accent:#fff7ed;--foreground:#1a1a2e;--muted:#78716c;--muted-bg:#fef3e2;--secondary:#f97316;--success:#10b981;--danger:#ef4444;--shadow:0 1px 3px #f973160f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #f9731614, 0 2px 4px -1px #0000000a;--radius-xs:8px;--radius-sm:12px;--radius:16px;--radius-lg:20px;--radius-xl:24px;--border-strong:color-mix(in srgb, var(--border) 78%, var(--foreground));--bg-subtle:color-mix(in srgb, var(--card) 80%, var(--bg));--warning:#f59e0b;--shadow-lg:0 18px 50px #2e180c24, 0 4px 12px #0000000f;--duration-instant:.12s;--duration-fast:.18s;--duration-normal:.24s;--duration-slow:.3s;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji}#app{z-index:1;min-height:100vh;position:relative}.focus-fullscreen{--focus-canvas:#f4efe7;--focus-surface:#fffcf8;--focus-surface-muted:#eae1d6;--focus-border:#d9cec1;--focus-ink:#28231f;--focus-muted:#6f665e;--focus-accent:#c54a10;--focus-accent-strong:#a93d0c;z-index:9999;min-height:100vh;color:var(--focus-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:linear-gradient(145deg, #faf7f2 0%, var(--focus-canvas) 52%, #e8ded2 100%);place-items:center;padding:64px 24px 118px;display:grid;position:fixed;inset:0;overflow:hidden}.focus-fullscreen:before{content:"";pointer-events:none;opacity:.72;background:linear-gradient(118deg,#ffffff8c 0%,#fff0 34%),radial-gradient(circle at 50% 42%,#ffffff8f,#0000 36%);position:absolute;inset:0}.focus-fullscreen .fs-back-btn{top:max(18px, env(safe-area-inset-top));left:max(18px, env(safe-area-inset-left));z-index:5;width:44px;height:44px;color:var(--focus-muted);cursor:pointer;background:#fffcf88f;border:1px solid #6c5b4d1f;border-radius:999px;justify-content:center;align-items:center;transition:color .2s,background .2s,border-color .2s,transform .2s;display:inline-flex;position:absolute}.focus-fullscreen .fs-back-btn span{margin-top:-3px;font-family:Georgia,Times New Roman,serif;font-size:46px;font-weight:300;line-height:1;display:block}.focus-fullscreen .fs-back-btn:hover{color:var(--focus-ink);background:var(--focus-surface);border-color:var(--focus-border);transform:translate(-2px)}.focus-fullscreen .fs-focus-stage{z-index:2;flex-direction:column;justify-content:center;align-items:center;width:min(640px,92vw);display:flex;position:relative;transform:translateY(-2vh)}.focus-fullscreen:has(.fs-setup-panel[open]) .fs-focus-stage{transform:translateY(-9vh)}.focus-fullscreen .focus-plan-name{max-width:min(520px,82vw);min-height:24px;color:var(--focus-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;gap:8px;margin:0 0 30px;font-size:15px;line-height:1.5;display:inline-flex;overflow:hidden}.focus-fullscreen .fs-timer-ring{justify-content:center;align-items:center;width:clamp(268px,34vw,370px);height:clamp(268px,34vw,370px);display:flex;position:relative}.focus-fullscreen .fs-timer-ring svg{filter:drop-shadow(0 10px 24px #5b463514);width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.focus-fullscreen .fs-timer-ring .ring-bg{fill:none;stroke:#d8cec2;stroke-width:3.5px}.focus-fullscreen .fs-timer-ring .ring-progress{fill:none;stroke:var(--focus-accent);stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset .5s}.focus-fullscreen.break-mode{--focus-canvas:#edf3ee;--focus-surface:#fbfdfb;--focus-surface-muted:#dfe9e2;--focus-border:#c8d8ce;--focus-accent:#2f7865;--focus-accent-strong:#245f50;background:linear-gradient(145deg, #f7faf7 0%, var(--focus-canvas) 55%, #dde8e0 100%)}.focus-fullscreen.break-mode .fs-timer-ring .ring-progress{stroke:var(--focus-accent)}.focus-fullscreen.break-mode .fs-status-label,.focus-fullscreen.break-mode .focus-plan-name{color:var(--focus-accent)}.focus-fullscreen .fs-timer-display{z-index:2;flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.focus-fullscreen .fs-time-text{color:var(--focus-ink);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:clamp(58px,8.6vw,88px);font-weight:700;line-height:1}.focus-fullscreen .fs-status-label{color:var(--focus-muted);font-size:14px}.focus-fullscreen .focus-actions{justify-content:center;align-items:center;gap:12px;margin-top:34px;display:flex}.focus-fullscreen .focus-actions button{cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;transition:transform .2s,background .2s,color .2s,opacity .2s;display:inline-flex}.focus-fullscreen .focus-actions .start-btn,.focus-fullscreen .focus-actions .pause-btn{border-radius:999px;min-width:132px;padding:14px 36px;font-size:16px;font-weight:700}.focus-fullscreen .focus-actions .start-btn{background:var(--focus-accent);color:#fff;box-shadow:0 12px 28px #6c452c2e}.focus-fullscreen .focus-actions .start-btn:hover{background:var(--focus-accent-strong);transform:translateY(-1px)}.focus-fullscreen .focus-actions .pause-btn{background:var(--focus-surface-muted);color:var(--focus-ink)}.focus-fullscreen .focus-actions .pause-btn:hover{background:#ded3c6}.focus-fullscreen .focus-actions .icon-btn,.focus-fullscreen .focus-actions .close-btn{width:48px;height:48px;color:var(--focus-muted);background:#fffcf8a3;border:1px solid #6c5b4d1f;border-radius:999px;padding:0}.focus-fullscreen .focus-actions .icon-btn:hover,.focus-fullscreen .focus-actions .close-btn:hover{background:var(--focus-surface);color:var(--focus-ink)}.focus-fullscreen .focus-actions .start-btn:disabled,.focus-fullscreen .focus-actions .start-btn.disabled{color:#8b8178;box-shadow:none;cursor:not-allowed;background:#ded6cc}.focus-fullscreen .fs-setup-panel{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:4;width:min(560px,100vw - 32px);color:var(--focus-ink);position:absolute;transform:translate(-50%)}.focus-fullscreen .fs-setup-panel>summary{border:1px solid var(--focus-border);width:max-content;min-width:92px;height:38px;color:var(--focus-muted);cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffcf8d1;border-radius:999px;justify-content:center;align-items:center;margin:0 auto;padding:0 16px;font-size:13px;list-style:none;transition:background .2s,color .2s,border-color .2s;display:flex}.focus-fullscreen .fs-setup-panel>summary::-webkit-details-marker{display:none}.focus-fullscreen .fs-setup-panel>summary:after{content:"⌄";opacity:.72;margin-left:8px}.focus-fullscreen .fs-setup-panel[open]>summary:after{content:"⌃"}.focus-fullscreen .fs-setup-panel>summary:hover{background:var(--focus-surface);color:var(--focus-ink);border-color:#c8b9a9}.focus-fullscreen .fs-setup-content{border:1px solid var(--focus-border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#fffcf8f0;border-radius:22px;margin-top:12px;padding:16px;box-shadow:0 20px 54px #4d392a24}.focus-fullscreen .fs-task-picker{flex-direction:column;gap:8px;display:flex}.focus-fullscreen .fs-task-picker label{color:#5e554d;font-size:12px;font-weight:600}.focus-fullscreen .fs-task-picker select{border:1px solid var(--focus-border);appearance:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:linear-gradient(45deg, transparent 50%, var(--focus-muted) 50%) calc(100% - 18px) 19px / 5px 5px no-repeat, linear-gradient(135deg, var(--focus-muted) 50%, transparent 50%) calc(100% - 13px) 19px / 5px 5px no-repeat, var(--focus-surface);width:100%;min-height:44px;color:var(--focus-ink);cursor:pointer;border-radius:14px;outline:none;padding:0 38px 0 14px}.focus-fullscreen .fs-task-picker select:hover,.focus-fullscreen .fs-task-picker select:focus{border-color:var(--focus-accent);box-shadow:0 0 0 3px #c54a101f}.focus-fullscreen .fs-task-picker select option{background:var(--focus-surface);color:var(--focus-ink)}.focus-fullscreen .fs-task-picker select option:checked{color:var(--focus-ink);background:#f6d7c5}.focus-fullscreen .fs-task-picker select:disabled{opacity:.55;cursor:not-allowed}.focus-fullscreen .fs-mode-switch{border:1px solid var(--focus-border);background:var(--focus-surface-muted);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px;padding:4px;display:grid}.focus-fullscreen .fs-mode-switch button{min-height:36px;color:var(--focus-muted);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0 10px;font-size:13px;font-weight:700;transition:background .2s,color .2s}.focus-fullscreen .fs-mode-switch button:hover{color:var(--focus-ink);background:#ffffff8c}.focus-fullscreen .fs-mode-switch button.active{background:var(--focus-accent);color:#fff}.focus-fullscreen .focus-presets{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.focus-fullscreen .focus-presets button{border:1px solid var(--focus-border);min-width:62px;color:var(--focus-muted);cursor:pointer;background:#fffcf89e;border-radius:999px;flex:1;padding:8px 12px;font-size:13px;font-weight:700;transition:all .2s}.focus-fullscreen .focus-presets button:hover{border-color:var(--focus-accent);color:var(--focus-accent)}.focus-fullscreen .focus-presets button.active{background:var(--focus-accent);border-color:var(--focus-accent);color:#fff}.focus-fullscreen .fs-mode-help{color:var(--focus-muted);text-align:center;margin:12px 2px 0;font-size:12px;line-height:1.7}.focus-fullscreen .fs-timer-ring.clock-ring .fs-time-text{font-size:clamp(46px,6.2vw,68px)}.focus-fullscreen .fs-sound-panel{border-top:1px solid var(--focus-border);margin-top:14px;padding-top:12px}.focus-fullscreen .fs-sound-header{color:var(--focus-muted);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.focus-fullscreen .fs-sound-header span{align-items:center;gap:6px;display:inline-flex}.focus-fullscreen .fs-sound-toggle{border:1px solid var(--focus-border);background:var(--focus-surface);color:var(--focus-muted);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;transition:all .2s;display:inline-flex}.focus-fullscreen .fs-sound-toggle:hover{border-color:var(--focus-accent);color:var(--focus-accent)}.focus-fullscreen .fs-sound-list{flex-direction:column;gap:5px;display:flex}.focus-fullscreen .fs-sound-row{align-items:center;gap:8px;display:flex}.focus-fullscreen .fs-sound-icon{flex-shrink:0;font-size:16px}.focus-fullscreen .fs-sound-name{color:var(--focus-muted);min-width:36px;font-size:12px}.focus-fullscreen .fs-setup-panel .adaptive-focus-tip{width:100%;color:var(--focus-ink);background:#fff1e8;border-color:#e5a47f;margin:12px 0 0}.focus-fullscreen .fs-setup-panel .adaptive-focus-tip>.anticon{color:var(--focus-accent)}.focus-fullscreen .fs-setup-panel .adaptive-focus-tip small{color:var(--focus-muted)}@media (width<=768px){body{font-size:14px}.focus-fullscreen{padding:58px 16px 116px}.focus-fullscreen .fs-focus-stage{transform:translateY(-4vh)}.focus-fullscreen:has(.fs-setup-panel[open]) .fs-focus-stage{transform:translateY(-12vh)}.focus-fullscreen .fs-timer-ring{width:260px;height:260px}.focus-fullscreen .fs-time-text{font-size:48px}.focus-fullscreen .focus-plan-name{max-width:78vw;margin-bottom:24px;font-size:14px}.focus-fullscreen .focus-actions{margin-top:26px}.focus-fullscreen .focus-actions .start-btn,.focus-fullscreen .focus-actions .pause-btn{min-width:116px;padding:12px 28px;font-size:14px}.focus-fullscreen .focus-actions .icon-btn,.focus-fullscreen .focus-actions .close-btn{width:44px;height:44px}.focus-fullscreen .fs-setup-content{border-radius:18px;padding:14px}}@media (width<=480px){body{font-size:13px}.focus-fullscreen .fs-back-btn{top:max(12px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left))}.focus-fullscreen .fs-timer-ring{width:226px;height:226px}.focus-fullscreen .fs-time-text{font-size:42px}.focus-fullscreen .fs-setup-panel{width:calc(100vw - 20px);bottom:12px}.focus-fullscreen .focus-presets button{min-width:54px;padding:7px 8px}}button,a,input,textarea,select{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 30%, transparent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-header[data-v-97c767f0]{background:var(--card);border-bottom:1px solid var(--border);width:100%;box-shadow:var(--shadow);z-index:100;position:sticky;top:0}.header-inner[data-v-97c767f0]{justify-content:space-between;align-items:center;max-width:1440px;height:60px;margin:0 auto;padding:0 24px;display:flex}.logo[data-v-97c767f0]{flex-shrink:0;align-items:center;gap:8px;display:flex}.logo-icon[data-v-97c767f0]{object-fit:cover;border-radius:8px;flex-shrink:0;width:32px;height:32px}.logo-text[data-v-97c767f0]{color:var(--foreground);letter-spacing:-.02em;white-space:nowrap;font-size:16px;font-weight:700}.nav-menu[data-v-97c767f0]{align-items:center;gap:2px;display:flex}.nav-item[data-v-97c767f0]{cursor:pointer;color:var(--muted);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.nav-item[data-v-97c767f0]:hover{color:var(--foreground);background:var(--accent)}.nav-item.active[data-v-97c767f0]{background:var(--primary);color:var(--primary-foreground)}.nav-icon[data-v-97c767f0]{font-size:14px}.nav-item.focus-nav[data-v-97c767f0]{color:var(--primary-foreground);background:linear-gradient(135deg, var(--primary), var(--primary-dark));box-shadow:0 5px 14px color-mix(in srgb, var(--primary) 25%, transparent)}.nav-item.focus-nav[data-v-97c767f0]:hover{color:#fff;background:linear-gradient(135deg, var(--primary-light), var(--primary));transform:translateY(-1px)}.nav-label[data-v-97c767f0]{font-size:13px}.header-right[data-v-97c767f0]{flex-shrink:0;align-items:center;display:flex}.settings-btn[data-v-97c767f0]{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex}.settings-btn[data-v-97c767f0]:hover{color:var(--foreground);background:var(--accent)}.settings-btn.active[data-v-97c767f0]{color:var(--primary);background:var(--primary-bg)}.logout-btn[data-v-97c767f0]:hover{color:#ef4444;background:#ef444414}.mobile-menu-btn[data-v-97c767f0]{cursor:pointer;width:40px;height:40px;color:var(--muted);background:0 0;border:none;border-radius:10px;font-size:20px;transition:all .2s;display:none;position:absolute;top:50%;right:60px;transform:translateY(-50%)}.mobile-menu-btn[data-v-97c767f0]:hover{background:var(--accent);color:var(--primary)}.mobile-overlay[data-v-97c767f0]{z-index:9999;background:#00000080;animation:.2s fadeIn-97c767f0;position:fixed;inset:0}@keyframes fadeIn-97c767f0{0%{opacity:0}to{opacity:1}}.mobile-nav-panel[data-v-97c767f0]{background:var(--card);padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0));border-radius:20px 20px 0 0;max-height:70vh;animation:.3s slideUp-97c767f0;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}@keyframes slideUp-97c767f0{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-nav-header[data-v-97c767f0]{border-bottom:1px solid var(--border);color:var(--foreground);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;font-size:16px;font-weight:600;display:flex}.mobile-close-btn[data-v-97c767f0]{background:var(--accent);cursor:pointer;width:36px;height:36px;color:var(--muted);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:flex}.mobile-close-btn[data-v-97c767f0]:hover{background:var(--primary-bg);color:var(--primary)}.mobile-nav-list[data-v-97c767f0]{flex-direction:column;gap:8px;display:flex}.mobile-nav-item[data-v-97c767f0]{cursor:pointer;color:var(--foreground);text-align:left;background:0 0;border:none;border-radius:14px;align-items:center;gap:12px;width:100%;padding:14px 18px;font-size:16px;font-weight:500;transition:all .2s;display:flex}.mobile-nav-item[data-v-97c767f0]:hover{background:var(--accent)}.mobile-nav-item.active[data-v-97c767f0]{background:var(--primary);color:#fff}.mobile-nav-item .anticon[data-v-97c767f0]{font-size:20px}@media (width<=900px){.nav-label[data-v-97c767f0]{display:none}.nav-item[data-v-97c767f0]{padding:8px 12px}.nav-icon[data-v-97c767f0]{font-size:18px}}@media (width<=768px){.nav-menu[data-v-97c767f0]{display:none}.mobile-menu-btn[data-v-97c767f0]{justify-content:center;align-items:center;right:100px;display:flex!important}.utility-link[data-v-97c767f0]{display:none}.header-inner[data-v-97c767f0]{padding:0 16px}}@media (width<=600px){.logo-text[data-v-97c767f0]{display:none}.header-inner[data-v-97c767f0]{padding:0 12px}.mobile-menu-btn[data-v-97c767f0]{right:96px}}.mobile-tabbar[data-v-72681ebc]{z-index:1000;-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0);background:#fffffff2;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #f973160f}.tab-item[data-v-72681ebc]{cursor:pointer;color:var(--muted);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 0 8px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.tab-icon[data-v-72681ebc]{font-size:22px;line-height:1;transition:all .25s cubic-bezier(.4,0,.2,1)}.tab-label[data-v-72681ebc]{letter-spacing:.02em;white-space:nowrap;font-size:10px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1)}.tab-item.focus-action .tab-icon[data-v-72681ebc]{color:#fff;background:linear-gradient(135deg, var(--primary-light), var(--primary-dark));border:4px solid var(--card);width:42px;height:42px;box-shadow:0 7px 18px color-mix(in srgb, var(--primary) 35%, transparent);border-radius:50%;place-items:center;margin-top:-24px;font-size:24px;display:grid}.tab-item.focus-action .tab-label[data-v-72681ebc]{color:var(--primary-dark);margin-top:1px;font-weight:700}.tab-item.focus-action[data-v-72681ebc]:before{display:none}.tab-item[data-v-72681ebc]:not(.active):hover{color:var(--foreground)}.tab-item.active[data-v-72681ebc]{color:var(--primary)}.tab-item.active .tab-icon[data-v-72681ebc]{transform:scale(1.15)}.tab-item.active[data-v-72681ebc]:before{content:"";background:var(--primary);border-radius:0 0 3px 3px;width:20px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.app-layout[data-v-50277bf3]{background-color:#0000;flex-direction:column;min-height:100vh;display:flex}.main-content[data-v-50277bf3]{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:32px 40px}@media (width<=768px){.main-content[data-v-50277bf3]{padding:20px 16px 88px}}@media (width<=1024px){.main-content[data-v-50277bf3]{padding:24px 28px}}@media (width<=480px){.main-content[data-v-50277bf3]{padding:16px 12px 84px}}