.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}:root{--page-bg: #F4F5FA;--bg: #F4F5FA;--surface: #FFFFFF;--surface2: #F5F4FE;--sidebar-bg: #FFFFFF;--border: #E7E7F0;--accent: #6C5CE7;--accent2: #5B4BD6;--accent3: #8B7CF0;--teal: #4FA492;--teal-soft: #E4F1EC;--danger: #E53935;--good: #2E7D32;--warning: #F57F17;--text: #1A1A2E;--muted: #6B6B80;--radius: 16px;--shell-radius: 28px}:root[data-theme=dark]{--page-bg: #14141F;--bg: #14141F;--surface: #1C1C2C;--surface2: #242438;--sidebar-bg: #1C1C2C;--border: #3C3C5C;--text: #EDEDF7;--muted: #9494AC}:root[data-theme=dark] .stat-icon.purple{background:#6c5ce740}:root[data-theme=dark] .stat-icon.blue{background:#3b82f640}:root[data-theme=dark] .stat-icon.green{background:#2e7d3240}:root[data-theme=dark] .stat-icon.orange{background:#f57f1740}:root[data-theme=dark] .stat-icon.pink{background:#ec489940}:root[data-theme=dark] .stat-icon.red{background:#e5393540}:root[data-theme=dark] .priority-tag.high{background:#e5393540}:root[data-theme=dark] .priority-tag.med{background:#f57f1740}:root[data-theme=dark] .priority-tag.low{background:#2e7d3240}:root[data-theme=dark] .icon-btn:hover{background:#e5393530}:root[data-theme=dark] .pomo-mode-card.active,:root[data-theme=dark] .pomo-sound-card.active{background:#6c5ce730}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;max-width:100vw;width:100%}html{scroll-behavior:auto}img,svg{max-width:100%}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--page-bg);background-attachment:fixed;color:var(--text);min-height:100vh}#root{max-width:100vw;width:100%;overflow-x:hidden;min-height:100vh}body,.card,.app-layout,.sidebar,.mobile-topbar,input,select,textarea,.topbar-icon-btn,.add-new-menu,.stat-icon,.custom-checkbox,.habit-table>div{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.display-heading{font-family:Fraunces,Plus Jakarta Sans,serif;font-weight:700;letter-spacing:-.5px}a{color:var(--accent);text-decoration:none}input,select,textarea{background:var(--surface);border:1.5px solid var(--border);color:var(--text);padding:10px 14px;border-radius:var(--radius);font-size:14px;outline:none;width:100%;font-family:inherit;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6c5ce71a}button{font-family:inherit;cursor:pointer;transition:all .15s}.btn-primary{background:var(--accent);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius);font-weight:700;font-size:14px}.btn-primary:hover{background:var(--accent2);transform:translateY(-1px)}.card{background:var(--surface);border:none;border-radius:var(--radius);padding:20px;box-shadow:0 2px 10px #281e5a0d}.app-layout{display:flex;min-height:calc(100vh - 48px);margin:24px;background:var(--surface);border-radius:var(--shell-radius);box-shadow:0 24px 60px #281e5a1f;overflow:hidden;max-width:calc(100vw - 48px)}.sidebar{width:230px;flex-shrink:0;padding:1.5rem 1.1rem;display:flex;flex-direction:column;gap:4px;background:var(--sidebar-bg);border-right:1px solid var(--border)}.mobile-topbar,.sidebar-overlay{display:none}@media (max-width: 900px){.app-layout{margin:0;border-radius:0;flex-direction:column;min-height:100vh;box-shadow:none;max-width:100vw;width:100%;overflow-x:hidden}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--sidebar-bg);position:sticky;top:0;z-index:30;width:100%;box-sizing:border-box;border-bottom:1px solid var(--border)}.hamburger-btn{background:transparent;border:1.5px solid var(--border);border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar{position:fixed;top:0;left:0;height:100vh;width:min(78vw,280px);z-index:50;transform:translate(-100%);transition:transform .25s ease;overflow-y:auto;box-shadow:8px 0 30px #00000026}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:40}.main-content{padding:1.25rem 1rem!important;overflow-y:visible!important;overflow-x:hidden!important;max-width:100vw!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}}.navbar-avatar:hover .navbar-avatar-overlay{opacity:1}.sidebar-logo{font-size:18px;font-weight:800;padding:4px 10px;margin-bottom:1.5rem;letter-spacing:-.5px;color:var(--text);display:flex;align-items:center;gap:8px}.sidebar a{color:var(--muted);padding:9px 10px;border-radius:10px;font-size:13.5px;font-weight:500;display:flex;align-items:center;gap:10px;transition:all .12s}.sidebar a svg{flex-shrink:0}.sidebar a:hover:not(.active){color:var(--text);background:var(--surface2)}.sidebar a.active{background:var(--accent);color:#fff;font-weight:600;box-shadow:0 4px 12px #6c5ce74d}.logo-badge{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent3));color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-badge{background:var(--accent);color:#fff;font-size:10.5px;font-weight:700;border-radius:8px;padding:1px 7px;flex-shrink:0}.sidebar a.active .nav-badge{background:#ffffff40}.upgrade-card{background:linear-gradient(135deg,#6c5ce7,#a48cf5);color:#fff;border-radius:var(--radius);padding:16px;margin-top:14px}.upgrade-btn{width:100%;background:#fff;color:var(--accent2);border:none;border-radius:10px;padding:8px 0;font-weight:700;font-size:12.5px}.daily-progress-card{background:var(--surface2);border-radius:var(--radius);padding:16px;margin-top:12px}.sidebar.collapsed{width:76px;align-items:center}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:4px}.sidebar.collapsed a{justify-content:center;width:44px}.sidebar.collapsed a span{display:none}.main-content{flex:1;padding:2rem 2.5rem;max-width:100%;min-width:0;overflow-y:auto;box-sizing:border-box}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:1.5rem}.topbar-search{flex:1;max-width:380px;position:relative}.topbar-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted)}.topbar-search input{padding-left:38px;background:var(--surface2);border-color:transparent}.topbar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.topbar-icon-btn{width:38px;height:38px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);color:var(--muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.topbar-icon-btn:hover{color:var(--text);background:var(--surface2)}.theme-toggle-btn{overflow:hidden}.theme-toggle-btn:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.theme-toggle-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}.theme-toggle-icon.icon-visible{opacity:1;transform:rotate(0) scale(1)}.theme-toggle-icon.icon-hidden{opacity:0;transform:rotate(90deg) scale(.4)}.topbar-badge{position:absolute;top:-3px;right:-3px;width:15px;height:15px;border-radius:50%;background:var(--danger);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface)}.add-new-dropdown{position:relative}.add-new-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px #281e5a26;padding:6px;min-width:160px;z-index:20}.add-new-menu a,.add-new-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:8px;font-size:13.5px;color:var(--text);background:transparent;border:none;text-align:left}.add-new-menu a:hover,.add-new-menu button:hover{background:var(--surface2)}.topbar-kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10.5px;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:1px 6px}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px #281e5a26;padding:6px;z-index:25;max-height:280px;overflow-y:auto}.search-result-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:13px;color:var(--text)}.search-result-item:hover{background:var(--surface2)}.search-result-type{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--accent);background:#6c5ce718;border-radius:5px;padding:2px 6px;flex-shrink:0}.search-empty{padding:10px;font-size:12.5px;color:var(--muted);text-align:center}.timer-chip{display:flex;align-items:center;gap:8px;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;padding:8px 14px;color:var(--text);flex-shrink:0}.timer-chip:hover{background:var(--surface2)}.timer-chip-time{font-variant-numeric:tabular-nums;font-weight:700;font-size:13.5px}.notif-menu{min-width:260px}.notif-item{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:8px}.notif-item:hover{background:var(--surface2)}.topbar-avatar-btn{display:flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--muted);flex-shrink:0}.topbar-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent3));color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;overflow:hidden;flex-shrink:0}.topbar-avatar img{width:100%;height:100%;object-fit:cover}@media (max-width: 700px){.topbar-search{display:none}.topbar{flex-wrap:wrap;row-gap:10px;justify-content:flex-end}.topbar-actions{flex-wrap:wrap;row-gap:8px;justify-content:flex-end}}@media (max-width: 420px){.add-new-text,.timer-chip-time{display:none}}@media (max-width: 900px){.topbar-collapse-btn{display:none}}h1{font-family:Fraunces,Plus Jakarta Sans,serif;font-weight:700;font-size:28px;margin-bottom:1.5rem;color:var(--text);letter-spacing:-.5px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:1.25rem}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:1.5rem}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media (max-width: 1100px){.dashboard-main-grid,.dashboard-timer-grid,.calendar-grid-layout,.habits-layout,.analytics-grid-2{grid-template-columns:1fr!important}.analytics-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width: 640px){.analytics-grid-4{grid-template-columns:1fr!important}}.calendar-cell:hover{background:var(--surface2)}.calendar-event-actions{opacity:0;transition:opacity .12s}.calendar-event:hover .calendar-event-actions{opacity:1}@media (max-width: 600px){.stat-grid{grid-template-columns:1fr}h1{font-size:22px}.card{padding:16px}.task-item{flex-wrap:wrap}.habit-stats-grid{grid-template-columns:repeat(2,1fr)!important}.distraction-fab{bottom:16px!important;right:14px!important;padding:7px 11px!important;font-size:11.5px!important}}.distraction-fab{bottom:24px;right:24px}@media (max-width: 480px){.main-content{padding:12px 10px 30px!important}.card{padding:14px!important;border-radius:12px}h1{font-size:20px;margin-bottom:.75rem}.page-header{margin-bottom:1rem;gap:8px}.header-actions{width:100%;justify-content:flex-start}.topbar{padding-bottom:.75rem;gap:6px}.topbar-actions{width:100%;justify-content:space-between;gap:4px}.topbar-icon-btn{width:34px;height:34px}.timer-chip{padding:6px 10px;font-size:12px}.habit-stats-grid,.hub-stat-row{grid-template-columns:1fr!important;gap:10px}.pomo-hills{height:280px!important}.pomo-ring-wrap{width:190px!important;height:190px!important;margin:0 auto 14px!important}.pomo-timer-svg{width:190px!important;height:190px!important}.pomo-ring-time{font-size:38px!important}.pomo-mode-row{gap:6px!important}.pomo-mode-card{padding:10px 4px!important}.pomo-mode-card-label{font-size:11.5px!important}.pomo-mode-card-sub{font-size:10px!important}}.stat-card{background:var(--surface);border:none;border-radius:var(--radius);padding:16px 20px;box-shadow:0 2px 10px #281e5a0d}.stat-card .label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stat-card .value{font-size:28px;font-weight:700;color:var(--text)}.stat-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.purple{background:#6c5ce718;color:#6c5ce7}.stat-icon.blue{background:#3b82f618;color:#3b82f6}.stat-icon.green{background:#2e7d3218;color:#2e7d32}.stat-icon.orange{background:#f57f1718;color:#f57f17}.stat-icon.pink{background:#ec489918;color:#ec4899}.stat-icon.red{background:#e5393518;color:#e53935}.task-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius);background:var(--surface2);border:1.5px solid transparent;margin-bottom:8px;transition:border-color .15s,box-shadow .15s}.task-item:hover{border-color:var(--accent);box-shadow:0 2px 8px #6c5ce71a}.task-item.done{opacity:.45}.task-item.done .task-text{text-decoration:line-through}.task-text{flex:1;font-size:14px;color:var(--text);display:flex;flex-direction:column}.priority-tag{font-size:11px;font-weight:700;padding:3px 9px;border-radius:6px;text-transform:uppercase;letter-spacing:.3px}.priority-tag.high{background:#e5393518;color:var(--danger)}.priority-tag.med{background:#f57f1718;color:var(--warning)}.priority-tag.low{background:#2e7d3218;color:var(--good)}.icon-btn{background:transparent;border:none;color:var(--muted);font-size:16px;padding:4px 6px;border-radius:6px;line-height:1}.icon-btn:hover{color:var(--danger);background:#e5393512}.rich-text-editable:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.custom-checkbox{width:18px;height:18px;border:2px solid var(--border);border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.custom-checkbox:hover{border-color:var(--good)}.custom-checkbox.checked{background:var(--good);border-color:var(--good);color:#fff;font-size:11px;font-weight:800}.landing-nav-link{position:relative;transition:color .2s}.landing-nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1.5px;background:var(--accent);transition:width .2s ease}.landing-nav-link:hover:after{width:100%}.landing-nav-link:hover{color:var(--text)!important}.landing-btn-primary{transition:transform .15s,opacity .15s}.landing-btn-primary:hover{transform:translateY(-2px);opacity:.9}.feature-card{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1);border:1px solid rgba(228,228,235,.8)!important;background:#fff}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #6c5ce71f!important;border-color:#6c5ce74d!important}.landing-navbar{padding:14px 64px;transition:all .3s ease}.landing-hero{padding:80px 64px 60px;position:relative;overflow:hidden}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}.lenis.lenis-scrolling iframe{pointer-events:none}.landing-hero-title{font-size:56px;letter-spacing:-1.8px}.landing-section{padding:88px 64px}.landing-footer{padding:48px 64px}.landing-aurora-glow{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;opacity:.6}.glow-border-wrapper{position:relative;padding:2px;border-radius:22px;background:linear-gradient(135deg,#6c5ce799,#3b82f666,#ec489980,#6c5ce799);background-size:300% 300%;animation:borderGlow 8s ease infinite;box-shadow:0 20px 60px -10px #6c5ce740}@keyframes borderGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes floatSlow1{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1.5deg)}}@keyframes floatSlow2{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(12px) rotate(-1.5deg)}}.floating-badge-1{animation:floatSlow1 4.5s ease-in-out infinite}.floating-badge-2{animation:floatSlow2 5.2s ease-in-out infinite}.typewriter-cursor{display:inline-block;width:3px;height:1em;background-color:#6c5ce7;margin-left:4px;vertical-align:-.1em;animation:blink .9s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes eqBar{0%{height:4px}to{height:22px}}.eq-bar-1{animation:eqBar .8s ease-in-out infinite alternate}.eq-bar-2{animation:eqBar .5s ease-in-out infinite alternate .2s}.eq-bar-3{animation:eqBar .9s ease-in-out infinite alternate .4s}.eq-bar-4{animation:eqBar .6s ease-in-out infinite alternate .1s}.live-toast{position:fixed;bottom:24px;left:24px;z-index:90;background:#fffffff5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(228,228,238,.9);box-shadow:0 16px 36px #0000001a;border-radius:14px;padding:10px 16px;display:flex;align-items:center;gap:12px;animation:toastIn .4s cubic-bezier(.16,1,.3,1)}@keyframes toastIn{0%{transform:translateY(24px) scale(.92);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.mockup-window{background:#fff;border-radius:20px;border:1px solid rgba(228,228,238,.9);box-shadow:0 28px 70px -15px #6c5ce72e,0 0 0 1px #6c5ce70d;overflow:hidden;transition:transform .15s ease-out,box-shadow .3s ease}.mockup-window:hover{box-shadow:0 34px 80px -12px #6c5ce738,0 0 0 1px #6c5ce714}.mockup-header{padding:12px 18px;background:#fafafd;border-bottom:1px solid #ECECF5;display:flex;align-items:center;justify-content:space-between}.mockup-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.preview-tab-btn{padding:8px 16px;border-radius:10px;font-size:13px;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;gap:7px;transition:all .2s ease;position:relative;overflow:hidden}.preview-tab-btn.active{background:#6c5ce7;color:#fff;box-shadow:0 4px 14px #6c5ce759}.preview-tab-btn:not(.active){background:#f0f0f8;color:#5c5c75}.preview-tab-btn:not(.active):hover{background:#e6e6f2;color:#1a1a2e}.floating-cta-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:99;background:#191432e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16);border-radius:100px;padding:10px 18px 10px 24px;box-shadow:0 16px 40px #0000004d;display:flex;align-items:center;gap:20px;transition:all .35s cubic-bezier(.16,1,.3,1)}.compare-box{border-radius:18px;padding:28px;height:100%}.compare-box.old-way{background:#fff5f5;border:1px solid #FFE3E3}.compare-box.focusos-way{background:linear-gradient(135deg,#f5f3ff,#fff);border:1.5px solid #6C5CE7;box-shadow:0 16px 36px #6c5ce71a}.label-short,.showcase-tab-short{display:none}.label-full,.showcase-tab-full{display:inline}@media (max-width: 960px){.landing-navbar{padding:14px 20px}.landing-navbar-links{display:none!important}.landing-hero{padding:52px 18px 44px}.landing-hero-title{font-size:clamp(32px,7vw,48px);min-height:auto!important}.landing-section{padding:52px 18px}.landing-hero-grid{grid-template-columns:1fr!important;gap:32px!important}.landing-feature-grid,.landing-steps-grid,.landing-testimonial-grid{grid-template-columns:1fr 1fr!important}.landing-gamify-grid{grid-template-columns:1fr!important}.landing-footer{padding:36px 18px!important;grid-template-columns:1fr 1fr!important;text-align:left}.floating-cta-bar{width:calc(100% - 24px);justify-content:space-between;padding:10px 14px}}@media (max-width: 768px){.showcase-floating-badge{display:none!important}.landing-hero{padding:44px 16px 36px!important}.landing-hero-title{font-size:clamp(28px,8vw,42px)!important;min-height:auto!important;letter-spacing:-1px!important}.landing-section{padding:44px 16px!important}.calc-container{padding:24px 16px!important}.bottom-cta-inner{padding:36px 20px!important}.bottom-cta-inner .landing-hero-grid{grid-template-columns:1fr!important;text-align:center}}@media (max-width: 640px){.label-full,.showcase-tab-full{display:none!important}.label-short,.showcase-tab-short{display:inline!important}.showcase-tabs-bar{padding:8px 6px!important;gap:4px!important}.preview-tab-btn{padding:6px 8px!important;font-size:11px!important}.landing-feature-grid,.landing-steps-grid,.landing-testimonial-grid,.landing-footer{grid-template-columns:1fr!important}}@media (max-width: 480px){.landing-navbar-login,.floating-cta-text{display:none!important}.compare-box{padding:18px 14px!important}.landing-hero-title{font-size:28px!important}}.auth-logo{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:800}.auth-label{font-size:12px;font-weight:700;color:var(--text);display:block;margin-bottom:4px}.auth-input-wrap{position:relative;margin-bottom:10px}.auth-input-wrap input{padding-top:8px;padding-bottom:8px}.auth-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.auth-input-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);padding:4px;display:flex}.auth-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--accent),var(--accent2));padding:9px;font-size:14px;box-shadow:0 10px 24px #6c5ce752;transition:transform .15s ease,box-shadow .15s ease}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 30px #6c5ce766}.auth-divider{display:flex;align-items:center;text-align:center;color:var(--muted);font-size:12px;margin:12px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{padding:0 12px;white-space:nowrap}.auth-oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:7px;border-radius:var(--radius);border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-weight:600}.auth-oauth-btn:hover{background:var(--surface2)}.auth-float-icon{width:22px;height:22px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-split-page{position:relative;height:100vh;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(circle,#CFC7F2 1px,transparent 1px),linear-gradient(160deg,#f7f6fd,#efedfc);background-size:28px 28px,100% 100%;padding:16px 40px 0;color:var(--text)}:root[data-theme=dark] .auth-split-page{background:radial-gradient(circle,#2C2C40 1px,transparent 1px),linear-gradient(160deg,#14141f,#1b1b2a);background-size:28px 28px,100% 100%}.auth-split-page:before,.auth-split-page:after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;filter:blur(90px);z-index:0;pointer-events:none}.auth-split-page:before{top:-180px;left:-160px;background:radial-gradient(circle,#DCD3FA,transparent 70%)}.auth-split-page:after{bottom:-200px;right:-180px;background:radial-gradient(circle,#D3EEDF,transparent 70%)}:root[data-theme=dark] .auth-split-page:before{background:radial-gradient(circle,#362D63,transparent 70%)}:root[data-theme=dark] .auth-split-page:after{background:radial-gradient(circle,#1E3B2E,transparent 70%)}.auth-split-page>*{position:relative;z-index:1}.auth-split-topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;flex-shrink:0}.auth-split-body{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1.35fr .9fr;gap:24px;align-items:center;padding:6px 0 10px;overflow:hidden}.auth-split-left,.auth-split-center,.auth-split-right{animation:auth-fade-up .7s cubic-bezier(.16,1,.3,1) both}.auth-split-center{animation-delay:.1s}.auth-split-right{animation-delay:.2s}@keyframes auth-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.auth-split-left,.auth-split-center,.auth-split-right{animation:none}}.auth-badge{display:inline-flex;align-items:center;gap:6px;background:var(--surface2);color:var(--accent);font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:20px;margin-bottom:10px;width:fit-content}.auth-split-title{font-size:26px;font-weight:800;line-height:1.18;margin-bottom:8px}.auth-split-subtitle{font-size:13px;color:var(--muted);max-width:420px;margin-bottom:10px}.auth-accent-line{width:44px;height:3px;background:var(--accent);border-radius:3px;margin-bottom:12px}.auth-feature-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.auth-feature-row{display:flex;align-items:flex-start;gap:12px}.auth-quote-card{background:var(--surface);border-radius:14px;padding:10px 16px;box-shadow:0 8px 24px #281e5a0f;border-left:3px solid var(--accent);max-width:320px}.auth-split-center{position:relative;height:min(380px,42vh);display:flex;align-items:center;justify-content:center}.auth-mockup-wrap{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.auth-blob-pos{position:absolute}.auth-blob-pos-1{width:130px;height:130px;top:0;left:42%;animation:auth-blob-float 7s ease-in-out infinite}.auth-blob-pos-2{width:90px;height:90px;bottom:6%;left:8%;animation:auth-blob-float 8s ease-in-out infinite 1s}.auth-blob-pos-3{width:60px;height:60px;top:30%;left:2%;animation:auth-blob-float 6s ease-in-out infinite .5s}.auth-blob{width:100%;height:100%;filter:blur(1px);opacity:.55;background:linear-gradient(150deg,#dcd3fa,#c9bbf5);box-shadow:inset -10px -10px 30px #7864c826,inset 8px 8px 20px #ffffff80}:root[data-theme=dark] .auth-blob{background:linear-gradient(150deg,#3a3060,#2c2548);opacity:.5}.auth-blob-1{border-radius:42% 58% 65% 35%/45% 40% 60% 55%}.auth-blob-2{border-radius:60% 40% 45% 55%/55% 60% 40% 45%}.auth-blob-3{border-radius:50%;opacity:.35}@keyframes auth-blob-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(6deg)}}@media (prefers-reduced-motion: reduce){.auth-blob-pos-1,.auth-blob-pos-2,.auth-blob-pos-3{animation:none}}.auth-mockup-tilt{position:relative;display:flex;transform:perspective(1400px) rotateY(-9deg) rotateX(3deg);transform-style:preserve-3d;filter:drop-shadow(24px 30px 40px rgba(40,30,90,.18));transition:transform .3s ease-out;will-change:transform}.auth-blob{transition:transform .3s ease-out}@media (prefers-reduced-motion: reduce){.auth-mockup-tilt,.auth-blob{transition:none}}.auth-mockup-sidebar{width:34px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 0;display:flex;flex-direction:column;align-items:center;gap:10px;margin-right:-10px;margin-top:14px;margin-bottom:14px;z-index:0;box-shadow:-6px 0 16px #281e5a0f}.auth-mockup-logo{width:20px;height:20px;border-radius:6px;background:linear-gradient(135deg,var(--accent),var(--accent3));color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.auth-mockup-nav-icon{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.auth-mockup-nav-icon.active{background:var(--accent);color:#fff}.auth-mockup-card{position:relative;z-index:1;width:420px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px 20px;box-shadow:0 30px 60px #281e5a29}.auth-mockup-greeting{margin-bottom:12px}.auth-mockup-hello{font-size:14.5px;font-weight:800}.auth-mockup-sub{font-size:11.5px;color:var(--muted)}.auth-mockup-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.auth-mockup-cell{background:var(--surface2);border-radius:10px;padding:9px 10px;min-height:62px}.auth-mockup-label{font-size:10px;color:var(--muted);font-weight:700;margin-bottom:3px}.auth-mockup-value{font-size:15px;font-weight:800}.auth-mockup-sub-label{font-size:9.5px;color:var(--muted);font-weight:500}.auth-mockup-trend{font-size:9.5px;color:var(--good);margin-bottom:2px}.auth-mockup-dot-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:800}.auth-mockup-checklist{display:flex;flex-direction:column;gap:3px;margin-top:2px}.auth-mockup-checklist span{display:flex;align-items:center;gap:5px;font-size:9.5px;color:var(--text)}.auth-mockup-dots{display:flex;gap:2.5px;margin-top:4px}.auth-mockup-dots span{width:5px;height:5px;border-radius:50%;background:var(--border)}.auth-mockup-dots span.filled{background:var(--accent)}.auth-mockup-bars{display:flex;align-items:flex-end;gap:2.5px;height:20px;margin-top:2px}.auth-mockup-bars span{width:5px;background:var(--accent3);border-radius:2px}.auth-mockup-bottom-row{display:grid;grid-template-columns:1.5fr 1fr;gap:8px}.auth-mockup-schedule{background:var(--surface2);border-radius:10px;padding:10px 12px}.auth-mockup-widget-head{display:flex;justify-content:space-between;align-items:center;font-size:10.5px;font-weight:700;margin-bottom:6px}.auth-mockup-link{font-size:9px;color:var(--accent);font-weight:600}.auth-mockup-schedule-row{display:flex;align-items:center;gap:8px;font-size:9.5px;padding:3px 0;color:var(--text)}.auth-mockup-time{color:var(--muted);width:52px;flex-shrink:0}.auth-mockup-active-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.auth-mockup-habit-row{display:flex;align-items:center;gap:6px;font-size:9.5px;padding:3px 0}.auth-mockup-habit-name{width:50px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-mockup-habit-bar{flex:1;height:4px;border-radius:3px;background:var(--border);overflow:hidden}.auth-mockup-habit-bar span{display:block;height:100%;background:var(--accent);border-radius:3px}.auth-mockup-habit-count{color:var(--muted);font-size:9px;flex-shrink:0}.auth-mockup-pomodoro{background:var(--surface2);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;align-items:center;position:relative}.auth-mockup-ring{width:68px;height:68px;border-radius:50%;background:conic-gradient(var(--accent) 0% 62%,var(--border) 62% 100%);display:flex;align-items:center;justify-content:center}.auth-mockup-ring-inner{width:52px;height:52px;border-radius:50%;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center}.auth-mockup-ring-time{font-size:11px;font-weight:800}.auth-mockup-play{position:absolute;bottom:8px;width:20px;height:20px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center}@media (max-width: 1300px){.auth-mockup-card{width:360px}}.auth-split-right{display:flex;justify-content:center}.auth-login-card{width:100%;max-width:420px;padding:22px 30px;box-shadow:0 24px 60px #281e5a24;max-height:calc(100vh - 100px);overflow-y:auto}.auth-split-footer{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;padding:18px 0;margin:0 -40px;border-top:1px solid var(--border);font-size:12.5px;color:var(--muted);position:relative}.auth-split-footer-links{display:flex;gap:20px}.auth-theme-segment{position:absolute;right:40px;top:50%;transform:translateY(-50%);display:flex;gap:2px;border:1.5px solid var(--border);background:var(--surface2);border-radius:20px;padding:3px}.auth-theme-segment button{width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center}.auth-theme-segment button.active{background:var(--surface);color:var(--accent);box-shadow:0 2px 6px #281e5a1f}@media (max-width: 1100px){.auth-split-body{grid-template-columns:1fr}.auth-split-center{display:none}.auth-split-right{order:-1}}@media (max-width: 560px){.auth-split-page{padding:20px 18px 0}.auth-split-footer{margin:0 -18px;flex-direction:column;gap:10px;padding:16px 18px 70px}.auth-theme-segment{position:static;transform:none;margin-top:6px}.auth-login-card{padding:26px 20px}.auth-split-title{font-size:27px}}.pomo-main-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;align-items:start}.pomo-timer-card{position:relative;text-align:center;overflow:hidden;padding-bottom:24px}.pomo-hills{position:absolute;top:0;right:0;left:0;bottom:auto;height:310px;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,#fff,#f7f5fe 55%,#efebfc);border-radius:var(--radius) var(--radius) 0 0}:root[data-theme=dark] .pomo-hills{background:linear-gradient(180deg,#1c1c2c,#201f33 55%,#24223a)}.pomo-hills-svg{position:absolute;bottom:0;left:0;width:100%;height:100%}.pomo-svg-bird{animation:pomo-bird-float 6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes pomo-bird-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.pomo-mode-pill{position:relative;display:inline-flex;align-items:center;gap:6px;background:var(--surface);color:var(--accent);font-size:12.5px;font-weight:700;padding:6px 14px;border-radius:20px;margin-bottom:18px;box-shadow:0 4px 14px #281e5a14}.pomo-ring-wrap{position:relative;width:220px;height:220px;margin:0 auto 20px}.pomo-timer-svg{width:100%;height:100%;display:block}.pomo-ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.pomo-ring-time{font-size:46px;font-weight:800;font-variant-numeric:tabular-nums}.pomo-ring-hint{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);font-weight:600;background:var(--surface);padding:4px 12px;border-radius:14px;border:1px solid var(--border);box-shadow:0 2px 8px #281e5a0f}.pomo-status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.pomo-start-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;font-size:14.5px;position:relative}.pomo-skip-btn{position:relative;background:var(--surface);border:none;color:var(--muted);font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:5px;margin:8px 0 22px;padding:5px 12px;border-radius:14px;box-shadow:0 3px 10px #281e5a14}.pomo-skip-btn:hover{color:var(--text)}.pomo-mode-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;position:relative;z-index:2}.pomo-mode-card{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:12px 8px;color:var(--muted);width:100%;box-shadow:0 2px 8px #281e5a0a}.pomo-mode-card:hover{border-color:var(--accent3);color:var(--text)}.pomo-mode-card.active{background:var(--surface);border:2px solid var(--accent);color:var(--accent);box-shadow:0 4px 14px #6c5ce72e}.pomo-mode-card-label{font-size:12.5px;font-weight:700;color:var(--text)}.pomo-mode-card.active .pomo-mode-card-label{color:var(--accent)}.pomo-mode-card-sub{font-size:11px;color:var(--muted)}.pomo-mode-card.active .pomo-mode-card-sub{color:var(--accent);font-weight:600}.pomo-custom-popover{position:absolute;bottom:calc(100% + 8px);right:0;z-index:5;background:var(--surface);border-radius:12px;box-shadow:0 12px 30px #281e5a2e;padding:10px;display:flex;gap:8px;width:190px}.pomo-custom-popover input{padding:8px 10px;font-size:13px}.pomo-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pomo-why-card{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;background:var(--surface2);border-radius:12px;padding:12px 14px}.pomo-sounds-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pomo-sound-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--surface2);border:1.5px solid transparent;border-radius:12px;padding:12px 6px}.pomo-sound-card.active{border-color:var(--accent);background:#6c5ce712}.pomo-sound-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center}.pomo-sound-icon.pomo-sound-playing{animation:pomo-sound-pulse 1.6s ease-in-out infinite}@keyframes pomo-sound-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.pomo-sound-play{position:absolute;bottom:-6px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.pomo-quote{border-left:3px solid var(--accent);padding-left:12px}.pomo-progress-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.pomo-history-icon{width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (max-width: 1100px){.pomo-main-grid{grid-template-columns:1fr}}@media (max-width: 700px){.pomo-mode-row{grid-template-columns:repeat(2,1fr)}.pomo-bottom-row{grid-template-columns:1fr}.pomo-sounds-grid{grid-template-columns:repeat(2,1fr)}.pomo-custom-popover{right:auto;left:0}}.pomo-toast{position:fixed;top:22px;right:22px;z-index:200;display:flex;align-items:center;gap:8px;background:var(--surface);color:var(--good);font-size:13px;font-weight:700;padding:12px 18px;border-radius:12px;box-shadow:0 12px 30px #281e5a2e;animation:pomo-toast-in .25s ease}@keyframes pomo-toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@media (max-width: 560px){.pomo-toast{left:16px;right:16px;top:16px}}.hub-stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.hub-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.hub-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.hub-trade-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.hub-2col-main{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr)}@media (max-width: 900px){.hub-2col-main{grid-template-columns:1fr!important}}.hub-3col{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 900px){.hub-3col{grid-template-columns:1fr!important}}@media (max-width: 700px){.hub-2col-fixed{grid-template-columns:1fr!important}}@media (max-width: 900px){.hub-3col-panel{grid-template-columns:1fr!important}}.hub-editor-grid{grid-template-columns:minmax(260px,1fr) minmax(0,1.6fr)}@media (max-width: 960px){.hub-editor-grid{grid-template-columns:1fr!important}}.trade-card-row{display:flex;flex-direction:column}.trade-card-chart{width:100%;aspect-ratio:16 / 9;flex-shrink:0}@media (max-width: 480px){.hub-form-row-2,.hub-form-row-3{grid-template-columns:1fr!important}}.task-view-toggle{display:flex;gap:6px;background:var(--surface2);padding:4px;border-radius:10px;border:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch}.task-view-toggle-btn{background:transparent;border:1px solid transparent;color:var(--muted);border-radius:7px;padding:6px 14px;font-size:12.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:5px;white-space:nowrap;transition:all .15s ease;flex-shrink:0}.task-view-toggle-btn.active{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:0 1px 4px #0000000f}.timeline-page-grid{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(290px,1fr);gap:16px;align-items:start}.timeline-card{padding:20px 22px}.timeline-date-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:18px;border-bottom:1px solid var(--border);padding-bottom:16px}.timeline-gutter{width:72px;font-size:11.5px;font-weight:600;color:var(--muted);padding-top:4px;-webkit-user-select:none;user-select:none;flex-shrink:0}.timeline-task-block{left:80px;right:12px}.timeline-now-line{left:60px}.task-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:18px}.task-filter-tabs{display:flex;align-items:center;gap:16px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px}.task-filter-tabs::-webkit-scrollbar{display:none}.task-filter-tab-item{cursor:pointer;padding-bottom:8px;font-size:14px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap;flex-shrink:0}.task-filter-tab-item.active{font-weight:700;color:var(--accent);border-bottom-color:var(--accent)}.task-filter-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.task-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.task-item-row{transition:all .15s ease}@media (max-width: 900px){.timeline-page-grid{grid-template-columns:1fr!important}.task-filter-actions{margin-left:0;width:100%;justify-content:flex-start}}@media (max-width: 640px){.task-item-row{flex-wrap:wrap!important;gap:8px!important;padding:10px 12px!important}.task-item-row>div:nth-child(3){min-width:140px;flex:1 1 auto!important}.task-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.task-filter-tabs{width:100%!important;padding-bottom:6px!important}.task-filter-actions{width:100%!important;display:flex!important;justify-content:stretch!important;gap:8px!important}.task-filter-actions button{flex:1!important;justify-content:center!important}.task-filter-actions .btn-primary{flex:1.6!important}.page-header{flex-direction:column;align-items:stretch!important;gap:12px}.task-view-toggle{width:100%;display:flex;justify-content:space-between;overflow-x:auto}.task-view-toggle-btn{flex:1;justify-content:center;padding:7px 8px;font-size:11.5px}.task-stats-grid,.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px}.timeline-card{padding:14px 10px!important}.timeline-date-header{flex-direction:column;align-items:stretch!important;gap:10px}.timeline-date-header-row2{display:flex;gap:8px;width:100%;flex-wrap:wrap}.timeline-date-header-row2 input[type=date]{flex:1;min-width:120px}.timeline-gutter{width:50px!important;font-size:10.5px!important}.timeline-task-block{left:54px!important;right:4px!important;padding:6px 8px!important}.timeline-now-line{left:40px!important}.task-form-modal{width:96vw!important;padding:16px!important;max-height:94vh!important}.matrix-grid{grid-template-columns:1fr!important}}@media (max-width: 420px){.task-stats-grid{grid-template-columns:repeat(2,1fr)!important}.task-stats-grid .card{padding:10px 8px!important;gap:6px!important}.task-stats-grid .card p:first-child{font-size:17px!important}.dashboard-stats-grid{grid-template-columns:1fr!important}.btn-primary{padding:8px 14px;font-size:13px}}