:root{--bg-primary: #f6f5f1;--bg-secondary: #ffffff;--bg-tertiary: #edece8;--bg-glass: rgba(255, 255, 255, .72);--text-primary: #1a1a2e;--text-secondary: #7c7b8a;--text-muted: #aeadb8;--border-color: #e4e3de;--border-subtle: rgba(0, 0, 0, .05);--accent: #5046e5;--accent-hover: #4338ca;--accent-light: rgba(80, 70, 229, .08);--accent-glow: rgba(80, 70, 229, .25);--accent-gradient: linear-gradient(135deg, #5046e5 0%, #0ea5e9 100%);--danger: #e5393f;--danger-light: rgba(229, 57, 63, .08);--success: #10b981;--success-light: rgba(16, 185, 129, .08);--warning: #f59e0b;--warning-light: rgba(245, 158, 11, .08);--shadow-xs: 0 1px 2px rgba(26, 26, 46, .04);--shadow: 0 1px 3px rgba(26, 26, 46, .06), 0 1px 2px rgba(26, 26, 46, .04);--shadow-md: 0 4px 6px -1px rgba(26, 26, 46, .07), 0 2px 4px -2px rgba(26, 26, 46, .05);--shadow-lg: 0 10px 25px -3px rgba(26, 26, 46, .08), 0 4px 10px -4px rgba(26, 26, 46, .04);--shadow-xl: 0 20px 40px -5px rgba(26, 26, 46, .12), 0 8px 16px -6px rgba(26, 26, 46, .06);--shadow-accent: 0 4px 14px -2px rgba(80, 70, 229, .35);--radius: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-full: 9999px;--spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--duration: .2s;--duration-md: .35s;--duration-lg: .5s;--noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E")}[data-theme=dark]{--bg-primary: #0e0e14;--bg-secondary: #181820;--bg-tertiary: #22222e;--bg-glass: rgba(24, 24, 32, .8);--text-primary: #f0eff5;--text-secondary: #8d8ca0;--text-muted: #5c5b6e;--border-color: #2c2c3a;--border-subtle: rgba(255, 255, 255, .06);--accent: #7c6ff7;--accent-hover: #6d5de6;--accent-light: rgba(124, 111, 247, .12);--accent-glow: rgba(124, 111, 247, .3);--accent-gradient: linear-gradient(135deg, #7c6ff7 0%, #38bdf8 100%);--danger-light: rgba(229, 57, 63, .12);--success-light: rgba(16, 185, 129, .12);--warning-light: rgba(245, 158, 11, .12);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .35), 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .4), 0 4px 10px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .5), 0 8px 16px rgba(0, 0, 0, .3);--shadow-accent: 0 4px 14px -2px rgba(124, 111, 247, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--duration-md) var(--ease-smooth),color var(--duration-md) var(--ease-smooth)}body:before{content:"";position:fixed;inset:0;background-image:var(--noise);background-repeat:repeat;background-size:256px;pointer-events:none;z-index:9999;opacity:.35}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;letter-spacing:-.025em;line-height:1.2}.app{display:flex;height:100vh;overflow:hidden}.calendar-section{flex:1 1 0;display:flex;flex-direction:column;background:var(--bg-secondary);overflow:hidden;position:relative}.tasklist-section{flex:0 0 290px;display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden;border-left:1px solid var(--border-color);position:relative}.tasklist-section:before{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(180deg,var(--accent-light) 0%,transparent 100%);pointer-events:none;z-index:0}.calendar{flex:1;display:flex;flex-direction:column;padding:20px 24px;overflow:hidden;gap:0}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.calendar-header-left{display:flex;align-items:center;gap:12px}.view-toggle{display:flex;gap:2px;background:var(--bg-tertiary);padding:3px;border-radius:var(--radius);border:1px solid var(--border-color);position:relative}.view-toggle button{padding:7px 14px;border:none;background:transparent;border-radius:10px;font-size:13px;font-weight:600;font-family:Outfit,sans-serif;color:var(--text-secondary);cursor:pointer;transition:background var(--duration) var(--ease-smooth),color var(--duration) var(--ease-smooth),box-shadow var(--duration) var(--ease-smooth),transform var(--duration) var(--ease-smooth),border-color var(--duration) var(--ease-smooth),opacity var(--duration) var(--ease-smooth);white-space:nowrap;position:relative;z-index:1}.view-toggle button:hover{color:var(--text-primary)}.view-toggle button.active{background:var(--bg-secondary);color:var(--accent);box-shadow:var(--shadow-md);font-weight:700}[data-theme=dark] .view-toggle button:hover{background:#ffffff0a}.lang-toggle{width:38px;height:38px;border:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;font-family:var(--font-display);color:var(--text-secondary);transition:background var(--duration-md) var(--spring),color var(--duration-md) var(--spring),border-color var(--duration-md) var(--spring)}.lang-toggle:hover{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.theme-toggle{width:38px;height:38px;border:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background var(--duration-md) var(--spring),color var(--duration-md) var(--spring),box-shadow var(--duration-md) var(--spring),transform var(--duration-md) var(--spring),border-color var(--duration-md) var(--spring),opacity var(--duration-md) var(--spring)}.theme-toggle:hover{border-color:var(--accent);background:var(--accent-light);transform:rotate(20deg) scale(1.08);box-shadow:var(--shadow-accent)}.calendar-nav{display:flex;align-items:center;justify-content:center;gap:16px}.calendar-nav h3{font-family:Outfit,sans-serif;font-size:18px;font-weight:700;min-width:200px;text-align:center;text-transform:capitalize;color:var(--text-primary);letter-spacing:-.02em}.nav-btn{width:36px;height:36px;border:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:var(--radius);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background var(--duration) var(--spring),color var(--duration) var(--spring),box-shadow var(--duration) var(--spring),transform var(--duration) var(--spring),border-color var(--duration) var(--spring),opacity var(--duration) var(--spring);color:var(--text-secondary)}.nav-btn:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent);transform:scale(1.08);box-shadow:var(--shadow-accent)}.nav-btn:active{transform:scale(.95)}.week-view,.month-view{flex:1;display:flex;flex-direction:column;overflow:hidden;gap:12px}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;flex:1;min-height:0}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(0,1fr);gap:6px;flex:1;min-height:0;overflow:hidden}.calendar-day{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:10px;min-height:0;cursor:pointer;transition:background var(--duration-md) var(--spring),color var(--duration-md) var(--spring),box-shadow var(--duration-md) var(--spring),transform var(--duration-md) var(--spring),border-color var(--duration-md) var(--spring),opacity var(--duration-md) var(--spring);display:flex;flex-direction:column;overflow:hidden}.calendar-day:hover{border-color:var(--accent);box-shadow:var(--shadow-md),0 0 0 1px var(--accent-light);transform:translateY(-2px)}.calendar-day.other-month{opacity:.3;background:transparent}.calendar-day.today{border:1px solid rgba(80,70,229,.18);background:linear-gradient(180deg,rgba(80,70,229,.06) 0%,var(--bg-secondary) 44%);box-shadow:0 10px 24px -20px var(--accent-glow)}.calendar-day.today .day-number{color:var(--accent);background:var(--accent-light);min-width:30px;height:28px;padding:0 10px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;box-shadow:inset 0 0 0 1px #5046e524}.calendar-day.drag-over{background:var(--accent-light);border-color:var(--accent);border-style:dashed;transform:scale(1.02)}.calendar-day.empty{background:transparent;border:none;cursor:default}.calendar-day.empty:hover{transform:none;box-shadow:none}.day-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.day-number{font-family:Outfit,sans-serif;font-weight:700;font-size:16px;color:var(--text-primary)}.day-name{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px}.day-tasks{display:flex;flex-direction:column;gap:3px;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.day-task{font-size:11px;font-weight:600;font-family:Plus Jakarta Sans,sans-serif;padding:5px 8px;border-radius:8px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:grab;transition:background var(--duration) var(--spring),color var(--duration) var(--spring),box-shadow var(--duration) var(--spring),transform var(--duration) var(--spring),border-color var(--duration) var(--spring),opacity var(--duration) var(--spring);box-shadow:0 1px 3px #0000001f;position:relative;display:flex;align-items:center;gap:4px}.overnight-indicator{font-size:14px;font-weight:700;opacity:.8;flex-shrink:0}.day-task:hover{transform:scale(1.03) translateY(-1px);box-shadow:0 3px 8px #0000002e}.day-task:active{cursor:grabbing;transform:scale(.97)}.more-tasks{font-size:11px;font-weight:600;color:var(--accent);text-align:center;padding:4px;background:var(--accent-light);border-radius:6px;font-family:Outfit,sans-serif}.month-header{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:12px}.month-day-name{text-align:center;font-size:11px;font-weight:700;font-family:Outfit,sans-serif;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:8px 0}.task-list{display:flex;flex-direction:column;height:100%;padding:20px 16px;position:relative;z-index:1}.task-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.task-list-header h2{font-family:Outfit,sans-serif;font-size:19px;font-weight:800;letter-spacing:-.03em;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.task-count{background:var(--accent-gradient);color:#fff;padding:3px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:700;font-family:Outfit,sans-serif;box-shadow:var(--shadow-accent);margin-right:auto;margin-left:8px}.task-list-header-actions{display:flex;gap:4px;align-items:center}.tl-icon-btn{width:30px;height:30px;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-secondary);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--duration),color var(--duration),border-color var(--duration)}.tl-icon-btn:hover,.tl-icon-btn.active{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.tl-icon-btn.has-filter{color:var(--accent)}.tl-menu-wrapper{position:relative}.tl-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:180px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:50;overflow:hidden}.tl-dropdown button{display:block;width:100%;padding:10px 14px;border:none;background:none;color:var(--text-primary);font-size:13px;text-align:left;cursor:pointer;transition:background var(--duration)}.tl-dropdown button:hover{background:var(--accent-light)}.tl-dropdown button+button{border-top:1px solid var(--border-subtle)}.tl-filters-panel{padding:0 12px 8px;animation:slideDown .15s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.add-task-form{display:flex;flex-direction:column;gap:0;margin-bottom:20px}.add-task-input{flex:1;padding:12px 16px;border:2px solid var(--border-color);border-radius:var(--radius);font-size:14px;font-family:Plus Jakarta Sans,sans-serif;outline:none;transition:background var(--duration-md) var(--spring),color var(--duration-md) var(--spring),box-shadow var(--duration-md) var(--spring),transform var(--duration-md) var(--spring),border-color var(--duration-md) var(--spring),opacity var(--duration-md) var(--spring);background:var(--bg-secondary);color:var(--text-primary)}.add-task-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-light),var(--shadow-accent);transform:translateY(-1px)}.add-task-input::placeholder{color:var(--text-muted)}.duration-select{padding:12px;border:2px solid var(--border-color);border-radius:var(--radius);font-size:13px;font-family:Plus Jakarta Sans,sans-serif;background:var(--bg-secondary);cursor:pointer;color:var(--text-primary);transition:background var(--duration) var(--ease-smooth),color var(--duration) var(--ease-smooth),box-shadow var(--duration) var(--ease-smooth),transform var(--duration) var(--ease-smooth),border-color var(--duration) var(--ease-smooth),opacity var(--duration) var(--ease-smooth)}.duration-select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-light)}.add-task-btn{width:44px;height:44px;border:none;background:var(--accent-gradient);color:#fff;border-radius:var(--radius);font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--duration-md) var(--spring),color var(--duration-md) var(--spring),box-shadow var(--duration-md) var(--spring),transform var(--duration-md) var(--spring),border-color var(--duration-md) var(--spring),opacity var(--duration-md) var(--spring);font-weight:300;box-shadow:var(--shadow-accent);flex-shrink:0}.add-task-btn:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 6px 20px #5046e566}.add-task-btn:active{transform:scale(.92)}.task-list-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.task-item{position:relative;cursor:pointer;animation:taskSlideIn var(--duration-md) var(--spring) backwards}@keyframes taskSlideIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.delete-task-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%) scale(.8);width:28px;height:28px;border:none;background:var(--danger);color:#fff;border-radius:50%;cursor:pointer;opacity:0;transition:background var(--duration-md) var(--spring),color var(--duration-md) var(--spring),box-shadow var(--duration-md) var(--spring),transform var(--duration-md) var(--spring),border-color var(--duration-md) var(--spring),opacity var(--duration-md) var(--spring);font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #e5393f4d}.delete-task-btn:hover{transform:translateY(-50%) scale(1.15);box-shadow:0 4px 12px #e5393f66}.task-card{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--bg-secondary);border-radius:var(--radius);box-shadow:var(--shadow);cursor:grab;transition:background var(--duration-md) var(--spring),color var(--duration-md) var(--spring),box-shadow var(--duration-md) var(--spring),transform var(--duration-md) var(--spring),border-color var(--duration-md) var(--spring),opacity var(--duration-md) var(--spring);border:1px solid var(--border-color)}.task-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md),0 0 0 1px var(--accent-light);transform:translate(4px)}.task-card:active{cursor:grabbing;transform:scale(.97)}.task-desc-tooltip{max-height:0;overflow:hidden;opacity:0;font-size:12px;color:var(--text-secondary);line-height:1.5;padding:0 0 0 2px;margin-top:0;word-break:break-word;transition:max-height .25s var(--ease-out),opacity .2s,margin-top .2s;border-top:0px solid var(--border-subtle)}.task-card:hover .task-desc-tooltip{max-height:120px;opacity:1;margin-top:6px}.task-card.scheduled{border-left:3px solid}.task-color{width:6px;height:44px;border-radius:var(--radius-full);flex-shrink:0}.task-content{flex:1;min-width:0}.task-title{font-family:Outfit,sans-serif;font-weight:600;font-size:14px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-meta{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.repeat-badge{font-size:10px;padding:2px 8px;background:var(--accent-light);color:var(--accent);border-radius:var(--radius-full);font-weight:700;font-family:Outfit,sans-serif;text-transform:uppercase;letter-spacing:.5px}.empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary);font-family:Outfit,sans-serif}.empty-hint{font-size:13px;margin-top:8px;opacity:.6;font-family:Plus Jakarta Sans,sans-serif}.drag-overlay-task{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--bg-secondary);border-radius:var(--radius);box-shadow:var(--shadow-xl);opacity:.95;border:2px solid var(--accent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.drag-overlay-task .task-color{width:6px;height:36px}.day-view-overlay{position:fixed;inset:0;background:#0a0a1480;display:flex;align-items:center;justify-content:center;z-index:100;animation:overlayFadeIn var(--duration-md) var(--ease-out);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.day-view{background:var(--bg-secondary);border-radius:var(--radius-xl);width:92%;max-width:620px;max-height:86vh;display:flex;flex-direction:column;animation:modalSpringIn var(--duration-lg) var(--spring);border:1px solid var(--border-color);box-shadow:var(--shadow-xl);overflow:hidden}@keyframes modalSpringIn{0%{transform:translateY(30px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.day-view-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color)}.day-view-header h2{font-family:Outfit,sans-serif;font-size:22px;font-weight:800;text-transform:capitalize;letter-spacing:-.03em}.close-btn{width:38px;height:38px;border:none;background:var(--bg-tertiary);border-radius:50%;cursor:pointer;font-size:22px;display:flex;align-items:center;justify-content:center;transition:background var(--duration-md) var(--spring),color var(--duration-md) var(--spring),box-shadow var(--duration-md) var(--spring),transform var(--duration-md) var(--spring),border-color var(--duration-md) var(--spring),opacity var(--duration-md) var(--spring);color:var(--text-primary)}.close-btn:hover{background:var(--danger);color:#fff;transform:rotate(90deg) scale(1.05);box-shadow:0 4px 12px #e5393f4d}.day-view-content{flex:1;overflow-y:auto;padding:20px}.day-view-content.drag-over{background:var(--accent-light)}.day-timeline{display:flex;flex-direction:column}.timeline-hour{display:flex;min-height:56px;border-bottom:1px solid var(--border-subtle);transition:background var(--duration) var(--ease-smooth),color var(--duration) var(--ease-smooth),box-shadow var(--duration) var(--ease-smooth),transform var(--duration) var(--ease-smooth),border-color var(--duration) var(--ease-smooth),opacity var(--duration) var(--ease-smooth)}.timeline-hour:hover{background:var(--bg-tertiary)}.timeline-hour.drag-over{background:var(--accent-light);border-color:var(--accent);border-style:dashed}.hour-label{width:70px;font-size:12px;font-weight:700;font-family:Outfit,sans-serif;color:var(--text-muted);padding:12px;flex-shrink:0;text-align:right}.hour-content{flex:1;padding:6px 12px;display:flex;align-items:flex-start}.hour-content.drag-over{background:var(--accent-light);border-radius:var(--radius)}.tasks-at-hour{display:flex;flex-direction:column;gap:8px;width:100%}.empty-hour{height:100%;min-height:44px;border:2px dashed var(--border-color);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-muted);transition:background var(--duration-md) var(--spring),color var(--duration-md) var(--spring),box-shadow var(--duration-md) var(--spring),transform var(--duration-md) var(--spring),border-color var(--duration-md) var(--spring),opacity var(--duration-md) var(--spring);cursor:pointer;-webkit-user-select:none;user-select:none}.empty-hour:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);transform:scale(1.01)}.scheduled-task{width:100%;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius);border-left:4px solid;cursor:grab;transition:background var(--duration-md) var(--spring),color var(--duration-md) var(--spring),box-shadow var(--duration-md) var(--spring),transform var(--duration-md) var(--spring),border-color var(--duration-md) var(--spring),opacity var(--duration-md) var(--spring)}.scheduled-task:hover{background:var(--bg-primary);transform:translate(4px);box-shadow:var(--shadow-md)}.scheduled-task:active{cursor:grabbing;transform:scale(.98)}.task-time{font-size:12px;font-weight:700;font-family:Outfit,sans-serif;color:var(--text-secondary);margin-bottom:4px}.unschedule-btn{margin-top:10px;padding:6px 12px;font-size:11px;font-weight:600;border:1.5px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;cursor:pointer;transition:background var(--duration) var(--spring),color var(--duration) var(--spring),box-shadow var(--duration) var(--spring),transform var(--duration) var(--spring),border-color var(--duration) var(--spring),opacity var(--duration) var(--spring);font-family:Plus Jakarta Sans,sans-serif}.unschedule-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);transform:translateY(-1px)}.empty-day{text-align:center;padding:60px 20px;color:var(--text-secondary);font-family:Outfit,sans-serif}.hint{font-size:13px;margin-top:8px;opacity:.6}.modal-overlay{position:fixed;inset:0;background:#0a0a1480;display:flex;align-items:center;justify-content:center;z-index:400;animation:overlayFadeIn var(--duration-md) var(--ease-out);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal{background:var(--bg-secondary);border-radius:var(--radius-xl);width:92%;max-width:480px;max-height:90vh;overflow-y:auto;animation:modalSpringIn var(--duration-lg) var(--spring);border:1px solid var(--border-color);box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-secondary);z-index:1;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.modal-header h3{font-family:Outfit,sans-serif;font-size:18px;font-weight:800;letter-spacing:-.03em}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:12px;font-weight:700;font-family:Outfit,sans-serif;margin-bottom:8px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 14px;border:2px solid var(--border-color);border-radius:var(--radius);font-size:14px;outline:none;transition:background var(--duration-md) var(--spring),color var(--duration-md) var(--spring),box-shadow var(--duration-md) var(--spring),transform var(--duration-md) var(--spring),border-color var(--duration-md) var(--spring),opacity var(--duration-md) var(--spring);font-family:Plus Jakarta Sans,sans-serif;background:var(--bg-tertiary);color:var(--text-primary)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-light);transform:translateY(-1px)}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.duration-input-row{display:flex;align-items:center;gap:8px}.duration-input-row input[type=number]{width:90px;flex-shrink:0}.duration-unit{font-size:13px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.duration-presets{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.duration-preset{padding:4px 10px;border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);font-size:12px;font-weight:600;font-family:Plus Jakarta Sans,sans-serif;cursor:pointer;transition:background var(--duration) var(--ease-smooth),color var(--duration) var(--ease-smooth),box-shadow var(--duration) var(--ease-smooth),transform var(--duration) var(--ease-smooth),border-color var(--duration) var(--ease-smooth),opacity var(--duration) var(--ease-smooth)}.duration-preset:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.duration-preset.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:var(--shadow-accent)}.color-picker{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto}.color-option{width:30px;height:30px;min-width:30px;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:transform .15s var(--spring),border-color .15s}.color-option:hover{transform:scale(1.2)}.color-option.selected{border-color:var(--text-primary);transform:scale(1.15)}.repeat-options{display:flex;gap:8px;flex-wrap:wrap}.repeat-option{padding:10px 16px;border:2px solid var(--border-color);border-radius:var(--radius);background:var(--bg-tertiary);cursor:pointer;font-size:13px;font-weight:600;font-family:Plus Jakarta Sans,sans-serif;transition:background var(--duration) var(--spring),color var(--duration) var(--spring),box-shadow var(--duration) var(--spring),transform var(--duration) var(--spring),border-color var(--duration) var(--spring),opacity var(--duration) var(--spring)}.repeat-option:hover{border-color:var(--accent);transform:translateY(-1px)}.repeat-option.selected{border-color:var(--accent);background:var(--accent-light);color:var(--accent);box-shadow:var(--shadow-accent)}.modal-footer{display:flex;gap:10px;padding:20px 24px;border-top:1px solid var(--border-color);justify-content:flex-end}.btn-primary,.btn-secondary,.btn-danger{padding:10px 20px;border:none;border-radius:var(--radius);font-size:13px;font-weight:700;font-family:Outfit,sans-serif;cursor:pointer;transition:background var(--duration-md) var(--spring),color var(--duration-md) var(--spring),box-shadow var(--duration-md) var(--spring),transform var(--duration-md) var(--spring),border-color var(--duration-md) var(--spring),opacity var(--duration-md) var(--spring);display:inline-flex;align-items:center;gap:6px;letter-spacing:.01em}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-accent)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5046e566}.btn-primary:active{transform:translateY(0) scale(.97)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color);border-color:var(--text-secondary);transform:translateY(-1px)}.btn-danger{background:transparent;color:var(--danger);border:1px solid transparent}.btn-danger:hover{background:var(--danger-light);border-color:#e5393f40;transform:translateY(-1px)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.kanban-headers-bar{display:flex;flex-shrink:0;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:6px 0}.kanban-gutter-spacer{width:54px;flex-shrink:0}.kanban-col-headers{flex:1;display:flex;gap:4px;padding:0 4px}.kanban-col-header{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;cursor:pointer;transition:background var(--duration-md) var(--spring),color var(--duration-md) var(--spring),box-shadow var(--duration-md) var(--spring),transform var(--duration-md) var(--spring),border-color var(--duration-md) var(--spring),opacity var(--duration-md) var(--spring);border-radius:var(--radius);min-width:0}.kanban-col-header:hover{background:var(--accent-light);transform:translateY(-1px)}.kanban-col-today{background:var(--accent-light);position:relative}.kanban-col-today:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:3px;background:var(--accent-gradient);border-radius:3px 3px 0 0}.kanban-day-name{font-size:11px;font-weight:700;font-family:Outfit,sans-serif;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.kanban-day-num{font-family:Outfit,sans-serif;font-size:20px;font-weight:800;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;line-height:1;transition:background var(--duration) var(--spring),color var(--duration) var(--spring),box-shadow var(--duration) var(--spring),transform var(--duration) var(--spring),border-color var(--duration) var(--spring),opacity var(--duration) var(--spring)}.kanban-day-num.today-circle{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-accent)}.kanban-day-date{font-size:11px;font-weight:500;color:var(--text-muted)}.kanban-col-today .kanban-day-date{color:var(--accent)}.kanban-task-count{font-size:10px;font-weight:700;font-family:Outfit,sans-serif;color:var(--accent);background:var(--accent-light);padding:2px 8px;border-radius:var(--radius-full)}.kanban-scroll{flex:1;overflow-y:auto;overflow-x:hidden}.kanban-container{display:flex;min-height:100%}.kanban-gutter{width:54px;flex-shrink:0}.kanban-gutter-label{display:flex;align-items:flex-start;justify-content:flex-end;padding:0 8px;font-size:10px;font-weight:700;font-family:Outfit,sans-serif;color:var(--text-muted);position:relative;top:-7px}.kanban-columns{flex:1;display:flex;gap:4px;padding:0 4px}.kanban-body{flex:1;position:relative;overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0 0 var(--radius) var(--radius);transition:background var(--duration) var(--ease-smooth),color var(--duration) var(--ease-smooth),box-shadow var(--duration) var(--ease-smooth),transform var(--duration) var(--ease-smooth),border-color var(--duration) var(--ease-smooth),opacity var(--duration) var(--ease-smooth);min-width:0}.kanban-body.drag-over{background:var(--accent-light);border-color:var(--accent);box-shadow:inset 0 0 20px var(--accent-light)}.kanban-body.kanban-today-body{border-color:var(--accent);background:#5046e505}[data-theme=dark] .kanban-body.kanban-today-body{background:#7c6ff70a}.week-hour-line{position:absolute;left:0;right:0;height:1px;background:var(--border-subtle);pointer-events:none}.week-task-block{position:absolute;left:3px;right:3px;border-radius:8px;padding:4px 8px;color:#fff;overflow:hidden;cursor:grab;z-index:2;box-shadow:0 2px 6px #00000026,inset 0 1px #ffffff2e;transition:background var(--duration) var(--spring),color var(--duration) var(--spring),box-shadow var(--duration) var(--spring),transform var(--duration) var(--spring),border-color var(--duration) var(--spring),opacity var(--duration) var(--spring);display:flex;flex-direction:column;gap:1px}.week-task-block:hover{transform:scale(1.03) translateY(-1px);box-shadow:0 6px 16px #0003,inset 0 1px #ffffff2e;z-index:3}.week-task-block:active{cursor:grabbing;transform:scale(.97)}.week-task-block.completed{opacity:.4}.week-task-check{position:absolute;top:4px;right:4px;width:18px;height:18px;border:1.5px solid rgba(255,255,255,.5);background:transparent;border-radius:50%;font-size:0;cursor:pointer;padding:0;color:#fff;transition:background .15s,border-color .15s,font-size .15s,opacity .2s;z-index:3;display:flex;align-items:center;justify-content:center;opacity:0}.week-task-block:hover .week-task-check{opacity:.7}.week-task-check:hover{opacity:1!important;border-color:#ffffffe6;background:#fff3}.week-task-block.completed .week-task-check{background:#ffffffd9;border-color:#ffffffd9;color:#333;font-size:11px;opacity:1}.week-task-time{font-size:10px;font-weight:700;font-family:Outfit,sans-serif;opacity:.9;line-height:1}.week-task-title{font-size:11px;font-weight:600;font-family:Plus Jakarta Sans,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.kanban-now-line{position:absolute;left:0;right:0;height:2px;background:var(--danger);pointer-events:none;z-index:10;box-shadow:0 0 8px #e5393f66}.kanban-now-dot{position:absolute;left:-5px;top:-5px;width:12px;height:12px;border-radius:50%;background:var(--danger);box-shadow:0 0 6px #e5393f80;animation:nowPulse 2s ease-in-out infinite}@keyframes nowPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.today-btn{padding:7px 16px;border:1.5px solid var(--accent);background:var(--accent-light);border-radius:var(--radius-full);font-size:12px;font-weight:700;font-family:Outfit,sans-serif;cursor:pointer;color:var(--accent);transition:background var(--duration-md) var(--spring),color var(--duration-md) var(--spring),box-shadow var(--duration-md) var(--spring),transform var(--duration-md) var(--spring),border-color var(--duration-md) var(--spring),opacity var(--duration-md) var(--spring);letter-spacing:.3px}.today-btn:hover{background:var(--accent);color:#fff;transform:scale(1.05);box-shadow:var(--shadow-accent)}.today-btn:active{transform:scale(.95)}.search-wrapper{position:relative;margin-bottom:12px}.search-input{width:100%;padding:10px 14px;border:1.5px solid var(--border-color);border-radius:var(--radius);font-size:13px;font-family:Plus Jakarta Sans,sans-serif;outline:none;background:var(--bg-secondary);color:var(--text-primary);transition:background var(--duration-md) var(--spring),color var(--duration-md) var(--spring),box-shadow var(--duration-md) var(--spring),transform var(--duration-md) var(--spring),border-color var(--duration-md) var(--spring),opacity var(--duration-md) var(--spring)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-light);transform:translateY(-1px)}.search-input::placeholder{color:var(--text-muted)}.search-count{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:700;font-family:Outfit,sans-serif;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-full)}.add-task-row{display:flex;gap:8px;margin-top:8px;align-items:center}.priority-mini-select{display:flex;gap:4px}.priority-mini-btn{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:background var(--duration) var(--spring),color var(--duration) var(--spring),box-shadow var(--duration) var(--spring),transform var(--duration) var(--spring),border-color var(--duration) var(--spring),opacity var(--duration) var(--spring);flex-shrink:0}.priority-mini-btn.active{border-color:var(--text-primary);transform:scale(1.2)}.priority-mini-low{background:#9ca3af}.priority-mini-medium{background:#f97316}.priority-mini-high{background:#ef4444}.task-title-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.priority-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.priority-dot-low{background:#9ca3af}.priority-dot-medium{background:#f97316}.priority-dot-high{background:#ef4444}.duration-badge{display:inline-block;padding:2px 8px;background:var(--accent-light);color:var(--accent);border-radius:var(--radius-full);font-size:11px;font-weight:700;font-family:Outfit,sans-serif}.task-color-bar{width:4px;align-self:stretch;border-radius:var(--radius-full);flex-shrink:0}.day-view-header-left{display:flex;flex-direction:column;gap:4px}.completion-count{font-size:13px;color:var(--text-secondary);font-weight:500}.task-title-day{font-family:Outfit,sans-serif;font-size:14px;font-weight:600;margin-bottom:6px}.task-title-day.strikethrough{text-decoration:line-through;opacity:.5}.scheduled-task.task-completed{opacity:.55}.scheduled-task-actions{display:flex;gap:8px;margin-top:8px}.complete-btn{padding:5px 12px;font-size:11px;font-weight:700;font-family:Outfit,sans-serif;border:1.5px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;cursor:pointer;transition:background var(--duration) var(--spring),color var(--duration) var(--spring),box-shadow var(--duration) var(--spring),transform var(--duration) var(--spring),border-color var(--duration) var(--spring),opacity var(--duration) var(--spring);color:var(--text-secondary)}.complete-btn:hover{border-color:var(--success);color:var(--success);background:var(--success-light);transform:translateY(-1px)}.complete-btn.done{border-color:var(--success);color:var(--success);background:var(--success-light)}.timeline-hour.current-hour{background:var(--accent-light)}.timeline-hour.current-hour .hour-label{color:var(--accent);font-weight:800}.quick-add-wrapper{width:100%;padding:2px 0}.quick-add-input{width:100%;padding:7px 12px;border:2px solid var(--accent);border-radius:8px;font-size:13px;font-family:Plus Jakarta Sans,sans-serif;outline:none;background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 0 0 4px var(--accent-light);animation:quickAddPop var(--duration-md) var(--spring)}@keyframes quickAddPop{0%{transform:scaleY(.8);opacity:0}to{transform:scaleY(1);opacity:1}}.priority-options{display:flex;gap:8px}.priority-option{flex:1;padding:8px 12px;border:2px solid var(--border-color);border-radius:var(--radius);background:var(--bg-tertiary);cursor:pointer;font-size:13px;font-weight:600;transition:background var(--duration) var(--spring),color var(--duration) var(--spring),box-shadow var(--duration) var(--spring),transform var(--duration) var(--spring),border-color var(--duration) var(--spring),opacity var(--duration) var(--spring);text-align:center}.priority-option-low.selected{border-color:#9ca3af;background:#9ca3af1f;color:#9ca3af}.priority-option-medium.selected{border-color:#f97316;background:#f973161a;color:#f97316}.priority-option-high.selected{border-color:#ef4444;background:#ef44441a;color:#ef4444}.priority-option:hover{border-color:var(--text-secondary);transform:translateY(-1px)}.quarter-view,.year-view{flex:1;display:flex;flex-direction:column;overflow-y:auto;gap:16px}.quarter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:8px 0}.year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:8px 0}.mini-month{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:14px;border:1px solid var(--border-color);transition:background var(--duration-md) var(--spring),color var(--duration-md) var(--spring),box-shadow var(--duration-md) var(--spring),transform var(--duration-md) var(--spring),border-color var(--duration-md) var(--spring),opacity var(--duration-md) var(--spring)}.mini-month:hover{box-shadow:var(--shadow-lg);border-color:var(--accent);transform:translateY(-2px)}.mini-month-title{font-family:Outfit,sans-serif;font-size:15px;font-weight:800;text-align:center;margin-bottom:10px;cursor:pointer;text-transform:capitalize;color:var(--text-primary);transition:background var(--duration) var(--ease-smooth),color var(--duration) var(--ease-smooth),box-shadow var(--duration) var(--ease-smooth),transform var(--duration) var(--ease-smooth),border-color var(--duration) var(--ease-smooth),opacity var(--duration) var(--ease-smooth);letter-spacing:-.02em}.mini-month-title:hover{color:var(--accent)}.mini-month-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:9px;font-weight:700;font-family:Outfit,sans-serif;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.mini-month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.mini-day{position:relative;text-align:center;font-size:12px;font-family:Outfit,sans-serif;font-weight:500;padding:4px 2px;border-radius:8px;cursor:pointer;transition:background var(--duration) var(--spring),color var(--duration) var(--spring),box-shadow var(--duration) var(--spring),transform var(--duration) var(--spring),border-color var(--duration) var(--spring),opacity var(--duration) var(--spring);color:var(--text-primary)}.mini-day:hover{background:var(--accent-light);color:var(--accent);transform:scale(1.1)}.mini-day.empty{cursor:default}.mini-day.today{background:var(--accent-gradient);color:#fff;font-weight:800;border-radius:50%;box-shadow:var(--shadow-accent)}.mini-day.has-tasks{font-weight:700}.mini-dot{position:absolute;bottom:1px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--accent)}.day-full-wrapper{display:flex;flex-direction:column;height:100%;overflow:hidden}.day-full-wrapper .calendar{flex:none;padding:24px 24px 0}.day-full-view{flex:1;display:flex;flex-direction:column;padding:0 24px 24px;overflow:hidden}.day-full-stats{padding:8px 0;flex-shrink:0}.day-full-content{flex:1;overflow-y:auto}.repeat-manage-section{padding:16px 24px;border-top:1px solid var(--border-color)}.repeat-manage-section label{display:block;font-size:12px;font-weight:700;font-family:Outfit,sans-serif;margin-bottom:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.repeat-manage-buttons{display:flex;gap:8px;flex-wrap:wrap}.btn-outline{padding:8px 16px;border:1.5px solid var(--border-color);border-radius:var(--radius);background:transparent;font-size:13px;font-weight:600;font-family:Plus Jakarta Sans,sans-serif;cursor:pointer;color:var(--text-primary);transition:background var(--duration) var(--spring),color var(--duration) var(--spring),box-shadow var(--duration) var(--spring),transform var(--duration) var(--spring),border-color var(--duration) var(--spring),opacity var(--duration) var(--spring)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);transform:translateY(-1px)}.btn-outline-danger{color:var(--danger);border-color:var(--danger)}.btn-outline-danger:hover{background:var(--danger-light);border-color:var(--danger);color:var(--danger)}.day-timeline-toolbar{display:flex;align-items:center;gap:8px;padding:0 0 12px;flex-shrink:0}.toolbar-btn{padding:6px 14px;border:1.5px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-tertiary);font-size:12px;font-weight:700;font-family:Outfit,sans-serif;cursor:pointer;color:var(--text-secondary);transition:background var(--duration) var(--spring),color var(--duration) var(--spring),box-shadow var(--duration) var(--spring),transform var(--duration) var(--spring),border-color var(--duration) var(--spring),opacity var(--duration) var(--spring)}.toolbar-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);transform:translateY(-1px);box-shadow:var(--shadow)}.toolbar-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.toolbar-btn-danger{color:var(--danger);border-color:transparent}.toolbar-btn-danger:hover{background:var(--danger-light);border-color:#e5393f40;color:var(--danger)}.toolbar-selection-count{font-size:12px;font-weight:700;font-family:Outfit,sans-serif;color:var(--text-secondary);margin-right:4px}.task-checkbox{width:20px;height:20px;border:2px solid var(--border-color);border-radius:6px;flex-shrink:0;transition:background var(--duration) var(--spring),color var(--duration) var(--spring),box-shadow var(--duration) var(--spring),transform var(--duration) var(--spring),border-color var(--duration) var(--spring),opacity var(--duration) var(--spring);margin-bottom:4px;cursor:pointer}.task-checkbox:hover{border-color:var(--accent)}.task-checkbox-checked{background:var(--accent-gradient);border-color:var(--accent);position:relative;animation:checkPop var(--duration-md) var(--spring)}@keyframes checkPop{0%{transform:scale(.8)}50%{transform:scale(1.15)}to{transform:scale(1)}}.task-checkbox-checked:after{content:"";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E") center/14px no-repeat}.scheduled-task.task-selected{background:var(--accent-light);border-left-color:var(--accent)!important;outline:2px solid var(--accent);outline-offset:-2px;box-shadow:var(--shadow-accent)}.resize-handle{position:absolute;bottom:0;left:0;right:0;height:10px;cursor:ns-resize;display:flex;align-items:flex-end;justify-content:center;padding-bottom:3px;opacity:0;transition:opacity var(--duration);z-index:2}.resize-handle:before{content:"";width:24px;height:2px;background:#ffffff73;border-radius:var(--radius-full)}.week-task-block:hover .resize-handle{opacity:1}.week-task-block.resizing{cursor:ns-resize;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent);z-index:10;opacity:.9}.week-day-grid-task.is-resizing{cursor:ns-resize;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--accent);z-index:10}.week-task-block.resizing .week-task-check{pointer-events:none;opacity:.3}.category-badge{font-size:10px;font-weight:700;font-family:Outfit,sans-serif;padding:2px 8px;border-radius:var(--radius-full);flex-shrink:0;white-space:nowrap;letter-spacing:.3px}.category-filter{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.cat-filter-btn{padding:4px 12px;border:1.5px solid var(--border-color);border-radius:var(--radius-full);background:transparent;font-size:11px;font-weight:700;font-family:Outfit,sans-serif;cursor:pointer;color:var(--text-secondary);transition:background var(--duration) var(--spring),color var(--duration) var(--spring),box-shadow var(--duration) var(--spring),transform var(--duration) var(--spring),border-color var(--duration) var(--spring),opacity var(--duration) var(--spring)}.cat-filter-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-light);box-shadow:var(--shadow-xs)}.cat-filter-btn:hover{border-color:var(--text-secondary);color:var(--text-primary);transform:translateY(-1px)}.category-options{display:flex;flex-wrap:wrap;gap:8px}.category-option{padding:8px 16px;border:2px solid var(--border-color);border-radius:var(--radius);background:var(--bg-tertiary);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--duration) var(--spring),color var(--duration) var(--spring),box-shadow var(--duration) var(--spring),transform var(--duration) var(--spring),border-color var(--duration) var(--spring),opacity var(--duration) var(--spring)}.category-option:hover{border-color:var(--text-secondary);transform:translateY(-1px)}.category-option.selected{border-color:var(--accent);background:var(--accent-light);color:var(--accent);box-shadow:var(--shadow-accent)}.catpick{display:flex;flex-direction:column;gap:8px}.catpick-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.catpick-chip{display:inline-flex;align-items:center;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-tertiary);font-size:12.5px;font-weight:600;color:var(--text-primary);overflow:hidden;transition:border-color var(--duration),background var(--duration),color var(--duration)}.catpick-chip:hover{border-color:var(--text-secondary)}.catpick-chip.selected{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.catpick-chip-main,button.catpick-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:none;background:transparent;color:inherit;font:inherit;cursor:pointer}button.catpick-chip{border-radius:999px}.catpick-dot{width:8px;height:8px;border-radius:50%;flex:none}.catpick-del{display:inline-flex;align-items:center;justify-content:center;width:20px;align-self:stretch;border:none;background:transparent;color:var(--text-muted);font-size:15px;line-height:1;cursor:pointer;padding:0 7px 0 2px}.catpick-del:hover{color:#ef4444}.catpick-add{padding:5px 11px;border:1px dashed var(--border-color);border-radius:999px;background:transparent;color:var(--text-secondary);font-size:12.5px;font-weight:600;cursor:pointer;transition:border-color var(--duration),color var(--duration)}.catpick-add:hover{border-color:var(--accent);color:var(--accent)}.catpick-form{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-tertiary)}.catpick-input{width:100%;padding:7px 10px;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary);font-size:13px;outline:none}.catpick-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.catpick-swatches{display:flex;flex-wrap:wrap;gap:6px}.catpick-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:transform var(--duration),border-color var(--duration)}.catpick-swatch:hover{transform:scale(1.12)}.catpick-swatch.selected{border-color:var(--text-primary)}.catpick-form-actions{display:flex;gap:6px}.catpick-save,.catpick-cancel{padding:6px 14px;border-radius:var(--radius);font-size:12.5px;font-weight:600;cursor:pointer;border:none}.catpick-save{background:var(--accent);color:#fff}.catpick-save:disabled{opacity:.5;cursor:not-allowed}.catpick-cancel{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.task-chip-cat-dot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:4px;flex-shrink:0;vertical-align:middle}.week-task-cat{position:absolute;bottom:5px;left:6px;width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 1.5px #fff6}.task-cat-badge{font-size:10px;font-weight:700;font-family:Outfit,sans-serif;padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap}.busy-toggle{display:flex;gap:0;border:1.5px solid var(--border-color);border-radius:var(--radius);overflow:hidden}.busy-btn{flex:1;padding:9px 16px;border:none;background:var(--bg-tertiary);font-size:13px;font-weight:700;font-family:Outfit,sans-serif;cursor:pointer;transition:background var(--duration) var(--spring),color var(--duration) var(--spring),box-shadow var(--duration) var(--spring),transform var(--duration) var(--spring),border-color var(--duration) var(--spring),opacity var(--duration) var(--spring);color:var(--text-secondary)}.busy-btn.busy-active{background:#e5393f1a;color:var(--danger)}.busy-btn.free-active{background:var(--success-light);color:var(--success)}.task-free-badge{font-size:10px;font-weight:700;font-family:Outfit,sans-serif;color:var(--success);background:var(--success-light);padding:2px 8px;border-radius:var(--radius-full)}.task-free-item{opacity:.75;border-style:dashed!important}.task-block-free{opacity:.6;background-image:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(255,255,255,.08) 4px,rgba(255,255,255,.08) 8px)!important}.task-free{opacity:.75}.task-time-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:2px}.week-create-ghost{position:absolute;left:3px;right:3px;background:var(--accent);opacity:.2;border-radius:8px;pointer-events:none;z-index:5;border:2px dashed var(--accent);animation:ghostPulse 1.5s ease-in-out infinite}@keyframes ghostPulse{0%,to{opacity:.2}50%{opacity:.35}}.create-input-wrapper{opacity:1;pointer-events:all;display:flex;flex-direction:column;padding:6px 8px;gap:4px;background:var(--bg-secondary);border:2px solid var(--accent);opacity:.97;z-index:20;border-radius:8px;box-shadow:var(--shadow-lg);animation:modalSpringIn var(--duration-md) var(--spring)}.week-create-input{width:100%;border:none;background:transparent;font-size:12px;font-weight:600;font-family:Plus Jakarta Sans,sans-serif;color:var(--text-primary);outline:none;padding:0}.week-create-hint{font-size:10px;color:var(--accent);font-weight:600;font-family:Outfit,sans-serif}.overload-warning{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--warning-light);border:1.5px solid rgba(245,158,11,.3);border-radius:var(--radius);font-size:12px;font-weight:700;font-family:Outfit,sans-serif;color:var(--warning);margin-bottom:12px;flex-shrink:0;animation:warningShake .5s var(--spring)}@keyframes warningShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.overload-warning:before{content:"";font-size:14px}.focus-start-btn{padding:5px 12px;font-size:11px;font-weight:700;font-family:Outfit,sans-serif;border:1.5px solid var(--accent);background:var(--accent-light);border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-md) var(--spring),color var(--duration-md) var(--spring),box-shadow var(--duration-md) var(--spring),transform var(--duration-md) var(--spring),border-color var(--duration-md) var(--spring),opacity var(--duration-md) var(--spring);color:var(--accent)}.focus-start-btn:hover{background:var(--accent);color:#fff;transform:scale(1.05);box-shadow:var(--shadow-accent)}.focus-timer{position:fixed;bottom:24px;right:24px;width:250px;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:300;padding:22px;animation:timerSlideIn var(--duration-lg) var(--spring);display:flex;flex-direction:column;align-items:center;gap:16px}@keyframes timerSlideIn{0%{transform:translateY(40px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.focus-timer-header{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:8px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.focus-timer-header:active{cursor:grabbing}.focus-header-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.focus-eyebrow{font-family:Outfit,sans-serif;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.focus-task-title{font-family:Outfit,sans-serif;font-size:14px;font-weight:800;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.02em}.focus-close-btn{width:26px;height:26px;border:none;background:var(--bg-tertiary);border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0;transition:background var(--duration-md) var(--spring),color var(--duration-md) var(--spring),box-shadow var(--duration-md) var(--spring),transform var(--duration-md) var(--spring),border-color var(--duration-md) var(--spring),opacity var(--duration-md) var(--spring)}.focus-close-btn:hover{background:var(--danger);color:#fff;transform:rotate(90deg)}.focus-circle-wrapper{position:relative;width:110px;height:110px;display:flex;align-items:center;justify-content:center}.focus-circle{transform:rotate(-90deg);filter:drop-shadow(0 2px 8px var(--accent-glow))}.focus-circle-bg{fill:none;stroke:var(--border-color);stroke-width:8}.focus-circle-progress{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.focus-time{position:absolute;font-family:Outfit,sans-serif;font-size:26px;font-weight:900;font-variant-numeric:tabular-nums;color:var(--text-primary);letter-spacing:-1px}.focus-controls{display:flex;gap:8px;width:100%}.focus-btn{flex:1;padding:10px 14px;border:1.5px solid var(--accent);border-radius:var(--radius);background:var(--accent-gradient);color:#fff;font-size:12px;font-weight:800;font-family:Outfit,sans-serif;cursor:pointer;transition:background var(--duration-md) var(--spring),color var(--duration-md) var(--spring),box-shadow var(--duration-md) var(--spring),transform var(--duration-md) var(--spring),border-color var(--duration-md) var(--spring),opacity var(--duration-md) var(--spring);box-shadow:var(--shadow-accent)}.focus-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5046e566}.focus-btn:active{transform:translateY(0) scale(.97)}.focus-btn-outline{background:transparent;color:var(--accent);box-shadow:none}.focus-btn-outline:hover{background:var(--accent-light);box-shadow:none}.focus-presets{display:flex;gap:6px;width:100%}.focus-preset-btn{flex:1;padding:6px;border:1.5px solid var(--border-color);border-radius:var(--radius);background:var(--bg-tertiary);font-size:11px;font-weight:700;font-family:Outfit,sans-serif;cursor:pointer;color:var(--text-secondary);transition:background var(--duration) var(--spring),color var(--duration) var(--spring),box-shadow var(--duration) var(--spring),transform var(--duration) var(--spring),border-color var(--duration) var(--spring),opacity var(--duration) var(--spring)}.focus-preset-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);transform:translateY(-1px)}.focus-done{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;text-align:center;animation:doneReveal var(--duration-lg) var(--spring)}@keyframes doneReveal{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.focus-done-icon{width:52px;height:52px;background:var(--success-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--success);box-shadow:0 4px 12px #10b98133}.focus-done-text{font-family:Outfit,sans-serif;font-size:20px;font-weight:900;color:var(--success);letter-spacing:-.03em}.focus-done-sub{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.templates-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.template-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius);gap:10px;transition:background var(--duration) var(--spring),color var(--duration) var(--spring),box-shadow var(--duration) var(--spring),transform var(--duration) var(--spring),border-color var(--duration) var(--spring),opacity var(--duration) var(--spring)}.template-item:hover{border-color:var(--accent);box-shadow:var(--shadow)}.template-info{flex:1;min-width:0}.template-name{font-family:Outfit,sans-serif;font-size:14px;font-weight:700;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-meta{font-size:11px;color:var(--text-secondary)}.template-actions{display:flex;gap:6px;flex-shrink:0}.stats-view{flex:1;display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding-bottom:20px}.stats-nav{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.stats-nav h3{font-family:Outfit,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--text)}.stats-period{font-size:12px;font-weight:600;color:var(--text-muted);font-family:Outfit,sans-serif}.stats-cards{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}.stats-card{flex:1;min-width:100px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:18px;text-align:center;transition:background var(--duration-md) var(--spring),color var(--duration-md) var(--spring),box-shadow var(--duration-md) var(--spring),transform var(--duration-md) var(--spring),border-color var(--duration-md) var(--spring),opacity var(--duration-md) var(--spring)}.stats-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stats-card-accent{background:var(--accent-light);border-color:var(--accent)}.stats-card-warn{background:var(--warning-light);border-color:#f59e0b4d}.stats-card-value{font-family:Outfit,sans-serif;font-size:26px;font-weight:900;color:var(--text-primary);line-height:1.1;letter-spacing:-.03em}.stats-card-accent .stats-card-value{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-card-warn .stats-card-value{color:var(--warning)}.stats-card-label{font-size:11px;font-weight:600;font-family:Outfit,sans-serif;color:var(--text-secondary);margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.stats-section{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:22px;transition:background var(--duration-md) var(--ease-smooth),color var(--duration-md) var(--ease-smooth),box-shadow var(--duration-md) var(--ease-smooth),transform var(--duration-md) var(--ease-smooth),border-color var(--duration-md) var(--ease-smooth),opacity var(--duration-md) var(--ease-smooth)}.stats-section:hover{box-shadow:var(--shadow-md)}.stats-section-title{font-family:Outfit,sans-serif;font-size:13px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:18px}.stats-bar-chart{display:flex;gap:8px;align-items:flex-end;height:130px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%}.bar-col-today .bar-day-label{color:var(--accent);font-weight:800}.bar-label-top{font-size:9px;font-weight:700;font-family:Outfit,sans-serif;color:var(--text-muted);height:14px;white-space:nowrap}.bar-track{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.bar-fill{width:70%;background:var(--border-color);border-radius:6px 6px 0 0;position:relative;min-height:4px;overflow:hidden;transition:height .5s var(--spring)}.bar-done{position:absolute;bottom:0;left:0;right:0;background:var(--accent-gradient);border-radius:0;transition:height .5s var(--spring)}.bar-day-label{font-size:11px;font-weight:700;font-family:Outfit,sans-serif;color:var(--text-secondary);text-transform:capitalize}.bar-date-label{font-size:11px;font-family:Outfit,sans-serif;color:var(--text-muted)}.bar-legend{display:flex;gap:16px;margin-top:12px;justify-content:flex-end}.bar-legend-item{font-size:11px;font-weight:700;font-family:Outfit,sans-serif;color:var(--text-secondary);display:flex;align-items:center;gap:5px}.bar-legend-item:before{content:"";width:10px;height:10px;border-radius:3px;display:inline-block}.bar-legend-total:before{background:var(--border-color)}.bar-legend-done:before{background:var(--accent-gradient)}.stats-categories{display:flex;flex-direction:column;gap:12px}.category-row{display:flex;align-items:center;gap:10px}.category-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 1px 3px #00000026}.category-name{font-family:Outfit,sans-serif;font-size:13px;font-weight:700;width:80px;flex-shrink:0}.category-bar-track{flex:1;height:8px;background:var(--border-color);border-radius:var(--radius-full);overflow:hidden}.category-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .6s var(--spring);min-width:2px}.category-value{font-family:Outfit,sans-serif;font-size:12px;font-weight:700;color:var(--text-secondary);width:70px;text-align:right}.category-pct{font-family:Outfit,sans-serif;font-size:11px;font-weight:600;color:var(--text-muted);width:35px;text-align:right}.heatmap{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}.heatmap-cell{background:var(--accent);border-radius:8px;padding:6px 4px;text-align:center;cursor:default;transition:background var(--duration) var(--spring),color var(--duration) var(--spring),box-shadow var(--duration) var(--spring),transform var(--duration) var(--spring),border-color var(--duration) var(--spring),opacity var(--duration) var(--spring);display:flex;flex-direction:column;gap:2px}.heatmap-cell:hover{opacity:1!important;transform:scale(1.08)}.heatmap-hour{font-family:Outfit,sans-serif;font-size:10px;font-weight:800;color:#fff;line-height:1}.heatmap-count{font-size:9px;color:#fffc;line-height:1;min-height:9px}.stats-empty{text-align:center;padding:60px 20px;color:var(--text-secondary);font-family:Outfit,sans-serif}.stats-empty-hint{font-size:13px;margin-top:8px;opacity:.6;font-family:Plus Jakarta Sans,sans-serif}.stats-card:nth-child(1){animation:cardReveal var(--duration-md) var(--spring) .05s backwards}.stats-card:nth-child(2){animation:cardReveal var(--duration-md) var(--spring) .1s backwards}.stats-card:nth-child(3){animation:cardReveal var(--duration-md) var(--spring) .15s backwards}.stats-card:nth-child(4){animation:cardReveal var(--duration-md) var(--spring) .2s backwards}.stats-card:nth-child(5){animation:cardReveal var(--duration-md) var(--spring) .25s backwards}@keyframes cardReveal{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.calendar-day{animation:dayFadeIn var(--duration-md) var(--ease-out) backwards}@keyframes dayFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.stats-section:nth-child(1){animation:cardReveal var(--duration-md) var(--spring) .15s backwards}.stats-section:nth-child(2){animation:cardReveal var(--duration-md) var(--spring) .25s backwards}.stats-section:nth-child(3){animation:cardReveal var(--duration-md) var(--spring) .35s backwards}.mini-month{animation:cardReveal var(--duration-md) var(--spring) backwards}.quarter-grid .mini-month:nth-child(1){animation-delay:.05s}.quarter-grid .mini-month:nth-child(2){animation-delay:.1s}.quarter-grid .mini-month:nth-child(3){animation-delay:.15s}.week-task-overnight{mask-image:linear-gradient(to bottom,black 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%)}.week-task-overnight-badge{position:absolute;bottom:4px;left:6px;right:6px;font-size:9px;font-weight:700;font-family:Outfit,sans-serif;color:#ffffffd9;background:#0003;border-radius:4px;padding:1px 4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.week-task-continuation{border-top:2px dashed rgba(255,255,255,.6)!important;opacity:.65;cursor:pointer;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0px,rgba(255,255,255,.06) 4px,transparent 4px,transparent 10px)!important;background-size:100%!important}.week-task-continuation:hover{opacity:.85!important;transform:scale(1.02)!important}.continuation-section{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px 16px;background:linear-gradient(135deg,var(--accent-light) 0%,transparent 100%);border-radius:var(--radius-lg);border:1px solid var(--accent-light);animation:cardReveal var(--duration-md) var(--spring) backwards}.continuation-card{padding:10px 14px;background:var(--bg-secondary);border-radius:var(--radius);border-left:4px solid;cursor:pointer;transition:background var(--duration) var(--spring),color var(--duration) var(--spring),box-shadow var(--duration) var(--spring),transform var(--duration) var(--spring),border-color var(--duration) var(--spring),opacity var(--duration) var(--spring);position:relative;overflow:hidden}.continuation-card:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0px,transparent 6px,var(--border-subtle) 6px,var(--border-subtle) 12px);pointer-events:none}.continuation-card:hover{transform:translate(4px);box-shadow:var(--shadow-md)}.continuation-label{font-size:10px;font-weight:700;font-family:Outfit,sans-serif;color:var(--accent);text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px}.continuation-title{font-family:Outfit,sans-serif;font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.continuation-time{font-size:12px;font-weight:600;font-family:Outfit,sans-serif;color:var(--text-secondary)}.mobile-tab-bar{display:none}@media(max-width:768px){*{-webkit-tap-highlight-color:transparent}.app{flex-direction:column;height:100vh;height:100dvh;overflow:hidden;position:relative}.calendar-section,.tasklist-section{flex:none;width:100%;height:calc(100dvh - 56px);box-sizing:border-box;overflow:hidden}.calendar-section{min-height:unset}.tasklist-section{border-left:none;border-top:none;min-height:unset}.mobile-hidden{display:none!important}.mobile-tab-bar{display:flex;position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--bg-secondary);border-top:1px solid var(--border-color);z-index:1000;padding:0;padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -2px 10px #0000000f}.mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:none;background:none;color:var(--text-muted);font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:600;cursor:pointer;transition:color var(--duration) var(--ease-smooth);padding:6px 0}.mobile-tab.active{color:var(--accent)}.mobile-tab-icon{font-size:20px;line-height:1}.mobile-tab-label{font-size:10px;letter-spacing:.02em}.calendar{padding:8px;height:100%;display:flex;flex-direction:column}.calendar-header{flex-direction:row;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px}.calendar-header-left{flex:1;min-width:0}.view-toggle{display:flex;gap:2px;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.view-toggle button{padding:8px 10px;font-size:12px;flex:1 1 auto;min-width:0;white-space:nowrap}.theme-toggle{width:36px;height:36px;font-size:16px;flex-shrink:0}.calendar-nav{gap:6px}.calendar-nav h3{font-size:14px;min-width:100px;text-align:center}.nav-btn{width:36px;height:36px;font-size:14px}.today-btn{padding:6px 12px;font-size:12px}.month-view{flex:1;display:flex;flex-direction:column;overflow:hidden}.month-header{gap:2px;margin-bottom:4px}.month-day-name{font-size:10px;padding:4px 0}.month-grid{gap:2px;flex:1}.calendar-day{min-height:52px;padding:4px;border-radius:8px}.day-number{font-size:12px}.day-name{font-size:9px}.day-task{font-size:9px;padding:2px 4px;margin-bottom:2px;border-radius:4px}.week-view{flex:1;display:flex;flex-direction:column;overflow:hidden}.kanban-headers-bar{overflow-x:auto;-webkit-overflow-scrolling:touch}.kanban-gutter-spacer{width:36px}.kanban-col-headers{min-width:500px}.kanban-col-header{padding:4px 2px}.kanban-day-name{font-size:9px;letter-spacing:.5px}.kanban-day-num{font-size:16px;width:28px;height:28px}.kanban-day-date{font-size:9px}.kanban-task-count{font-size:9px;padding:1px 5px}.kanban-scroll{overflow:auto;-webkit-overflow-scrolling:touch}.kanban-container{min-width:540px}.kanban-gutter{width:36px}.kanban-gutter-label{font-size:9px;padding:0 4px}.kanban-columns{gap:2px;padding:0 2px}.kanban-body{min-height:300px}.week-task-block{font-size:10px;padding:3px 4px}.week-task-time{font-size:9px}.week-task-title{font-size:10px}.resize-handle{height:12px}.resize-handle:before{width:24px;height:3px}.week-create-ghost{min-height:30px}.week-create-input{font-size:14px;padding:4px}.week-create-hint{font-size:9px}.year-grid{grid-template-columns:repeat(2,1fr);gap:8px}.mini-month{padding:6px}.mini-month-title{font-size:12px}.mini-month-weekdays span{font-size:8px}.mini-day{font-size:10px;min-width:24px;min-height:24px}.task-list{padding:12px 12px 60px;height:100%;overflow-y:auto}.task-list-header{margin-bottom:10px}.task-list-header h2{font-size:18px}.task-count{font-size:11px;padding:2px 8px}.search-input{font-size:14px;padding:10px 12px}.add-task-form{flex-direction:column;gap:8px;margin-bottom:12px}.add-task-input{width:100%;font-size:14px;padding:12px}.add-task-row{display:flex;gap:8px;width:100%}.duration-select{flex:1;font-size:14px;padding:10px}.add-task-btn{width:48px;height:48px;font-size:22px;flex-shrink:0}.task-card{padding:10px;gap:10px}.task-color{width:4px;height:36px}.task-title{font-size:13px}.task-meta{font-size:11px}.duration-badge,.repeat-badge,.category-badge{font-size:10px;padding:2px 8px}.delete-task-btn{width:32px;height:32px;font-size:18px}.modal-overlay{padding:0;align-items:flex-end;justify-content:center;z-index:12000}.modal{width:100%;max-width:none;max-height:92vh;max-height:92dvh;border-radius:16px 16px 0 0;animation:slideUp .3s var(--ease-out);display:flex;flex-direction:column;overflow:hidden}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{padding:16px}.modal-header h3{font-size:17px}.modal-body{padding:16px;max-height:calc(92vh - 132px);max-height:calc(92dvh - 132px);overflow-y:auto;-webkit-overflow-scrolling:touch;flex:0 1 auto;min-height:0}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:10px 12px;border-radius:10px}.form-row{flex-direction:column;gap:10px}.modal-footer{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));flex-wrap:wrap;gap:8px}.modal-footer button{flex:1;min-width:100px;font-size:14px;padding:12px;border-radius:10px}.day-view{width:100%;max-width:none;max-height:100vh;max-height:100dvh;height:100dvh;border-radius:0}.day-view-header{padding:12px 16px}.day-view-header h2{font-size:17px}.day-view-content{padding:8px 8px 20px}.timeline-hour{min-height:44px}.hour-label{width:42px;font-size:11px;padding:8px 4px}.scheduled-task{padding:8px;font-size:12px;margin-bottom:4px;border-radius:8px}.task-time{font-size:11px}.task-title-day{font-size:13px}.scheduled-task-actions{gap:4px}.scheduled-task-actions button{font-size:11px;padding:6px 10px;min-height:32px}.close-btn{width:32px;height:32px;font-size:18px}.stats-section{padding:12px}.stats-card{padding:14px}.stats-card h3{font-size:14px}.stats-value{font-size:26px}.focus-timer{padding:16px}.focus-timer-header{padding:8px}.focus-task-title{font-size:15px}.focus-circle{width:100px;height:100px}.focus-time{font-size:20px}.focus-controls{gap:8px}.focus-btn{padding:10px 20px;font-size:13px}.focus-presets{gap:4px}.focus-preset-btn{padding:8px 12px;font-size:12px}.day-timeline-toolbar{flex-wrap:wrap;gap:6px;margin-bottom:8px}.toolbar-btn{padding:8px 12px;font-size:12px;min-height:36px}.category-filter{flex-wrap:wrap;gap:4px;margin-bottom:8px}.cat-filter-btn{padding:6px 10px;font-size:12px;min-height:32px}.search-wrapper{margin-bottom:10px}.search-count{font-size:11px}.templates-list{gap:8px}.template-item{padding:10px}.template-name{font-size:13px}.template-meta{font-size:11px}.template-actions button{padding:6px 10px;font-size:11px;min-height:32px}.repeat-manage-buttons{flex-direction:column;gap:6px}.repeat-manage-buttons button{width:100%;padding:10px;font-size:13px}.busy-toggle{gap:4px}.busy-btn{flex:1;padding:10px;font-size:13px}.category-options{flex-wrap:wrap;gap:6px}.category-option{padding:8px 12px;font-size:12px}.color-picker{gap:5px}.color-option{width:22px;height:22px;min-width:22px}.continuation-card{padding:8px;margin-bottom:6px}.continuation-label{font-size:10px}.continuation-title{font-size:12px}.continuation-time{font-size:11px}.quick-add-input{font-size:14px;padding:10px}.empty-hour{font-size:12px;padding:10px;min-height:44px}.empty-state{padding:24px 16px}.empty-state p{font-size:13px}.empty-hint{font-size:12px}.overload-warning{font-size:12px;padding:10px;margin-bottom:8px}.completion-count{font-size:11px;padding:2px 8px}.task-chip-cat-dot{width:6px;height:6px}.priority-mini-buttons button{min-width:36px;min-height:36px}input,select,textarea{font-size:16px!important}}@media(max-width:480px){.view-toggle button{padding:7px 6px;font-size:11px}.calendar-nav h3{font-size:12px;min-width:90px}.calendar-day{min-height:46px}.day-task{font-size:8px;padding:1px 3px}.year-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse;align-items:stretch;gap:10px}.modal-footer-left,.modal-footer-right{width:100%;display:flex;gap:8px}.modal-footer-right button,.modal-footer-left button{flex:1;min-width:0;width:auto}.toolbar-btn{width:100%}.kanban-col-headers{min-width:460px}.kanban-container{min-width:500px}}@media(max-width:768px)and (orientation:landscape){.mobile-tab-bar{height:44px}.mobile-tab-icon{font-size:16px}.mobile-tab-label{font-size:9px}.calendar-section,.tasklist-section{height:calc(100dvh - 44px)}}@supports (-webkit-touch-callout: none){@media(max-width:768px){.app{height:-webkit-fill-available}.mobile-tab-bar{padding-bottom:env(safe-area-inset-bottom,0)}.task-list{padding-bottom:calc(60px + env(safe-area-inset-bottom,0))}}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.error-fallback{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);padding:24px}.error-fallback-content{text-align:center;max-width:400px}.error-fallback-content h2{font-family:Outfit,sans-serif;font-size:24px;margin-bottom:12px}.error-fallback-content p{color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.error-fallback-actions{display:flex;gap:12px;justify-content:center}.sort-options{display:flex;flex-wrap:wrap;gap:4px;padding:0 16px;margin-bottom:8px}.sort-btn{padding:4px 10px;border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);font-size:11px;font-weight:600;font-family:Plus Jakarta Sans,sans-serif;cursor:pointer;transition:background var(--duration) var(--ease-smooth),color var(--duration) var(--ease-smooth),border-color var(--duration) var(--ease-smooth)}.sort-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.sort-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.ei-btn{flex:1;padding:6px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:12px;cursor:pointer;transition:background .15s;white-space:nowrap}.ei-btn:hover{background:var(--accent-light)}.sync-login-btn{display:block;width:calc(100% - 24px);margin:0 12px 8px;padding:8px;border:1px dashed var(--border-color);border-radius:var(--radius);background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:background var(--duration),color var(--duration)}.sync-login-btn:hover{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.sync-panel{margin:0 12px 8px;padding:10px;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-secondary);display:flex;flex-direction:column;gap:8px}.sync-user{display:flex;align-items:center;gap:6px;font-size:12px;min-width:0}.sync-avatar{font-size:14px}.sync-email{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--text-secondary)}.sync-signout{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:0 2px;flex-shrink:0}.sync-signout:hover{color:var(--danger)}.sync-actions{display:flex;gap:6px}.sync-actions .ei-btn{flex:1;font-size:11px;padding:5px 4px;text-align:center;white-space:normal;line-height:1.2;min-width:0}.sync-status{display:block;margin-top:6px;font-size:11px;color:var(--text-muted)}.auth-modal{position:relative;background:var(--bg-secondary);border-radius:var(--radius-lg);padding:32px;max-width:400px;width:90%;box-shadow:var(--shadow-xl)}.auth-title{font-family:Outfit,sans-serif;font-size:24px;font-weight:700;margin-bottom:24px;text-align:center}.auth-oauth{display:flex;gap:8px;margin-bottom:16px}.auth-oauth-btn{flex:1;padding:10px;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--duration)}.auth-oauth-btn:hover{background:var(--accent-light)}.auth-divider{text-align:center;margin:16px 0;position:relative}.auth-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--border-color)}.auth-divider span{position:relative;background:var(--bg-secondary);padding:0 12px;color:var(--text-muted);font-size:12px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-input{padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary);font-size:14px;outline:none;transition:border-color var(--duration)}.auth-input:focus{border-color:var(--accent)}.auth-error{color:var(--danger);font-size:13px;margin:0}.auth-submit{padding:10px;border:none;border-radius:var(--radius);background:var(--accent-gradient);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:box-shadow var(--duration)}.auth-submit:hover{box-shadow:var(--shadow-accent)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--duration),box-shadow var(--duration);margin-bottom:4px}.auth-google-btn:hover{background:var(--accent-light)}.auth-google-btn:disabled{opacity:.6;cursor:not-allowed}.auth-switch{text-align:center;margin-top:16px;font-size:13px;color:var(--text-secondary)}.auth-switch-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:13px;font-weight:600;padding:0}.landing{min-height:100vh;background:var(--bg-primary);overflow-x:hidden}.landing-header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;position:sticky;top:0;z-index:100;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.landing-logo{display:flex;align-items:center;gap:10px}.landing-logo-icon{width:36px;height:36px;border-radius:10px;background:var(--accent-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-weight:700;font-size:18px}.landing-logo-text{font-family:Outfit,sans-serif;font-size:22px;font-weight:700;color:var(--text-primary)}.landing-header-actions{display:flex;align-items:center;gap:8px}.landing-cta-sm{padding:8px 20px;border:none;border-radius:var(--radius-full);background:var(--accent);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background var(--duration),box-shadow var(--duration)}.landing-cta-sm:hover{background:var(--accent-hover);box-shadow:var(--shadow-accent)}.landing-hero{display:flex;align-items:center;gap:48px;max-width:1200px;margin:0 auto;padding:80px 32px 60px}.landing-hero-content{flex:1;min-width:0}.landing-title{font-family:Outfit,sans-serif;font-size:clamp(36px,5vw,56px);font-weight:800;line-height:1.1;color:var(--text-primary);margin-bottom:20px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-subtitle{font-size:18px;line-height:1.6;color:var(--text-secondary);max-width:480px;margin-bottom:32px}.landing-hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.landing-cta{padding:14px 32px;border:none;border-radius:var(--radius-full);background:var(--accent-gradient);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:transform var(--duration) var(--spring),box-shadow var(--duration);box-shadow:var(--shadow-accent)}.landing-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px -4px #5046e573}.landing-cta:active{transform:translateY(0)}.landing-note{font-size:13px;color:var(--text-muted);display:block;margin-top:8px}@keyframes landingFadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes landingFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.landing-title{animation:landingFadeInUp .7s var(--ease-out) .05s both}.landing-subtitle{animation:landingFadeInUp .7s var(--ease-out) .18s both}.landing-hero-actions{animation:landingFadeInUp .7s var(--ease-out) .3s both}.landing-trust-badges{animation:landingFadeInUp .7s var(--ease-out) .42s both}.landing-note{animation:landingFadeInUp .7s var(--ease-out) .54s both}.landing-hero{position:relative}.landing-hero:before{content:"";position:absolute;top:-100px;right:-150px;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(80,70,229,.08) 0%,transparent 68%);pointer-events:none;z-index:0}.landing-hero-content,.landing-hero-visual{position:relative;z-index:1}.landing-trust-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px;margin-bottom:2px}.landing-trust-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border-color);font-size:12px;font-weight:500;color:var(--text-secondary);white-space:nowrap}.landing-trust-badge:before{content:"✓";color:var(--success);font-weight:700;font-size:11px}[data-theme=dark] .landing-trust-badge{background:var(--bg-tertiary)}.landing-hero-visual{flex:1;display:flex;justify-content:center;animation:landingFadeInUp .8s var(--ease-out) .15s both}.landing-hero-visual:after{content:"";position:absolute;inset:5%;border-radius:50%;background:radial-gradient(ellipse at center,var(--accent-glow) 0%,transparent 65%);filter:blur(36px);z-index:0;pointer-events:none}.landing-mockup{width:100%;max-width:460px;border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-xl);overflow:hidden;position:relative;z-index:1;animation:landingFadeInUp .8s var(--ease-out) .15s both,landingFloat 4.5s ease-in-out .95s infinite}.mockup-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.mockup-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.mockup-dot.red{background:#ff5f57}.mockup-dot.yellow{background:#febc2e}.mockup-dot.green{background:#28c840}.mockup-urlbar{flex:1;height:14px;border-radius:4px;background:var(--border-subtle);margin-left:8px}.mockup-content{display:flex;padding:14px;gap:12px;min-height:240px}.mockup-sidebar{width:36%;display:flex;flex-direction:column;flex-shrink:0}.mkp-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.mkp-add{width:16px;height:16px;border-radius:4px;background:var(--accent);opacity:.75;flex-shrink:0}.mkp-card{display:flex;align-items:flex-start;gap:6px;padding:7px 8px;border-radius:7px;background:var(--bg-primary);border:1px solid var(--border-subtle);margin-bottom:5px}.mkp-card.active{background:var(--accent-light);border-color:#5046e538}.mkp-prio-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:4px}.mkp-prio-dot.high{background:#ef4444}.mkp-prio-dot.medium{background:#f59e0b}.mkp-prio-dot.low{background:#10b981}.mkp-card-body{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}.mkp-line{height:6px;border-radius:3px;background:var(--border-color)}.mkp-line.sm{height:4px;background:var(--border-subtle)}.mkp-panel-title{font-family:var(--font-ui);font-size:11px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.mkp-card-title{font-family:var(--font-ui);font-size:10.5px;font-weight:500;color:var(--text-primary);letter-spacing:-.005em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mkp-card-meta{font-family:var(--font-mono, var(--font-ui));font-size:9px;font-weight:400;color:var(--text-muted);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mkp-evt-title{font-family:var(--font-ui);font-size:9.5px;font-weight:500;color:var(--text-primary);letter-spacing:-.005em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mkp-evt-time{font-family:var(--font-mono, var(--font-ui));font-size:8.5px;font-weight:500;color:var(--text-muted);letter-spacing:.02em;line-height:1}.mkp-evt.accent .mkp-evt-title{color:var(--accent)}.mkp-evt.accent .mkp-evt-time{color:color-mix(in srgb,var(--accent) 70%,var(--text-muted))}.landing-trust-strip{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px;font-family:var(--font-ui);font-size:13px;color:var(--text-secondary)}.landing-trust-strip li{display:inline-flex;align-items:center;gap:6px}.landing-trust-strip svg{color:var(--accent);opacity:.85;flex-shrink:0}.pricing-roadmap{margin:14px 0 0;font-family:var(--font-ui);font-size:12.5px;line-height:1.5;color:var(--text-muted);text-align:center}.mockup-calendar{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.mkp-days-row{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.mkp-day-lbl{text-align:center;font-size:9px;font-weight:600;color:var(--text-muted);letter-spacing:.4px;text-transform:uppercase}.mkp-cal-grid{flex:1;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr);gap:4px}.mkp-evt{border-radius:6px;background:var(--bg-tertiary);padding:5px 7px;display:flex;flex-direction:column;gap:4px;overflow:hidden;min-height:0}.mkp-evt.accent{background:var(--accent-light);border:1px solid rgba(80,70,229,.18)}.mkp-evt.soft{background:#5046e50f;border:1px solid rgba(80,70,229,.1)}.mkp-line.ev{background:#0000001a}.mkp-line.ev.sm{background:#0000000f}.mkp-evt.accent .mkp-line.ev,.mkp-evt.soft .mkp-line.ev{background:var(--accent);opacity:.3}.mkp-evt.accent .mkp-line.ev.sm,.mkp-evt.soft .mkp-line.ev.sm{background:var(--accent);opacity:.16}[data-theme=dark] .mkp-line.ev{background:#ffffff1f}[data-theme=dark] .mkp-line.ev.sm{background:#ffffff12}.landing-features{max-width:1200px;margin:0 auto;padding:60px 32px 80px}.landing-section-title{font-family:Outfit,sans-serif;font-size:32px;font-weight:700;text-align:center;margin-bottom:48px;color:var(--text-primary)}.landing-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.landing-feature-card{padding:28px 24px;border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid var(--border-subtle);transition:transform var(--duration) var(--spring),box-shadow var(--duration),background var(--duration);position:relative;overflow:hidden}.landing-feature-card:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:0 2px 2px 0;background:var(--accent-gradient);transform:scaleY(0);transform-origin:center;transition:transform .25s var(--ease-out)}.landing-feature-card:hover:before{transform:scaleY(1)}.landing-feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);background:linear-gradient(160deg,var(--bg-secondary) 0%,rgba(80,70,229,.025) 100%)}[data-theme=dark] .landing-feature-card:hover{background:linear-gradient(160deg,var(--bg-secondary) 0%,rgba(124,111,247,.04) 100%)}.feature-icon-wrap{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.feature-icon-wrap--purple{background:#5046e51a}.feature-icon-wrap--teal{background:#0ea5e91a}.feature-icon-wrap--coral{background:#ef444417}[data-theme=dark] .feature-icon-wrap--purple{background:#7c6ff729}[data-theme=dark] .feature-icon-wrap--teal{background:#38bdf821}[data-theme=dark] .feature-icon-wrap--coral{background:#ef444421}.feature-icon{font-size:24px;display:block}.landing-feature-card h3{font-family:Outfit,sans-serif;font-size:17px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.landing-feature-card p{font-size:14px;color:var(--text-secondary);line-height:1.5}.landing-how{max-width:900px;margin:0 auto;padding:60px 32px 80px}.landing-steps{display:flex;gap:32px;position:relative}.landing-steps:before{content:"";position:absolute;top:48px;left:calc(16.67% + 24px);right:calc(16.67% + 24px);height:2px;background:linear-gradient(90deg,var(--accent) 0%,rgba(14,165,233,.6) 50%,var(--accent) 100%);opacity:.2;pointer-events:none;z-index:0}.landing-step{flex:1;text-align:center;padding:24px 16px;position:relative;z-index:1}.step-number{width:48px;height:48px;margin:0 auto;border-radius:50%;background:var(--accent-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-size:22px;font-weight:700;position:relative;z-index:1}.step-emoji-badge{font-size:26px;margin:12px auto 16px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius)}.landing-step h3{font-family:Outfit,sans-serif;font-size:18px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.landing-step p{font-size:15px;color:var(--text-secondary);line-height:1.65;max-width:200px;margin:0 auto}.landing-cta-section{text-align:center;padding:100px 32px;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:radial-gradient(ellipse at 20% 50%,rgba(80,70,229,.12) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(14,165,233,.09) 0%,transparent 55%),radial-gradient(ellipse at 60% 80%,rgba(80,70,229,.06) 0%,transparent 50%),var(--bg-primary)}[data-theme=dark] .landing-cta-section{background:radial-gradient(ellipse at 20% 50%,rgba(124,111,247,.14) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(56,189,248,.09) 0%,transparent 55%),radial-gradient(ellipse at 60% 80%,rgba(124,111,247,.07) 0%,transparent 50%),var(--bg-primary)}.landing-cta-inner{max-width:640px;margin:0 auto}.landing-cta-section .landing-hero-actions{justify-content:center}.landing-cta-section h2{font-family:Outfit,sans-serif;font-size:clamp(26px,4vw,38px);font-weight:800;margin-bottom:14px;color:var(--text-primary)}.landing-cta-section p{font-size:17px;color:var(--text-secondary);margin-bottom:28px;line-height:1.6}.landing-cta-benefits{list-style:none;display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin:0 0 36px;padding:0}.landing-cta-benefits li{font-size:14px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:7px}.landing-cta-benefits li:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--success-light);color:var(--success);font-size:10px;font-weight:800;flex-shrink:0}.landing-features-section-bg{background:var(--bg-secondary);width:100%}.landing-how-section-bg{background:var(--bg-primary);width:100%;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.landing-footer{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px;font-size:13px;color:var(--text-muted)}.landing-footer-sep{opacity:.4}.landing-footer-link{background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.landing-footer-link:hover{color:var(--text-secondary)}.landing-pricing{background:transparent;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:100px 32px 110px}.landing-pricing-inner{max-width:1180px;margin:0 auto}.landing-pricing-intro{text-align:center;max-width:640px;margin:0 auto 48px}.landing-pricing-intro .landing-section-title{font-size:clamp(30px,3.6vw,44px);margin-bottom:14px}.landing-pricing-intro .landing-section-subtitle{font-size:17px;line-height:1.55}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:880px;margin:0 auto}.pricing-card{position:relative;display:flex;flex-direction:column;padding:36px 32px;background:var(--bg-secondary);border:1px solid var(--hairline);border-radius:16px;box-shadow:none;transition:border-color .16s ease,background .16s ease}.pricing-card:hover{border-color:color-mix(in srgb,var(--text-primary) 18%,transparent)}.pricing-card--featured{background:var(--bg-primary);border-color:color-mix(in srgb,var(--accent) 40%,var(--hairline))}[data-theme=dark] .pricing-card--featured{background:var(--bg-tertiary)}.pricing-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:4px 10px;background:var(--bg-primary);color:var(--accent);font-family:var(--font-ui);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--hairline));border-radius:6px;box-shadow:none}[data-theme=dark] .pricing-badge{background:var(--bg-tertiary)}.pricing-card-head{margin-bottom:24px}.pricing-plan{display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px}.pricing-price{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.pricing-amount{font-family:var(--font-ui);font-size:40px;font-weight:600;color:var(--text-primary);letter-spacing:-.03em;line-height:1}.pricing-period{font-family:var(--font-mono);font-size:13px;color:var(--text-muted)}.pricing-tagline{font-family:var(--font-ui);font-size:14px;color:var(--text-secondary);line-height:1.55;margin:0}.pricing-features{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:10px;flex:1}.pricing-features li{display:flex;align-items:center;gap:10px;font-family:var(--font-ui);font-size:14px;font-weight:400;color:var(--text-primary)}.pricing-features li svg{flex-shrink:0;color:var(--accent);opacity:.85}.pricing-cta{width:100%;justify-content:center}@media(max-width:720px){.landing-pricing{padding:64px 20px 72px}.pricing-grid{grid-template-columns:1fr;gap:14px}.pricing-card{padding:28px 22px}.pricing-amount{font-size:34px}}.landing-faq{background:transparent;border-bottom:1px solid var(--hairline);padding:100px 32px 110px}.landing-faq-inner{max-width:720px;margin:0 auto}.landing-faq-intro{text-align:center;max-width:640px;margin:0 auto 48px}.landing-faq-intro .landing-section-title{font-size:clamp(30px,3.6vw,44px);margin-bottom:14px}.landing-faq-intro .landing-section-subtitle{font-size:17px;line-height:1.55}.faq-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--hairline)}.faq-item{background:transparent;border:none;border-bottom:1px solid var(--hairline);border-radius:0;overflow:hidden;box-shadow:none;transition:background .16s ease}.faq-item.is-open{background:var(--bg-secondary)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 4px;background:none;border:none;text-align:left;font-family:var(--font-ui);font-size:15.5px;font-weight:500;letter-spacing:-.005em;color:var(--text-primary);cursor:pointer;transition:color .16s ease}.faq-item.is-open .faq-question{padding:20px 20px 16px}.faq-item:not(.is-open) .faq-question:hover{color:var(--accent)}.faq-icon{flex-shrink:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:18px;font-weight:300;color:var(--text-muted);background:transparent;border:none;border-radius:0;box-shadow:none;transition:transform .2s ease,color .16s ease}.faq-item.is-open .faq-icon{transform:rotate(45deg);background:transparent;color:var(--accent);box-shadow:none}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}.faq-item.is-open .faq-answer{grid-template-rows:1fr}.faq-answer-inner{overflow:hidden;padding:0 20px;font-family:var(--font-ui);font-size:14.5px;font-weight:400;line-height:1.65;color:var(--text-secondary)}.faq-item.is-open .faq-answer-inner{padding:0 20px 22px}.faq-answer-inner p{margin:0 0 8px}.faq-answer-inner p:last-child{margin-bottom:0}.faq-answer-inner a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}@media(max-width:720px){.landing-faq{padding:64px 20px 72px}.faq-question{padding:18px 2px;font-size:15px}.faq-item.is-open .faq-question{padding:18px 16px 14px}.faq-answer-inner{padding:0 16px;font-size:14px}.faq-item.is-open .faq-answer-inner{padding:0 16px 20px}}.reveal-on-scroll{opacity:0;transform:translateY(22px);transition:opacity .55s var(--ease-out),transform .55s var(--ease-out);will-change:opacity,transform}.reveal-on-scroll.is-revealed{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal-on-scroll{opacity:1;transform:none;transition:none}.landing-title,.landing-subtitle,.landing-hero-actions,.landing-trust-badges,.landing-note,.landing-hero-visual,.landing-mockup{animation:none!important;opacity:1!important;transform:none!important}}.policy-page{min-height:100vh;background:var(--bg-primary);padding:48px 16px}.policy-container{max-width:720px;margin:0 auto}.policy-back{background:none;border:none;color:var(--accent);font-size:14px;cursor:pointer;padding:0;margin-bottom:32px;display:inline-flex;align-items:center;gap:4px}.policy-back:hover{text-decoration:underline}.policy-container h1{font-family:Outfit,sans-serif;font-size:32px;font-weight:800;color:var(--text-primary);margin-bottom:8px}.policy-date{font-size:13px;color:var(--text-muted);margin-bottom:40px}.policy-container section{margin-bottom:32px}.policy-container h2{font-family:Outfit,sans-serif;font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.policy-container h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:16px 0 8px}.policy-container p{font-size:15px;color:var(--text-secondary);line-height:1.7;margin-bottom:12px}.policy-container ul{padding-left:20px;margin-bottom:12px}.policy-container li{font-size:15px;color:var(--text-secondary);line-height:1.7;margin-bottom:4px}.policy-container a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.policy-container strong{color:var(--text-primary);font-weight:600}@media(max-width:768px){.landing-header{padding:12px 16px}.landing-hero{flex-direction:column;padding:48px 20px 40px;gap:32px}.landing-hero-visual{width:100%}.landing-mockup{max-width:100%}.landing-features{padding:40px 20px 60px}.landing-features-grid{grid-template-columns:1fr;gap:12px}.landing-steps{flex-direction:column;gap:16px}.landing-how{padding:40px 20px 60px}.landing-cta-section{padding:48px 20px}}.ob-backdrop{position:fixed;inset:0;background:#0000004d;z-index:900;animation:fadeIn .2s ease}.ob-tooltip{position:fixed;z-index:901;width:300px;max-width:calc(100vw - 32px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-xl);animation:slideUp .2s var(--ease-out)}.ob-skip{position:absolute;top:10px;right:12px;background:none;border:none;font-size:18px;color:var(--text-muted);cursor:pointer;line-height:1;padding:2px 6px}.ob-skip:hover{color:var(--text-primary)}.ob-title{font-family:Outfit,sans-serif;font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:8px;margin-right:24px}.ob-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.ob-footer{display:flex;align-items:center;justify-content:space-between}.ob-dots{display:flex;gap:5px}.ob-dot{width:6px;height:6px;border-radius:50%;background:var(--border-color);cursor:pointer;transition:background .15s}.ob-actions{display:flex;gap:6px}.ob-btn-primary{padding:6px 16px;border:none;border-radius:var(--radius-full);background:var(--accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.ob-btn-primary:hover{background:var(--accent-hover)}.ob-btn-secondary{padding:6px 12px;border:1px solid var(--border-color);border-radius:var(--radius-full);background:none;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:background .15s}.ob-btn-secondary:hover{background:var(--bg-tertiary)}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-topbar{position:fixed;top:0;left:0;right:0;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:200}.app-logo-btn{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--radius);transition:background var(--duration)}.app-logo-btn:hover{background:var(--bg-tertiary)}.app-logo-icon{width:28px;height:28px;background:var(--accent-gradient);color:#fff;font-family:Outfit,sans-serif;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;border-radius:8px}.app-logo-text{font-family:Outfit,sans-serif;font-weight:700;font-size:16px;color:var(--text-primary)}.app-topbar-right{display:flex;align-items:center;gap:8px}.topbar-sync-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--accent);border-radius:var(--radius-full);background:transparent;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--duration),color var(--duration);white-space:nowrap}.topbar-sync-btn:hover{background:var(--accent);color:#fff}.app-user-info{display:flex;align-items:center;gap:12px}.app-user-email{font-size:13px;color:var(--text-secondary)}.app-signout-btn{padding:4px 12px;border:1px solid var(--border-color);border-radius:var(--radius);background:none;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:background var(--duration)}.app-signout-btn:hover{background:var(--bg-tertiary)}.app{padding-top:48px}.landing-login-btn{padding:8px 20px;border:1px solid var(--accent);border-radius:var(--radius-full);background:transparent;color:var(--accent);font-size:14px;font-weight:600;cursor:pointer;transition:background var(--duration),color var(--duration)}.landing-login-btn:hover{background:var(--accent);color:#fff}.landing-cta.landing-cta-outline{background:transparent;border:2px solid var(--accent);color:var(--accent);box-shadow:none}.landing-cta.landing-cta-outline:hover{background:var(--accent-light)}.modal-close-btn{position:absolute;top:12px;right:16px;background:none;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;line-height:1;padding:4px}.modal-close-btn:hover{color:var(--text-primary)}@media(max-width:768px){.app-topbar{height:40px;padding:0 10px}.app{padding-top:40px}.app-logo-text{display:none}.app-user-email{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landing-header-actions{gap:6px}.landing-login-btn{padding:6px 12px;font-size:12px}}.landing{position:relative;isolation:isolate}.landing-scroll-progress{position:fixed;top:0;left:0;height:3px;width:100%;background:var(--accent-gradient);transform-origin:left center;transform:scaleX(0);z-index:1000;box-shadow:0 0 12px var(--accent-glow);will-change:transform;pointer-events:none}.landing-title{position:relative;background-size:200% 200%;animation:landingFadeInUp .7s var(--ease-out) .05s both,titleShimmer 8s ease-in-out 1.2s infinite}@keyframes titleShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media(prefers-reduced-motion:reduce){.landing-title{animation:landingFadeInUp .7s var(--ease-out) .05s both}}.landing-cta{position:relative;overflow:hidden;isolation:isolate}.landing-cta:after{content:"";position:absolute;top:0;left:-80%;width:60%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.28) 50%,transparent 100%);transform:skew(-20deg);transition:left .6s var(--ease-out);pointer-events:none;z-index:1}.landing-cta:hover:after{left:130%}.landing-cta.landing-cta-outline:after{background:linear-gradient(90deg,transparent 0%,var(--accent-light) 50%,transparent 100%)}.mkp-card{position:relative}.mkp-live-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 0 var(--success);animation:mkpLivePulse 2s ease-out infinite}@keyframes mkpLivePulse{0%{box-shadow:0 0 #10b9818c}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}@media(prefers-reduced-motion:reduce){.mkp-live-dot{animation:none}}.landing-stats{max-width:1200px;margin:0 auto;padding:24px 32px 48px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative;z-index:1}.landing-stat{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:transform var(--duration-md) var(--spring),box-shadow var(--duration-md),border-color var(--duration-md)}.landing-stat:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--accent-light)}.landing-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;background:var(--accent-light);color:var(--accent);font-family:Outfit,sans-serif;font-weight:700}.landing-stat-text{display:flex;flex-direction:column;gap:2px;min-width:0}.landing-stat-value{font-family:Outfit,sans-serif;font-size:20px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;line-height:1.1}.landing-stat-label{font-size:13px;color:var(--text-secondary);line-height:1.3}@media(max-width:960px){.landing-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.landing-stats{grid-template-columns:1fr;padding:16px 20px 32px}}.landing-feature-card{transition:transform var(--duration-md) var(--spring),box-shadow var(--duration-md) var(--ease-out),background var(--duration-md) var(--ease-out),border-color var(--duration-md) var(--ease-out)}.landing-feature-card:hover{border-color:transparent;box-shadow:var(--shadow-lg),0 0 0 1px var(--accent-light),0 0 22px -8px var(--accent-glow)}.feature-icon-wrap{transition:transform var(--duration-md) var(--spring),box-shadow var(--duration-md)}.landing-feature-card:hover .feature-icon-wrap{transform:scale(1.08) rotate(-4deg);box-shadow:0 6px 14px -4px var(--accent-glow)}.landing-cta-section{position:relative;overflow:hidden}.landing-cta-section:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 30% 30%,var(--accent-glow) 0%,transparent 40%),radial-gradient(circle at 70% 70%,rgba(14,165,233,.18) 0%,transparent 40%);animation:ctaMesh 18s ease-in-out infinite;pointer-events:none;z-index:0}[data-theme=dark] .landing-cta-section:before{background:radial-gradient(circle at 30% 30%,rgba(124,111,247,.24) 0%,transparent 40%),radial-gradient(circle at 70% 70%,rgba(56,189,248,.18) 0%,transparent 40%)}.landing-cta-inner{position:relative;z-index:1}@keyframes ctaMesh{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-4%,3%) scale(1.06)}}@media(prefers-reduced-motion:reduce){.landing-cta-section:before{animation:none}}.app-topbar{height:52px;padding:0 20px;border-bottom:1px solid var(--border-subtle);box-shadow:0 1px 0 var(--border-subtle)}.app{padding-top:52px}.app-logo-icon{box-shadow:0 2px 6px -1px var(--accent-glow)}.app-logo-btn{transition:background var(--duration),transform var(--duration) var(--spring)}.app-logo-btn:hover{background:var(--accent-light);transform:translateY(-1px)}.app-logo-btn:hover .app-logo-icon{box-shadow:0 4px 12px -2px var(--accent-glow)}.topbar-sync-btn{transition:background var(--duration),color var(--duration),box-shadow var(--duration),transform var(--duration) var(--spring)}.topbar-sync-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-accent)}.calendar-day{position:relative}.calendar-day:hover{border-color:transparent;box-shadow:var(--shadow-md),0 0 0 1.5px var(--accent-light),0 6px 18px -8px var(--accent-glow)}.calendar-day.today{border-color:#5046e52e;box-shadow:0 0 0 1px #5046e51a,0 12px 24px -18px var(--accent-glow),var(--shadow-xs)}.task-card{position:relative;overflow:hidden;transition:transform var(--duration) var(--spring),box-shadow var(--duration) var(--ease-out),border-color var(--duration)}.task-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--task-accent, var(--accent));opacity:0;transform:scaleY(.6);transform-origin:center;transition:opacity var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.task-card:hover:before{opacity:1;transform:scaleY(1)}.view-toggle button.active{transform:translateY(-.5px)}.landing-hero{padding:96px 32px 72px;gap:64px}.landing-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;margin-bottom:20px;border-radius:var(--radius-full);background:var(--accent-light);color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.01em;animation:landingFadeInUp .6s var(--ease-out) .02s both}.landing-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.landing-title{background:none;-webkit-text-fill-color:currentColor;color:var(--text-primary);font-size:clamp(40px,5.5vw,64px);font-weight:800;letter-spacing:-.025em;line-height:1.05;margin-bottom:22px}.landing-subtitle{font-size:19px;line-height:1.55;color:var(--text-secondary);max-width:520px;margin-bottom:36px}.landing-note{margin-top:16px;color:var(--text-muted);font-size:13px}.landing-cta-ghost{background:transparent;color:var(--text-primary);box-shadow:none;border:1px solid var(--border-color);padding:13px 28px}.landing-cta-ghost:hover{background:var(--bg-secondary);border-color:var(--accent);color:var(--accent);box-shadow:none}.landing-mockup--hero{max-width:560px}.landing-hero-visual:after{display:none}.landing-showcase{padding:88px 32px 96px;background:var(--bg-secondary);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.landing-showcase-inner{max-width:1180px;margin:0 auto}.landing-showcase-intro{text-align:center;max-width:680px;margin:0 auto 40px}.landing-section-title{font-family:Outfit,sans-serif;font-size:clamp(28px,3.6vw,42px);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:14px;color:var(--text-primary)}.landing-section-subtitle{font-size:17px;line-height:1.55;color:var(--text-secondary);margin:0}.showcase-tabs{display:inline-flex;gap:4px;padding:5px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-full);margin:0 auto 36px;width:max-content;max-width:100%;display:flex;justify-content:center;flex-wrap:wrap}.landing-showcase-inner>.showcase-tabs{display:flex;margin:0 auto 36px;width:max-content}.showcase-tab{background:transparent;border:none;padding:10px 22px;border-radius:var(--radius-full);color:var(--text-secondary);font-size:14.5px;font-weight:600;cursor:pointer;transition:background var(--duration),color var(--duration);font-family:inherit}.showcase-tab:hover{color:var(--text-primary)}.showcase-tab.active{background:var(--accent);color:#fff;box-shadow:0 4px 12px -4px var(--accent-glow)}.showcase-stage{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:48px;align-items:center;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl, 20px);padding:48px;box-shadow:var(--shadow-lg)}.showcase-stage-desc h3{font-family:Outfit,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.015em;margin:0 0 12px;color:var(--text-primary)}.showcase-stage-desc p{font-size:16px;line-height:1.6;color:var(--text-secondary);margin:0}.showcase-frame{position:relative;border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-md);overflow:hidden;aspect-ratio:16 / 10;animation:showcaseFadeIn .4s var(--ease-out)}@keyframes showcaseFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sc-ai{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:14px;align-items:stretch;padding:16px;height:100%;background:radial-gradient(circle at 15% 0%,color-mix(in srgb,#6366f1 16%,transparent),transparent 50%),radial-gradient(circle at 92% 100%,color-mix(in srgb,#8b5cf6 16%,transparent),transparent 50%)}.sc-ai-panel{background:var(--bg-primary);border:1px solid var(--hairline);border-radius:14px;box-shadow:0 16px 36px #00000024;display:flex;flex-direction:column;overflow:hidden;animation:sc-ai-rise .6s cubic-bezier(.2,.8,.2,1)}@keyframes sc-ai-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sc-ai-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--hairline);background:color-mix(in srgb,#6366f1 5%,var(--bg-primary))}.sc-ai-header-title{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:12.5px;font-weight:700;color:var(--text-primary)}.sc-ai-header-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px color-mix(in srgb,#22c55e 25%,transparent)}.sc-ai-messages{padding:12px;display:flex;flex-direction:column;gap:10px;flex:1;overflow:hidden}.sc-ai-msg{display:flex;flex-direction:column;gap:5px;opacity:0;animation:sc-ai-fade .46s ease-out forwards}.sc-ai-msg--user{align-items:flex-end}.sc-ai-msg--assistant{align-items:flex-start}.sc-ai-msg:nth-child(1){animation-delay:.2s}.sc-ai-msg:nth-child(2){animation-delay:.9s}@keyframes sc-ai-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sc-ai-bubble{max-width:86%;padding:7px 12px;border-radius:12px;font-family:var(--font-ui);font-size:12.5px;line-height:1.4}.sc-ai-msg--user .sc-ai-bubble{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-bottom-right-radius:4px}.sc-ai-msg--assistant .sc-ai-bubble{background:color-mix(in srgb,var(--text-primary) 6%,var(--bg-primary));color:var(--text-primary);border:1px solid var(--hairline);border-bottom-left-radius:4px}.sc-ai-applied{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.sc-ai-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,#22c55e 12%,var(--bg-primary));border:1px solid color-mix(in srgb,#22c55e 30%,var(--hairline));font-family:var(--font-ui);font-size:11px;color:color-mix(in srgb,#16a34a 80%,var(--text-primary));opacity:0;animation:sc-ai-fade .46s ease-out forwards}.sc-ai-chip--1{animation-delay:1.3s}.sc-ai-chip--2{animation-delay:1.7s}.sc-ai-composer{border-top:1px solid var(--hairline);padding:8px 10px 10px;display:flex;flex-direction:column;gap:6px;background:var(--bg-primary)}.sc-ai-input{display:flex;align-items:center;gap:4px;padding:8px 10px;border:1px solid var(--hairline);border-radius:8px;font-family:var(--font-ui);font-size:12px;color:var(--text-secondary);min-height:28px}.sc-ai-input-caret{width:1.5px;height:13px;background:#6366f1;animation:sc-ai-blink 1.1s infinite step-end}@keyframes sc-ai-blink{50%{opacity:0}}.sc-ai-input-placeholder{color:var(--text-secondary);opacity:.65}.sc-ai-composer-actions{display:flex;justify-content:flex-end;gap:5px}.sc-ai-mic,.sc-ai-send{width:28px;height:28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;position:relative;color:#fff}.sc-ai-mic{background:#ef4444}.sc-ai-mic-pulse{position:absolute;inset:-2px;border-radius:9px;border:1.5px solid #ef4444;animation:sc-ai-pulse 1.4s infinite ease-out}@keyframes sc-ai-pulse{0%{transform:scale(.92);opacity:.7}to{transform:scale(1.25);opacity:0}}.sc-ai-send{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.sc-ai-cal{background:var(--bg-primary);border:1px solid var(--hairline);border-radius:14px;box-shadow:0 16px 36px #00000024;display:flex;flex-direction:column;overflow:hidden;animation:sc-ai-rise .6s cubic-bezier(.2,.8,.2,1) .1s both}.sc-ai-cal-head{display:grid;grid-template-columns:44px 1fr 1fr;border-bottom:1px solid var(--hairline);background:color-mix(in srgb,var(--text-primary) 4%,var(--bg-primary))}.sc-ai-cal-head:before{content:""}.sc-ai-cal-day{padding:8px 10px;display:flex;align-items:baseline;gap:6px;font-family:var(--font-ui);border-left:1px solid var(--hairline)}.sc-ai-cal-dayname{font-size:10.5px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.sc-ai-cal-daynum{font-size:16px;font-weight:700;color:var(--text-primary)}.sc-ai-cal-day--target{background:color-mix(in srgb,#6366f1 8%,var(--bg-primary))}.sc-ai-cal-day--target .sc-ai-cal-daynum{color:#6366f1}.sc-ai-cal-body{flex:1;display:grid;grid-template-columns:44px 1fr 1fr;position:relative;overflow:hidden}.sc-ai-cal-gutter{position:relative;border-right:1px solid var(--hairline);background:color-mix(in srgb,var(--text-primary) 3%,var(--bg-primary))}.sc-ai-cal-hour{position:absolute;left:8px;font-family:var(--font-mono);font-size:9.5px;color:var(--text-secondary);line-height:1;transform:translateY(-50%)}.sc-ai-cal-hour:first-child{transform:translateY(0)}.sc-ai-cal-hour:last-child{transform:translateY(-100%)}.sc-ai-cal-col{position:relative;border-left:1px solid var(--hairline);background-image:repeating-linear-gradient(to bottom,transparent 0 calc(100% / 7 - 1px),color-mix(in srgb,var(--text-primary) 6%,transparent) calc(100% / 7 - 1px) calc(100% / 7))}.sc-ai-cal-now{position:absolute;left:0;right:0;height:1.5px;background:#ef4444;z-index:3;pointer-events:none}.sc-ai-cal-now-dot{position:absolute;left:-3px;top:-3px;width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 3px color-mix(in srgb,#ef4444 25%,transparent)}.sc-ai-cal-evt{position:absolute;left:4px;right:4px;border-radius:7px;display:flex;overflow:hidden;font-family:var(--font-ui)}.sc-ai-cal-evt--ghost{background:color-mix(in srgb,var(--text-primary) 7%,var(--bg-primary));border:1px solid var(--hairline);padding:4px 6px;flex-direction:column;gap:1px;opacity:.75}.sc-ai-cal-evt--ghost .sc-ai-cal-evt-time{font-family:var(--font-mono);font-size:9px;color:var(--text-secondary)}.sc-ai-cal-evt--ghost .sc-ai-cal-evt-title{font-size:10.5px;font-weight:600;color:var(--text-primary)}.sc-ai-cal-evt--add{background:color-mix(in srgb,var(--task-color, #6366f1) 12%,var(--bg-primary));border:1px solid color-mix(in srgb,var(--task-color, #6366f1) 35%,var(--hairline));opacity:0;transform:translateY(6px) scale(.96);animation:sc-ai-evt-pop .52s cubic-bezier(.2,.8,.2,1) forwards}.sc-ai-cal-evt--call{--task-color: #06b6d4;animation-delay:1.3s}.sc-ai-cal-evt--meeting{--task-color: #5046e5;animation-delay:1.7s}@keyframes sc-ai-evt-pop{0%{opacity:0;transform:translateY(6px) scale(.96)}60%{opacity:1;transform:translateY(0) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1);box-shadow:0 4px 14px color-mix(in srgb,var(--task-color, #6366f1) 25%,transparent)}}.sc-ai-cal-evt-bar{width:3px;background:var(--task-color, #6366f1);flex-shrink:0}.sc-ai-cal-evt-body{flex:1;padding:3px 6px;display:flex;flex-direction:column;gap:1px;min-width:0}.sc-ai-cal-evt-body .sc-ai-cal-evt-time{font-family:var(--font-mono);font-size:9px;font-weight:600;color:color-mix(in srgb,var(--task-color, #6366f1) 85%,var(--text-primary));letter-spacing:.02em}.sc-ai-cal-evt-body .sc-ai-cal-evt-title{font-size:11px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-ai--mb{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:10px}.sc-ai--mb .sc-ai-cal-body{min-height:160px}.sc-week{display:flex;flex-direction:column;width:100%;height:100%;background:var(--bg-primary)}.sc-week-head{display:grid;grid-template-columns:44px repeat(5,minmax(0,1fr));border-bottom:1px solid var(--hairline);background:color-mix(in srgb,var(--text-primary) 3%,var(--bg-primary))}.sc-week-day-head{padding:10px 8px 8px;display:flex;flex-direction:column;align-items:center;gap:2px;border-left:1px solid var(--hairline);font-family:var(--font-ui)}.sc-week-day-name{font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.sc-week-day-num{font-size:18px;font-weight:700;color:var(--text-primary);line-height:1}.sc-week-day-head.is-today .sc-week-day-num{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px}.sc-week-body{flex:1;display:grid;grid-template-columns:44px 1fr;min-height:0;overflow:hidden;position:relative}.sc-week-now-global{position:absolute;left:0;height:1.5px;background:#ef4444;z-index:4;pointer-events:none}.sc-week-now-global .sc-week-now-dot{position:absolute;left:-3px;top:-3px;width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 3px color-mix(in srgb,#ef4444 25%,transparent)}.sc-week-gutter{display:flex;flex-direction:column;justify-content:space-between;padding:4px 6px 4px 8px;border-right:1px solid var(--hairline);background:color-mix(in srgb,var(--text-primary) 3%,var(--bg-primary))}.sc-week-hour-lbl{font-family:var(--font-mono);font-size:9.5px;color:var(--text-secondary);line-height:1}.sc-week-grid{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.sc-week-col{position:relative;border-left:1px solid var(--hairline)}.sc-week-col.is-today{background:color-mix(in srgb,#6366f1 4%,var(--bg-primary))}.sc-week-hour-line{position:absolute;left:0;right:0;height:1px;background:color-mix(in srgb,var(--text-primary) 6%,transparent);pointer-events:none}.sc-week-now{position:absolute;left:-4px;right:0;height:1.5px;background:#ef4444;z-index:2}.sc-week-now-dot{position:absolute;left:-3px;top:-3px;width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 3px color-mix(in srgb,#ef4444 25%,transparent)}.sc-week-evt{position:absolute;border-radius:7px;display:flex;overflow:hidden;font-family:var(--font-ui);background:color-mix(in srgb,var(--task-color, #6366f1) 12%,var(--bg-primary));border:1px solid color-mix(in srgb,var(--task-color, #6366f1) 35%,var(--hairline));opacity:0;transform:translateY(4px) scale(.97);animation:sc-week-evt-fade .52s cubic-bezier(.2,.8,.2,1) forwards;z-index:1}.sc-week-evt:hover{z-index:3}@keyframes sc-week-evt-fade{to{opacity:1;transform:none}}.sc-week-evt--work{--task-color: #5046e5}.sc-week-evt--personal{--task-color: #8b5cf6}.sc-week-evt--health{--task-color: #22c55e}.sc-week-evt--education{--task-color: #f59e0b}.sc-week-evt-bar{width:3px;flex-shrink:0;background:var(--task-color, #6366f1)}.sc-week-evt-body{flex:1;padding:4px 6px;display:flex;flex-direction:column;gap:2px;min-width:0}.sc-week-evt-head{display:flex;align-items:center;gap:5px;min-width:0}.sc-week-evt-time{font-family:var(--font-mono);font-size:9px;font-weight:600;color:color-mix(in srgb,var(--task-color, #6366f1) 80%,var(--text-primary));letter-spacing:.02em;flex-shrink:0}.sc-week-evt-cat{font-size:8.5px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;padding:1px 5px;border-radius:999px;background:color-mix(in srgb,var(--task-color, #6366f1) 18%,transparent);color:color-mix(in srgb,var(--task-color, #6366f1) 75%,var(--text-primary));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-week-evt-title{font-size:10.5px;font-weight:600;color:var(--text-primary);line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sc-calendar{display:flex;flex-direction:column;width:100%;height:100%;padding:20px}.sc-cal-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--border-subtle);margin-bottom:12px}.sc-cal-title{width:120px;height:14px;border-radius:4px;background:var(--border-color)}.sc-cal-nav{width:90px;height:26px;border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-subtle)}.sc-cal-body{flex:1;display:grid;grid-template-columns:44px 1fr;gap:12px;min-height:0}.sc-cal-hours{display:flex;flex-direction:column;justify-content:space-between;padding:4px 0;font-size:10px;color:var(--text-muted);font-family:Outfit,sans-serif;font-weight:500}.sc-cal-grid{position:relative;background:var(--bg-primary);border-radius:var(--radius);border:1px solid var(--border-subtle);overflow:hidden;display:flex;flex-direction:column}.sc-cal-row{flex:1;border-bottom:1px dashed var(--border-subtle)}.sc-cal-row:last-child{border-bottom:none}.sc-cal-evt{position:absolute;border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:3px;overflow:hidden;border-left:3px solid;background:var(--bg-secondary);box-shadow:0 1px 3px #0000000a}.sc-cal-evt b{font-size:11.5px;font-weight:600;color:var(--text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-cal-evt span{font-size:10px;color:var(--text-muted);font-family:Outfit,sans-serif}.sc-cal-evt--a{background:color-mix(in srgb,var(--accent) 12%,var(--bg-secondary));border-left-color:var(--accent)}.sc-cal-evt--b{background:color-mix(in srgb,#0ea5e9 12%,var(--bg-secondary));border-left-color:#0ea5e9}.sc-cal-evt--c{background:color-mix(in srgb,#10b981 12%,var(--bg-secondary));border-left-color:#10b981}.sc-cal-now{position:absolute;left:-4px;right:0;height:2px;background:#ef4444;pointer-events:none;z-index:2}.sc-cal-now-dot{position:absolute;left:0;top:-4px;width:10px;height:10px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 3px color-mix(in srgb,#ef4444 25%,transparent)}.sc-focus{display:grid;grid-template-columns:1fr 220px;gap:24px;padding:28px;width:100%;height:100%}.sc-focus-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.sc-focus-task{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border-subtle)}.sc-focus-task>div{display:flex;flex-direction:column;line-height:1.2}.sc-focus-task b{font-size:13px;font-weight:600;color:var(--text-primary)}.sc-focus-task span{font-size:11px;color:var(--text-muted);font-family:Outfit,sans-serif}.sc-focus-ring{position:relative;width:180px;height:180px}.sc-focus-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.sc-ring-bg{fill:none;stroke:var(--border-subtle);stroke-width:8}.sc-ring-fg{fill:none;stroke:var(--accent);stroke-width:8;stroke-linecap:round;stroke-dasharray:339.29;stroke-dashoffset:95;filter:drop-shadow(0 0 8px var(--accent-glow))}.sc-focus-time{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.sc-focus-digits{font-family:Outfit,sans-serif;font-size:32px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.sc-focus-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.sc-focus-actions{display:flex;gap:12px}.sc-focus-btn{width:110px;height:36px;border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border-color)}.sc-focus-btn--primary{background:var(--accent);border-color:var(--accent);box-shadow:0 4px 10px -2px var(--accent-glow)}.sc-focus-side{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.sc-focus-sideitem{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;background:var(--bg-secondary);border:1px solid transparent}.sc-focus-sideitem.active{border-color:var(--accent-light);background:color-mix(in srgb,var(--accent) 6%,var(--bg-secondary))}.sc-focus-check{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--border-color);flex-shrink:0}.sc-focus-check.done{background:var(--success);border-color:var(--success)}.sc-focus-lines{flex:1;display:flex;flex-direction:column;gap:4px}.sc-stats{display:flex;flex-direction:column;gap:18px;padding:24px;width:100%;height:100%}.sc-stats-top{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sc-kpi{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.sc-kpi-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.sc-kpi-value{font-family:Outfit,sans-serif;font-size:26px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1}.sc-kpi-trend{font-size:11px;color:var(--success);font-weight:600;font-family:Outfit,sans-serif}.sc-stats-main{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;flex:1;min-height:0}.sc-stats-chart,.sc-stats-cats{display:flex;flex-direction:column;padding:16px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);min-height:0}.sc-chart-head{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.sc-bars{flex:1;display:grid;grid-template-columns:repeat(7,1fr);gap:6px;align-items:end;min-height:0}.sc-bar-col{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}.sc-bar{width:100%;max-width:22px;background:linear-gradient(180deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 70%,transparent) 100%);border-radius:4px 4px 2px 2px;min-height:4px}.sc-bar-col:nth-child(5) .sc-bar{background:linear-gradient(180deg,#0ea5e9,color-mix(in srgb,#0ea5e9 70%,transparent))}.sc-bar-lbl{font-size:10px;color:var(--text-muted);font-family:Outfit,sans-serif;font-weight:500}.sc-cat-row{display:flex;flex-direction:column;gap:5px;padding:5px 0}.sc-cat-row:not(:last-child){border-bottom:1px solid var(--border-subtle)}.sc-stats-cats{overflow:hidden}.sc-cat-head{display:flex;justify-content:space-between;font-size:12px;color:var(--text-primary);font-weight:500}.sc-cat-pct{font-family:Outfit,sans-serif;color:var(--text-muted);font-weight:600}.sc-cat-bar{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.sc-cat-fill{height:100%;border-radius:3px}.sc-cat-fill--b{background:#0ea5e9}.sc-cat-fill--c{background:#10b981}.sc-cat-fill--d{background:#f59e0b}.sc-cal-mb{width:100%;padding:14px}.sc-cal-mb-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.sc-cal-mb-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-primary);border:1px solid var(--border-subtle, var(--hairline));border-left:3px solid var(--accent);border-radius:10px}.sc-cal-mb-time{font-family:var(--font-mono, "Outfit", sans-serif);font-size:12px;font-weight:700;color:var(--text-secondary);letter-spacing:.02em;flex-shrink:0;min-width:44px}.sc-cal-mb-title{font-family:var(--font-ui, "Outfit", sans-serif);font-size:13.5px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.sc-cal-mb-item--a{border-left-color:var(--accent)}.sc-cal-mb-item--b{border-left-color:#0ea5e9}.sc-cal-mb-item--c{border-left-color:#10b981}.sc-focus-mb{width:100%;padding:22px 14px 26px;display:flex;flex-direction:column;align-items:center;gap:18px}.sc-focus-mb-task{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:var(--bg-primary);border:1px solid var(--border-subtle, var(--hairline))}.sc-focus-mb-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;flex-shrink:0}.sc-focus-mb-task-title{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-focus-mb-ring{position:relative;width:168px;height:168px}.sc-focus-mb-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.sc-focus-mb-time{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.sc-focus-mb-digits{font-family:Outfit,sans-serif;font-size:30px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.sc-focus-mb-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.sc-stats-mb{width:100%;padding:14px;display:flex;flex-direction:column;gap:12px}.sc-stats-mb-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sc-stats-mb-kpi{padding:14px 12px;background:var(--bg-primary);border:1px solid var(--border-subtle, var(--hairline));border-radius:12px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.sc-stats-mb-kpi--accent{background:color-mix(in srgb,var(--accent) 14%,var(--bg-primary));border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.sc-stats-mb-value{font-family:Outfit,sans-serif;font-size:24px;font-weight:700;color:var(--text-primary);line-height:1;letter-spacing:-.02em}.sc-stats-mb-kpi--accent .sc-stats-mb-value{color:var(--accent)}.sc-stats-mb-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.sc-stats-mb-chart{padding:14px 12px 10px;background:var(--bg-primary);border:1px solid var(--border-subtle, var(--hairline));border-radius:12px}.sc-stats-mb-chart-head{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.sc-stats-mb-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;height:84px}.sc-stats-mb-bar-col{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.sc-stats-mb-bar{width:100%;max-width:18px;background:linear-gradient(180deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 65%,transparent) 100%);border-radius:3px 3px 1px 1px;min-height:4px}.sc-stats-mb-bar-lbl{font-size:9px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}@media(max-width:960px){.landing-hero{flex-direction:column;padding:56px 24px 48px;gap:40px}.landing-mockup--hero{max-width:100%}.showcase-stage{grid-template-columns:1fr;padding:32px 20px;gap:28px}.landing-showcase{padding:64px 20px 72px}.sc-focus{grid-template-columns:1fr}.sc-focus-side{display:none}.landing-features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.landing-header{padding:10px 14px}.landing-logo-text{font-size:18px}.landing-logo-icon{width:30px;height:30px;font-size:15px;border-radius:8px}.landing-header-actions{gap:4px}.landing-login-btn{padding:6px 10px;font-size:12px}.landing-cta-sm{padding:6px 14px;font-size:13px}.landing-hero{padding:40px 16px 36px;gap:32px;text-align:center}.landing-hero-content{align-items:center;display:flex;flex-direction:column}.landing-subtitle{max-width:100%;text-align:center}.landing-hero-actions,.landing-trust-badges{justify-content:center}.landing-hero-visual{width:100%;max-width:380px;margin:0 auto}.landing-hero:before{width:300px;height:300px;top:-50px;right:-80px}.landing-features{padding:40px 16px 48px}.landing-features-grid{grid-template-columns:1fr;gap:14px}.landing-section-title{font-size:24px;margin-bottom:28px}.landing-feature-card{padding:20px 18px}.landing-how{padding:40px 16px 48px}.landing-steps{flex-direction:column;gap:20px}.landing-steps:before{display:none}.landing-step{text-align:left;display:flex;align-items:flex-start;gap:16px;padding:12px 0}.landing-step .step-number{margin:0;flex-shrink:0;width:40px;height:40px;font-size:18px}.landing-step .step-emoji-badge{display:none}.landing-step p{max-width:100%;margin:0}.showcase-stage{grid-template-columns:1fr;padding:20px 14px;gap:20px}.showcase-stage-desc h3{font-size:20px}.showcase-frame{aspect-ratio:auto;min-height:0;padding:0}.landing-cta-section{padding:60px 16px}.landing-cta-section h2{font-size:24px}.landing-cta-section p{font-size:15px}.landing-cta-benefits{gap:12px;flex-direction:column;align-items:center}}@media(max-width:560px){.landing-title{font-size:28px}.landing-subtitle{font-size:15px;margin-bottom:20px}.landing-cta{padding:12px 24px;font-size:15px}.landing-cta-ghost{padding:11px 20px;font-size:14px}.showcase-tabs{width:100%}.showcase-tab{flex:1;padding:8px 10px;font-size:12px}.landing-footer{flex-direction:column;gap:4px;padding:20px 16px}.landing-footer-sep{display:none}}@media(max-width:420px){.landing-hero{padding:28px 12px;gap:24px}.landing-hero-visual{max-width:100%}.landing-eyebrow{font-size:11px;padding:4px 10px}.landing-hero-actions{flex-direction:column;width:100%}.landing-cta,.landing-cta-ghost{width:100%;text-align:center}.landing-login-btn{display:none}}:root{--font-ui: "Inter", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Roboto Mono", Menlo, monospace;--grid-line: rgba(10, 10, 20, .07);--spotlight: rgba(80, 70, 229, .09);--hairline: rgba(10, 10, 20, .08);--panel: rgba(255, 255, 255, .6)}[data-theme=dark]{--bg-primary: #0a0a0c;--bg-secondary: #111114;--bg-tertiary: #16161b;--grid-line: rgba(255, 255, 255, .06);--spotlight: rgba(124, 111, 247, .1);--hairline: rgba(255, 255, 255, .08);--panel: rgba(255, 255, 255, .02)}.landing{background:radial-gradient(ellipse 900px 600px at 50% -10%,var(--spotlight),transparent 70%),var(--bg-primary);background-attachment:fixed,fixed;position:relative;font-family:var(--font-ui)}.landing:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 80% 80%,rgba(80,70,229,.05),transparent 40%)}[data-theme=dark] .landing:before{background:radial-gradient(circle at 80% 80%,rgba(124,111,247,.07),transparent 40%)}.landing:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.14;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.5' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:220px 220px}[data-theme=dark] .landing:after{opacity:.08;mix-blend-mode:screen;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.5' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.landing>*{position:relative;z-index:1}.landing-aurora{display:none!important}.landing-hero:before{display:none!important}.landing-hero-visual:after{display:none!important}.landing-title{font-family:var(--font-ui);font-weight:600;font-size:clamp(42px,5.2vw,68px);line-height:1.02;letter-spacing:-.035em;color:var(--text-primary);background:none;-webkit-text-fill-color:currentColor;margin-bottom:20px;animation:quietRise .7s cubic-bezier(.22,1,.36,1) .12s both}.landing-subtitle{font-family:var(--font-ui);font-weight:400;font-size:18px;line-height:1.55;color:var(--text-secondary);max-width:520px;margin-bottom:36px;animation:quietRise .7s cubic-bezier(.22,1,.36,1) .22s both}.landing-hero-actions{animation:quietRise .7s cubic-bezier(.22,1,.36,1) .32s both}.landing-note{animation:quietRise .7s cubic-bezier(.22,1,.36,1) .42s both;color:var(--text-muted)}.landing-section-title{font-family:var(--font-ui);font-weight:600;letter-spacing:-.025em;color:var(--text-primary)}.landing-section-subtitle{font-family:var(--font-ui);font-weight:400;color:var(--text-secondary)}.landing-eyebrow{padding:5px 12px;background:transparent;border:1px solid var(--hairline);color:var(--text-secondary);font-family:var(--font-ui);font-size:12px;font-weight:500;letter-spacing:.01em;border-radius:9999px;animation:quietRise .7s cubic-bezier(.22,1,.36,1) .02s both}.landing-eyebrow:before{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.landing-header{background:color-mix(in srgb,var(--bg-primary) 70%,transparent);border-bottom:1px solid var(--hairline);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2)}.landing-logo-icon{background:var(--text-primary);color:var(--bg-primary);font-family:var(--font-ui);font-weight:700;font-size:15px;width:30px;height:30px;border-radius:7px;box-shadow:none}.landing-logo-text{font-family:var(--font-ui);font-weight:600;font-size:17px;letter-spacing:-.015em}.theme-toggle,.lang-toggle{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--hairline);border-radius:8px;color:var(--text-secondary);font-family:var(--font-ui);font-size:12px;font-weight:600;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.lang-toggle{padding:0}.theme-toggle:hover,.lang-toggle:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:color-mix(in srgb,var(--text-primary) 20%,transparent)}.landing-login-btn{background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-ui);font-size:13px;font-weight:500;padding:8px 14px;cursor:pointer;border-radius:8px;transition:color .18s ease,background .18s ease}.landing-login-btn:hover{color:var(--text-primary);background:transparent}.landing-cta-sm{padding:7px 14px;border-radius:8px;background:var(--text-primary);color:var(--bg-primary);font-family:var(--font-ui);font-size:13px;font-weight:500;box-shadow:none;transition:opacity .18s ease,transform .18s ease}.landing-cta-sm:hover{opacity:.88;background:var(--text-primary);box-shadow:none;transform:none}.landing-hero{padding:110px 32px 90px;gap:72px;max-width:1240px}.landing-cta{font-family:var(--font-ui);font-weight:500;font-size:15px;padding:12px 22px;border-radius:10px;background:var(--accent);color:#fff;box-shadow:0 1px color-mix(in srgb,var(--accent) 40%,transparent) inset,0 6px 20px -8px var(--accent-glow);transition:transform .16s ease,box-shadow .2s ease,background .18s ease}.landing-cta:hover{transform:translateY(-1px);background:var(--accent-hover);box-shadow:0 1px color-mix(in srgb,var(--accent) 40%,transparent) inset,0 10px 28px -8px var(--accent-glow)}.landing-cta:after{display:none!important}.landing-cta-ghost,.landing-cta.landing-cta-outline{background:transparent;color:var(--text-primary);border:1px solid var(--hairline);box-shadow:none}.landing-cta-ghost:hover,.landing-cta.landing-cta-outline:hover{background:transparent;border-color:color-mix(in srgb,var(--text-primary) 28%,transparent);color:var(--text-primary);box-shadow:none}.landing-mockup,.landing-mockup--hero{background:var(--bg-secondary);border:1px solid var(--hairline);border-radius:14px;box-shadow:0 1px #ffffff08 inset,0 30px 60px -20px #0a0a142e,0 10px 30px -10px #0a0a1414;animation:mockupEntrance 1.1s cubic-bezier(.22,1,.36,1) .28s both,mockupFloat 7s ease-in-out 1.4s infinite;max-width:580px;transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s ease}.landing-mockup--hero:hover{transform:translateY(-4px)}[data-theme=dark] .landing-mockup,[data-theme=dark] .landing-mockup--hero{box-shadow:0 1px #ffffff0a inset,0 30px 60px -20px #0009,0 10px 30px -10px #0006}.mockup-bar{background:var(--bg-tertiary);border-bottom:1px solid var(--hairline);padding:9px 12px}.mockup-urlbar{background:color-mix(in srgb,var(--text-primary) 8%,transparent);height:10px;border-radius:3px}.landing-showcase{background:transparent;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:100px 32px 110px}.landing-showcase-inner{max-width:1180px}.landing-showcase-intro{max-width:640px;margin:0 auto 48px}.landing-showcase-intro .landing-section-title{font-size:clamp(30px,3.6vw,44px);margin-bottom:14px}.landing-showcase-intro .landing-section-subtitle{font-size:17px;line-height:1.55}.showcase-tabs{padding:4px;background:var(--bg-secondary);border:1px solid var(--hairline);border-radius:10px;gap:2px;margin-bottom:40px}.showcase-tab{padding:9px 20px;border-radius:7px;font-family:var(--font-ui);font-size:13.5px;font-weight:500;color:var(--text-secondary);transition:color .16s ease,background .16s ease}.showcase-tab:hover{color:var(--text-primary);background:transparent}.showcase-tab.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 0 0 1px var(--hairline),0 1px 2px #0a0a140a}[data-theme=dark] .showcase-tab.active{background:var(--bg-tertiary);box-shadow:0 0 0 1px var(--hairline),0 1px 2px #0000004d}.showcase-stage{background:var(--bg-secondary);border:1px solid var(--hairline);border-radius:16px;box-shadow:none;padding:40px;gap:56px}.showcase-stage-desc h3{font-family:var(--font-ui);font-weight:600;font-size:24px;letter-spacing:-.02em}.showcase-stage-desc p{font-family:var(--font-ui);font-size:15px;line-height:1.6;color:var(--text-secondary)}.showcase-frame{background:var(--bg-primary);border:1px solid var(--hairline);border-radius:12px;box-shadow:none}.sc-cal-title{background:color-mix(in srgb,var(--text-primary) 14%,transparent);height:12px;border-radius:3px;width:100px}.sc-cal-nav{background:transparent;border:1px solid var(--hairline);border-radius:7px;height:24px}.sc-cal-hours{font-family:var(--font-mono);font-size:10px;font-weight:400;color:var(--text-muted)}.sc-cal-grid{background:transparent;border:1px solid var(--hairline)}.sc-cal-row{border-bottom:1px solid var(--hairline)}.sc-cal-evt{background:var(--bg-secondary);border-left-width:2px;border-radius:6px;box-shadow:none;padding:7px 9px}.sc-cal-evt b{font-family:var(--font-ui);font-weight:500;font-size:11px;letter-spacing:-.005em}.sc-cal-evt span{font-family:var(--font-mono);font-size:9.5px;color:var(--text-muted)}.sc-cal-evt--a{background:color-mix(in srgb,var(--accent) 7%,var(--bg-secondary));border-left-color:var(--accent)}.sc-cal-evt--b{background:color-mix(in srgb,#10b981 6%,var(--bg-secondary));border-left-color:#10b981}.sc-cal-evt--c{background:color-mix(in srgb,#d97706 5%,var(--bg-secondary));border-left-color:#d97706}.sc-focus-card{background:transparent;border:1px solid var(--hairline);border-radius:12px}.sc-focus-task{background:var(--bg-secondary);border:1px solid var(--hairline);border-radius:9999px;padding:8px 14px}.sc-focus-task b{font-family:var(--font-ui);font-weight:500;font-size:12.5px}.sc-focus-task span{font-family:var(--font-mono);font-size:10.5px;color:var(--text-muted)}.sc-ring-bg{stroke:var(--hairline);stroke-width:6}.sc-ring-fg{stroke:var(--accent);stroke-width:6;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 35%,transparent))}.sc-focus-digits{font-family:var(--font-mono);font-weight:500;font-size:30px;letter-spacing:-.02em;color:var(--text-primary)}.sc-focus-label{font-family:var(--font-ui);font-size:10px;font-weight:500;letter-spacing:.12em;color:var(--text-muted)}.sc-focus-btn{border-radius:9999px;background:transparent;border:1px solid var(--hairline);height:34px;width:100px}.sc-focus-btn--primary{background:var(--accent);border-color:var(--accent);box-shadow:0 4px 14px -4px var(--accent-glow)}.sc-focus-side{background:transparent;border:1px solid var(--hairline);border-radius:12px;padding:12px}.sc-focus-sideitem{background:transparent;border-radius:8px;border:1px solid transparent;padding:7px 8px}.sc-focus-sideitem.active{background:color-mix(in srgb,var(--accent) 5%,var(--bg-secondary));border-color:color-mix(in srgb,var(--accent) 18%,transparent)}.sc-kpi{background:transparent;border:1px solid var(--hairline);border-radius:10px;padding:14px 16px}.sc-kpi-label{font-family:var(--font-ui);font-size:11px;font-weight:500;letter-spacing:.04em;color:var(--text-muted);text-transform:none}.sc-kpi-value{font-family:var(--font-mono);font-weight:500;font-size:26px;letter-spacing:-.02em;color:var(--text-primary);font-variant-numeric:tabular-nums}.sc-kpi-trend{font-family:var(--font-mono);font-size:11px;font-weight:500;color:#10b981}.sc-stats-chart,.sc-stats-cats{background:transparent;border:1px solid var(--hairline);border-radius:12px}.sc-chart-head{font-family:var(--font-ui);font-size:11px;font-weight:500;letter-spacing:.02em;color:var(--text-secondary);text-transform:none}.sc-bar{background:var(--accent);opacity:.9;border-radius:3px 3px 1px 1px}.sc-bar-col:nth-child(5) .sc-bar{background:var(--text-primary);opacity:.7}.sc-bar-lbl{font-family:var(--font-mono);font-size:9.5px;color:var(--text-muted)}.sc-cat-head{font-family:var(--font-ui);font-size:12px;font-weight:500;color:var(--text-primary)}.sc-cat-pct{font-family:var(--font-mono);color:var(--text-muted);font-weight:500;font-variant-numeric:tabular-nums}.sc-cat-bar{background:var(--bg-tertiary);height:5px;border-radius:2px}.sc-cat-fill--a{background:var(--accent)}.sc-cat-fill--b{background:#10b981}.sc-cat-fill--c{background:#d97706}.sc-cat-fill--d{background:var(--text-secondary)}.landing-cta-section{background:transparent;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:110px 32px;position:relative;overflow:hidden}.landing-cta-section:before{background:radial-gradient(ellipse 700px 400px at 50% 50%,var(--spotlight),transparent 70%)!important;inset:0!important;animation:none!important}.landing-cta-section h2{font-family:var(--font-ui);font-weight:600;font-size:clamp(30px,4vw,44px);letter-spacing:-.025em;line-height:1.05;margin-bottom:14px}.landing-cta-section p{font-family:var(--font-ui);font-weight:400;font-size:17px;color:var(--text-secondary);margin-bottom:32px}.landing-footer{border-top:1px solid var(--hairline);font-family:var(--font-ui);font-size:12.5px;color:var(--text-muted);padding:32px}.landing-footer-link{font-family:var(--font-ui);font-size:12.5px;color:var(--text-muted);text-decoration:none;border-bottom:1px solid transparent;transition:color .18s ease,border-color .18s ease}.landing-footer-link:hover{color:var(--text-primary);border-bottom-color:var(--hairline)}.landing-scroll-progress{height:2px;background:var(--accent);box-shadow:none}.mkp-card{background:var(--bg-secondary);border:1px solid var(--hairline);border-radius:8px}.mkp-card.active{background:color-mix(in srgb,var(--accent) 6%,var(--bg-secondary));border-color:color-mix(in srgb,var(--accent) 22%,transparent)}.mkp-evt.accent{background:color-mix(in srgb,var(--accent) 10%,var(--bg-secondary));border-color:color-mix(in srgb,var(--accent) 22%,transparent)}.mkp-evt.soft{background:color-mix(in srgb,var(--accent) 4%,var(--bg-secondary));border-color:var(--hairline)}.mkp-add{background:var(--text-primary);opacity:.85;border-radius:4px}@keyframes quietRise{0%{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes mockupEntrance{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mockupFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes nowLinePulse{0%,to{opacity:.85;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}@keyframes focusRingSweep{0%{stroke-dashoffset:339.29}to{stroke-dashoffset:95}}@keyframes barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes catFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.sc-cal-now{transform-origin:center;animation:nowLinePulse 2.4s ease-in-out infinite}.sc-cal-now-dot{animation:nowLinePulse 2.4s ease-in-out infinite}.sc-calendar .sc-cal-evt{animation:quietRise .5s cubic-bezier(.22,1,.36,1) both}.sc-calendar .sc-cal-evt:nth-child(2){animation-delay:.08s}.sc-calendar .sc-cal-evt:nth-child(3){animation-delay:.16s}.sc-calendar .sc-cal-evt:nth-child(4){animation-delay:.24s}.sc-calendar .sc-cal-evt:nth-child(5){animation-delay:.32s}.sc-calendar .sc-cal-evt:nth-child(6){animation-delay:.4s}.sc-ring-fg{animation:focusRingSweep 1.4s cubic-bezier(.22,1,.36,1) .2s both}.sc-focus-digits{animation:quietRise .6s cubic-bezier(.22,1,.36,1) .4s both}.sc-bar{transform-origin:bottom center;animation:barGrow .7s cubic-bezier(.22,1,.36,1) both}.sc-bar-col:nth-child(1) .sc-bar{animation-delay:.04s}.sc-bar-col:nth-child(2) .sc-bar{animation-delay:.1s}.sc-bar-col:nth-child(3) .sc-bar{animation-delay:.16s}.sc-bar-col:nth-child(4) .sc-bar{animation-delay:.22s}.sc-bar-col:nth-child(5) .sc-bar{animation-delay:.28s}.sc-bar-col:nth-child(6) .sc-bar{animation-delay:.34s}.sc-bar-col:nth-child(7) .sc-bar{animation-delay:.4s}.sc-cat-fill{transform-origin:left center;animation:catFill .9s cubic-bezier(.22,1,.36,1) .2s both}.sc-cat-row:nth-child(3) .sc-cat-fill{animation-delay:.35s}.sc-kpi{animation:quietRise .55s cubic-bezier(.22,1,.36,1) both}.sc-kpi:nth-child(2){animation-delay:.08s}.sc-kpi:nth-child(3){animation-delay:.16s}.landing-mockup--hero .mkp-card{animation:quietRise .5s cubic-bezier(.22,1,.36,1) both}.landing-mockup--hero .mkp-card:nth-child(2){animation-delay:.5s}.landing-mockup--hero .mkp-card:nth-child(3){animation-delay:.58s}.landing-mockup--hero .mkp-card:nth-child(4){animation-delay:.66s}.landing-mockup--hero .mkp-card:nth-child(5){animation-delay:.74s}.landing-mockup--hero .mkp-evt{animation:quietRise .5s cubic-bezier(.22,1,.36,1) both;animation-delay:.6s}.landing-mockup--hero .mkp-evt:nth-child(n+2){animation-delay:.66s}.landing-mockup--hero .mkp-evt:nth-child(n+4){animation-delay:.74s}.landing-mockup--hero .mkp-evt:nth-child(n+6){animation-delay:.82s}.reveal-on-scroll{opacity:0;transform:translateY(22px);filter:blur(2px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),filter .7s cubic-bezier(.22,1,.36,1);will-change:opacity,transform,filter}.reveal-on-scroll.is-revealed{opacity:1;transform:translateY(0);filter:blur(0)}.showcase-stage{transition:border-color .3s ease,transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}.showcase-stage:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--text-primary) 18%,transparent)}.showcase-frame{animation:quietRise .45s cubic-bezier(.22,1,.36,1)}.landing-cta-section:before{animation:spotlightBreathe 9s ease-in-out infinite!important}@keyframes spotlightBreathe{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.landing-cta{position:relative;overflow:hidden}.landing-cta:not(.landing-cta-ghost):before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);transform:translate(-110%);animation:ctaShine 5s ease-in-out 1.5s infinite;pointer-events:none}@keyframes ctaShine{0%,60%,to{transform:translate(-110%)}80%{transform:translate(110%)}}.mkp-live-dot{animation:liveDotPulse 1.8s ease-out infinite}@keyframes liveDotPulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 55%,transparent)}70%{box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--accent) 0%,transparent)}}.landing-header{animation:quietRise .6s cubic-bezier(.22,1,.36,1) both}@media(prefers-reduced-motion:reduce){.landing-title,.landing-subtitle,.landing-hero-actions,.landing-note,.landing-eyebrow,.landing-mockup,.landing-mockup--hero,.landing-header,.showcase-frame,.sc-cal-now,.sc-cal-now-dot,.sc-calendar .sc-cal-evt,.sc-ring-fg,.sc-focus-digits,.sc-bar,.sc-cat-fill,.sc-kpi,.landing-mockup--hero .mkp-card,.landing-mockup--hero .mkp-evt,.landing-cta-section:before,.landing-cta:before,.mkp-live-dot{animation:none!important}.reveal-on-scroll{opacity:1!important;transform:none!important;filter:none!important}}body,.app,.app *{font-family:var(--font-ui)}.app h1,.app h2,.app h3,.app h4,.modal h2,.modal h3,.calendar-header h2,.stats-section-title,.task-list-header h2{font-family:var(--font-ui);font-weight:600;letter-spacing:-.02em}.app{background:radial-gradient(ellipse 1100px 700px at 50% -15%,var(--spotlight),transparent 75%),var(--bg-primary)}.app-topbar{background:color-mix(in srgb,var(--bg-primary) 78%,transparent);backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);border-bottom:1px solid var(--hairline);box-shadow:none;height:52px}.app-logo-icon{background:var(--text-primary);color:var(--bg-primary);font-family:var(--font-ui);font-weight:700;border-radius:7px;box-shadow:none}.app-logo-btn:hover{background:transparent}.app-logo-btn:hover .app-logo-icon{box-shadow:0 0 0 3px color-mix(in srgb,var(--text-primary) 10%,transparent)}.app-logo-text{font-weight:600;letter-spacing:-.015em}.topbar-sync-btn,.app-signout-btn{border:1px solid var(--hairline);background:transparent;border-radius:8px;font-size:13px;font-weight:500;padding:6px 12px;box-shadow:none;color:var(--text-secondary);transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.topbar-sync-btn:hover,.app-signout-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:color-mix(in srgb,var(--text-primary) 20%,transparent);box-shadow:none;transform:none}.app-user-email{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.view-toggle{background:var(--bg-secondary);border:1px solid var(--hairline);border-radius:9px;padding:3px;gap:0}.view-toggle button{background:transparent;border:none;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-secondary);box-shadow:none;transition:background .16s ease,color .16s ease}.view-toggle button:hover{background:transparent;color:var(--text-primary)}.view-toggle button.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 0 0 1px var(--hairline),0 1px 2px #0a0a140a;transform:none}[data-theme=dark] .view-toggle button.active{background:var(--bg-tertiary);box-shadow:0 0 0 1px var(--hairline),0 1px 2px #0000004d}.calendar{background:transparent;border:none}.calendar-header{border-bottom:1px solid var(--hairline);background:transparent;padding:14px 20px}.calendar-header h2{font-size:17px;font-weight:600}.nav-btn,.today-btn{background:transparent;border:1px solid var(--hairline);border-radius:8px;font-size:13px;font-weight:500;color:var(--text-secondary);padding:6px 12px;transition:background .16s ease,color .16s ease,border-color .16s ease;box-shadow:none}.nav-btn:hover,.today-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:color-mix(in srgb,var(--text-primary) 20%,transparent)}.calendar-header h2,.day-number,.kanban-day-date,.hour-label,.kanban-gutter-label,.task-time,.week-task-time,.focus-digits,.focus-time,.duration-badge,.stats-card-value,.heatmap-hour,.completion-count,.mini-day,.mini-month-title{font-variant-numeric:tabular-nums}.hour-label,.kanban-gutter-label,.task-time,.week-task-time,.mini-day,.heatmap-hour{font-family:var(--font-mono);font-weight:400}.month-grid{border:1px solid var(--hairline);border-radius:10px;overflow:hidden;background:var(--bg-secondary)}.month-header{background:transparent;border-bottom:1px solid var(--hairline)}.month-day-name{color:var(--text-muted);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em}.calendar-day{border:none;border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);background:transparent;border-radius:0;transition:background .16s ease}.calendar-day:hover{background:var(--bg-tertiary);border-color:var(--hairline);box-shadow:none}.calendar-day.today{background:color-mix(in srgb,var(--accent) 5%,transparent);border-color:var(--hairline);box-shadow:none}.calendar-day.today:after{content:none}.day-number{font-family:var(--font-mono);font-weight:500;font-size:13px;color:var(--text-secondary)}.calendar-day.today .day-number{color:var(--accent);font-weight:600}.task-count{font-size:10.5px;color:var(--text-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.kanban-container{background:transparent;border:none}.kanban-headers-bar{border-bottom:1px solid var(--hairline);background:transparent}.kanban-day-name{color:var(--text-muted);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em}.kanban-day-date{font-family:var(--font-mono);font-weight:500;font-variant-numeric:tabular-nums;color:var(--text-primary)}.kanban-task-count{font-family:var(--font-mono);font-size:10.5px;color:var(--text-muted)}.kanban-columns{background:transparent}.kanban-gutter{border-right:1px solid var(--hairline);background:transparent}.kanban-gutter-label{color:var(--text-muted);font-size:10.5px}.week-hour-line{border-top:1px solid var(--hairline);opacity:1}.kanban-now-line{background:#ef4444;height:1.5px;box-shadow:none}.kanban-now-dot{background:#ef4444;width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb,#ef4444 22%,transparent)}.week-task-title{font-weight:500;font-size:12.5px;letter-spacing:-.005em}.week-task-time{font-size:10.5px;color:var(--text-muted)}.week-task-cat{font-size:9.5px;color:var(--text-muted)}.task-list{background:var(--bg-secondary);border-left:1px solid var(--hairline);border-radius:0}.task-list-header{padding:14px 16px;border-bottom:1px solid var(--hairline);background:transparent}.task-list-header h2{font-size:15px;font-weight:600}.search-wrapper{position:relative}.search-input{background:var(--bg-primary);border:1px solid var(--hairline);border-radius:8px;font-size:13px;padding:8px 12px;color:var(--text-primary);transition:border-color .16s ease,background .16s ease}.search-input:focus{border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 0 0 3px var(--accent-light);outline:none}.search-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:11px}.task-card{background:var(--bg-primary);border:1px solid var(--hairline);border-radius:9px;padding:10px 12px;transition:background .16s ease,border-color .16s ease,transform .16s cubic-bezier(.22,1,.36,1);box-shadow:none}.task-card:hover{background:var(--bg-secondary);border-color:color-mix(in srgb,var(--text-primary) 14%,transparent);box-shadow:none;transform:translateY(-1px)}.task-card:before{width:2px;top:8px;bottom:8px;border-radius:0 2px 2px 0}.task-title{font-weight:500;font-size:13.5px;letter-spacing:-.005em;color:var(--text-primary)}.task-time,.duration-badge{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:500;font-size:11px;color:var(--text-muted)}.task-cat-badge,.category-badge{font-size:10.5px;font-weight:500;border-radius:4px;padding:2px 7px;background:var(--bg-tertiary);color:var(--text-secondary);border:none}.repeat-badge{font-size:10px;color:var(--text-muted);background:transparent;border:1px solid var(--hairline)}.add-task-form{padding:12px;background:var(--bg-primary);border-top:1px solid var(--hairline);border-bottom:none}.add-task-input,.duration-select,.category-filter{background:var(--bg-secondary);border:1px solid var(--hairline);border-radius:8px;font-size:13px;padding:7px 10px;color:var(--text-primary);font-family:var(--font-ui);transition:border-color .16s ease}.add-task-input:focus,.duration-select:focus,.category-filter:focus{border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 0 0 3px var(--accent-light);outline:none}.add-task-btn{background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:8px;font-size:13px;font-weight:500;padding:7px 14px;transition:opacity .16s ease,transform .16s ease;box-shadow:none}.add-task-btn:hover{opacity:.88;transform:none;box-shadow:none}.btn-primary,.focus-start-btn{background:var(--accent);color:#fff;border:none;border-radius:9px;font-weight:500;font-size:13.5px;padding:9px 18px;box-shadow:0 1px color-mix(in srgb,var(--accent) 40%,transparent) inset,0 4px 14px -6px var(--accent-glow);transition:transform .16s ease,box-shadow .2s ease,background .18s ease}.btn-primary:hover,.focus-start-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 1px color-mix(in srgb,var(--accent) 40%,transparent) inset,0 8px 20px -6px var(--accent-glow)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--hairline);border-radius:9px;font-weight:500;font-size:13.5px;padding:9px 18px;box-shadow:none}.btn-secondary:hover{background:var(--bg-secondary);border-color:color-mix(in srgb,var(--text-primary) 20%,transparent);box-shadow:none}.btn-danger{background:transparent;color:#ef4444;border:1px solid color-mix(in srgb,#ef4444 30%,transparent);border-radius:9px;font-weight:500;font-size:13.5px;padding:9px 18px}.btn-danger:hover{background:color-mix(in srgb,#ef4444 8%,transparent)}.toolbar-btn{background:transparent;border:1px solid var(--hairline);border-radius:8px;font-size:12.5px;font-weight:500;color:var(--text-secondary);padding:6px 12px;box-shadow:none;transition:background .16s ease,color .16s ease,border-color .16s ease}.toolbar-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:color-mix(in srgb,var(--text-primary) 18%,transparent)}.toolbar-btn-danger{color:#ef4444;border-color:color-mix(in srgb,#ef4444 25%,transparent)}.toolbar-btn-danger:hover{background:color-mix(in srgb,#ef4444 6%,transparent);color:#ef4444}.tl-icon-btn{background:transparent;border:1px solid var(--hairline);border-radius:7px;width:28px;height:28px;color:var(--text-secondary);transition:background .16s ease,color .16s ease,border-color .16s ease}.tl-icon-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:color-mix(in srgb,var(--text-primary) 18%,transparent)}.modal-overlay{background:color-mix(in srgb,var(--bg-primary) 55%,rgba(0,0,0,.5));-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1)}.modal{background:var(--bg-secondary);border:1px solid var(--hairline);border-radius:14px;box-shadow:0 30px 60px -20px #0a0a1440,0 10px 30px -10px #0a0a141f}[data-theme=dark] .modal{box-shadow:0 30px 60px -20px #000000b3,0 10px 30px -10px #00000073}.modal-header{border-bottom:1px solid var(--hairline);background:transparent}.modal-header h2,.modal-header h3{font-size:16px;font-weight:600}.close-btn{background:transparent;border:1px solid var(--hairline);border-radius:7px;width:28px;height:28px;color:var(--text-secondary);font-size:14px}.close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:color-mix(in srgb,var(--text-primary) 18%,transparent)}.modal-footer{border-top:1px solid var(--hairline);background:transparent}.form-group label{font-size:12px;font-weight:500;color:var(--text-secondary);letter-spacing:.01em;text-transform:none}.form-group input,.form-group textarea,.form-group select,.modal-select{background:var(--bg-primary);border:1px solid var(--hairline);border-radius:9px;font-family:var(--font-ui);font-size:13.5px;padding:9px 12px;color:var(--text-primary);transition:border-color .16s ease,box-shadow .16s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus,.modal-select:focus{border-color:color-mix(in srgb,var(--accent) 50%,transparent);box-shadow:0 0 0 3px var(--accent-light);outline:none}.day-view-overlay{background:color-mix(in srgb,var(--bg-primary) 55%,rgba(0,0,0,.5));-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1)}.day-view,.day-full-view,.day-full-wrapper{background:var(--bg-secondary);border:1px solid var(--hairline);border-radius:14px;box-shadow:0 30px 60px -20px #0a0a1440,0 10px 30px -10px #0a0a141f}.day-view-header{border-bottom:1px solid var(--hairline);background:transparent}.day-view-header h2{font-size:16px;font-weight:600}.day-timeline-toolbar{border-bottom:1px solid var(--hairline);background:transparent;padding:10px 16px}.empty-hour{border-top:1px solid var(--hairline);transition:background .14s ease}.empty-hour:hover{background:var(--bg-tertiary)}.hour-label{color:var(--text-muted);font-size:11px;font-weight:400}.quick-add-input{background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:8px;font-size:13px;padding:7px 10px;box-shadow:0 0 0 3px var(--accent-light)}.continuation-section{padding:12px 16px;background:color-mix(in srgb,var(--accent) 4%,var(--bg-secondary));border-bottom:1px solid var(--hairline)}.continuation-card{background:var(--bg-secondary);border:1px solid var(--hairline);border-left:2px solid var(--accent);border-radius:8px}.continuation-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.continuation-title{font-weight:500;font-size:13.5px}.continuation-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11.5px;color:var(--text-muted)}.stats-view{padding:24px}.stats-nav h2,.stats-section-title{font-size:15px;font-weight:600;letter-spacing:-.01em}.stats-period{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12px;color:var(--text-muted)}.stats-cards{gap:12px}.stats-card{background:transparent;border:1px solid var(--hairline);border-radius:12px;padding:14px 16px;box-shadow:none}.stats-card-accent{border-color:color-mix(in srgb,var(--accent) 30%,transparent);background:color-mix(in srgb,var(--accent) 4%,transparent)}.stats-card-warn{border-color:color-mix(in srgb,#f59e0b 30%,transparent);background:color-mix(in srgb,#f59e0b 4%,transparent)}.stats-card-label{font-size:11px;color:var(--text-muted);letter-spacing:.02em;text-transform:none}.stats-card-value{font-family:var(--font-mono);font-weight:500;font-variant-numeric:tabular-nums;font-size:26px;letter-spacing:-.02em;color:var(--text-primary)}.stats-section{background:transparent;border:1px solid var(--hairline);border-radius:12px;padding:18px;box-shadow:none}.stats-empty{border:1px dashed var(--hairline);background:transparent;border-radius:12px}.heatmap-hour,.heatmap-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:10px}.focus-timer{background:var(--bg-secondary);border:1px solid var(--hairline);border-radius:14px;box-shadow:0 30px 60px -20px #0a0a1440,0 10px 30px -10px #0a0a141f}.focus-timer-header{border-bottom:1px solid var(--hairline);background:transparent}.focus-time,.focus-digits{font-family:var(--font-mono);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--text-primary)}.mobile-tab-bar{background:color-mix(in srgb,var(--bg-primary) 80%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);border-top:1px solid var(--hairline);box-shadow:none}.mobile-tab-label{font-size:11px;font-weight:500}.mini-month{background:transparent;border:1px solid var(--hairline);border-radius:10px;padding:10px}.mini-month-title{font-family:var(--font-ui);font-weight:600;font-size:12px;letter-spacing:-.005em;color:var(--text-primary)}.mini-day{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:10.5px;color:var(--text-secondary)}.mini-day.empty{color:transparent}.mini-dot{background:var(--accent);opacity:.75}.overload-warning{background:color-mix(in srgb,#f59e0b 8%,transparent);border:1px solid color-mix(in srgb,#f59e0b 30%,transparent);color:#b45309;font-size:12.5px;font-weight:500;border-radius:8px;padding:8px 12px}[data-theme=dark] .overload-warning{color:#fbbf24}.template-item{background:var(--bg-primary);border:1px solid var(--hairline);border-radius:9px;padding:10px 12px;transition:background .16s ease,border-color .16s ease}.template-item:hover{background:var(--bg-secondary);border-color:color-mix(in srgb,var(--text-primary) 14%,transparent)}.template-name{font-weight:500;font-size:13.5px}.template-meta{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.app-topbar .app-logo-text,.landing-logo-text{background:none;-webkit-text-fill-color:currentColor}.app *::-webkit-scrollbar{width:10px;height:10px}.app *::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-primary) 10%,transparent);border-radius:10px;border:2px solid transparent;background-clip:content-box}.app *::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--text-primary) 20%,transparent);background-clip:content-box}.app *::-webkit-scrollbar-track{background:transparent}.kanban-col-header{border-radius:8px;transition:background .16s ease,color .16s ease}.kanban-col-header:hover{background:var(--bg-tertiary);transform:none}.kanban-col-today{background:transparent}.kanban-col-today:after{content:"";left:50%;right:auto;bottom:2px;width:18px;height:2px;transform:translate(-50%);background:var(--accent);border-radius:1px;opacity:.9}.kanban-day-num{font-family:var(--font-mono);font-weight:500;font-size:17px;width:auto;height:auto;border-radius:0;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.01em;box-shadow:none;background:transparent}.kanban-day-num.today-circle{background:transparent;color:var(--accent);font-weight:600;box-shadow:none}.kanban-col-today .kanban-day-name{color:var(--accent)}.kanban-col-today .kanban-day-date{color:color-mix(in srgb,var(--accent) 75%,var(--text-muted))}.mini-day{font-family:var(--font-mono);font-weight:400;font-variant-numeric:tabular-nums;border-radius:6px;color:var(--text-secondary)}.mini-day:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:none}.mini-day.today{background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent);font-weight:600;border-radius:6px;box-shadow:none}.mini-dot{background:color-mix(in srgb,var(--accent) 70%,transparent)}.kanban-body.drag-over,.calendar-day.drag-over{background:color-mix(in srgb,var(--accent) 4%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.week-create-ghost{background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px dashed color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:none}.task-list-header h2{font-family:var(--font-ui);font-weight:600;font-size:15px;letter-spacing:-.015em;background:none;-webkit-background-clip:border-box;-webkit-text-fill-color:currentColor;background-clip:border-box;color:var(--text-primary)}.task-list-header .task-count{background:transparent;color:var(--text-muted);border:1px solid var(--hairline);border-radius:999px;padding:1px 8px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11px;font-weight:500;box-shadow:none;margin-left:6px;margin-right:auto;min-width:22px;text-align:center}.add-task-form .add-task-btn{width:auto;min-width:40px;height:36px;padding:0 14px;font-size:16px;font-weight:500;line-height:1;border-radius:8px;background:var(--text-primary);color:var(--bg-primary);box-shadow:none}.add-task-form .add-task-btn:hover{transform:none;opacity:.88;box-shadow:none}.add-task-form .add-task-btn:active{transform:none;opacity:.76}.add-task-form .duration-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border-width:1px;padding:7px 28px 7px 10px;font-family:var(--font-ui);font-size:13px;background-color:var(--bg-secondary);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'><path d='M1 1L5 5L9 1' stroke='%23888' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}.tl-filters-panel .cat-filter-btn{border:1px solid var(--hairline);border-radius:999px;padding:4px 11px;font-family:var(--font-ui);font-size:12px;font-weight:500;color:var(--text-secondary);background:transparent;box-shadow:none;transition:background .16s ease,color .16s ease,border-color .16s ease}.tl-filters-panel .cat-filter-btn:hover{transform:none;background:var(--bg-tertiary);color:var(--text-primary);border-color:color-mix(in srgb,var(--text-primary) 18%,transparent)}.tl-filters-panel .cat-filter-btn.active{background:var(--accent-light);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:none}.tl-filters-panel .sort-btn{border:1px solid var(--hairline);border-radius:999px;padding:4px 11px;background:transparent;color:var(--text-secondary);font-family:var(--font-ui);font-size:12px;font-weight:500}.tl-filters-panel .sort-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:color-mix(in srgb,var(--text-primary) 18%,transparent)}.tl-filters-panel .sort-btn.active{background:var(--accent-light);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.task-item .delete-task-btn{width:22px;height:22px;border-radius:6px;background:transparent;color:var(--text-muted);border:1px solid var(--hairline);box-shadow:none;font-size:14px;font-weight:400;transform:translateY(-50%) scale(1);opacity:0;transition:opacity .16s ease,color .16s ease,border-color .16s ease,background .16s ease}.task-item:hover .delete-task-btn{opacity:1;transform:translateY(-50%) scale(1)}.task-item .delete-task-btn:hover{color:#ef4444;border-color:color-mix(in srgb,#ef4444 35%,transparent);background:color-mix(in srgb,#ef4444 6%,transparent);box-shadow:none;transform:translateY(-50%) scale(1)}.tl-dropdown{background:var(--bg-primary);border:1px solid var(--hairline);border-radius:10px;box-shadow:0 8px 24px -12px #0a0a142e}.tl-dropdown button{font-family:var(--font-ui);font-size:12.5px;color:var(--text-secondary);padding:9px 12px}.tl-dropdown button:hover{background:var(--bg-secondary);color:var(--text-primary)}.tl-dropdown button+button{border-top:1px solid var(--hairline)}.tl-icon-btn.active,.tl-icon-btn.has-filter{background:var(--accent-light);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.category-option,.busy-btn,.duration-preset{font-family:var(--font-ui);font-size:12px;font-weight:500;padding:6px 12px;border-radius:8px;border:1px solid var(--hairline);background:transparent;color:var(--text-secondary);box-shadow:none;transition:background .12s ease,border-color .12s ease,color .12s ease}.category-option:hover,.busy-btn:hover,.duration-preset:hover{background:color-mix(in srgb,var(--panel) 70%,transparent);color:var(--text-primary)}.category-option.selected,.busy-btn.busy-active,.busy-btn.free-active,.duration-preset.active{background:var(--accent-light);border-color:color-mix(in srgb,var(--accent) 40%,var(--hairline));color:var(--text-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent)}.color-option{border-radius:8px;border:1px solid var(--hairline);box-shadow:none}.color-option.selected{box-shadow:0 0 0 2px var(--bg-primary),0 0 0 3px color-mix(in srgb,var(--accent) 55%,transparent);border-color:transparent}.modal-select,.modal input[type=date],.modal input[type=time],.modal input[type=number],.modal input[type=text],.modal textarea{font-family:var(--font-ui);border:1px solid var(--hairline);border-radius:10px;background:var(--panel);transition:border-color .12s ease,box-shadow .12s ease}.modal input[type=number],.modal input[type=time],.modal input[type=date]{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.modal-select:focus,.modal input:focus,.modal textarea:focus{border-color:color-mix(in srgb,var(--accent) 55%,var(--hairline));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent);outline:none}.task-cat-badge{font-family:var(--font-ui);font-size:10px;font-weight:500;padding:2px 7px;border-radius:6px;background:color-mix(in srgb,var(--panel) 80%,transparent);color:var(--text-secondary);border:1px solid var(--hairline);box-shadow:none;text-transform:none;letter-spacing:0}.task-free-badge{font-family:var(--font-ui);font-size:10px;padding:2px 7px;border-radius:6px;background:transparent;color:var(--text-muted);border:1px solid var(--hairline)}.complete-btn,.focus-start-btn,.unschedule-btn{font-family:var(--font-ui);font-size:11px;font-weight:500;padding:4px 10px;border-radius:7px;border:1px solid var(--hairline);background:transparent;color:var(--text-secondary);box-shadow:none;transition:background .12s ease,color .12s ease}.complete-btn:hover,.focus-start-btn:hover,.unschedule-btn:hover{background:color-mix(in srgb,var(--panel) 70%,transparent);color:var(--text-primary)}.focus-start-btn{border-color:color-mix(in srgb,var(--accent) 35%,var(--hairline));color:var(--accent)}.complete-btn.done{background:var(--accent-light);color:var(--text-primary);border-color:color-mix(in srgb,var(--accent) 30%,var(--hairline))}.task-checkbox{width:14px;height:14px;border-radius:4px;border:1px solid var(--hairline);background:var(--panel);box-shadow:none}.task-checkbox-checked{background:var(--accent);border-color:var(--accent)}.toolbar-btn-danger{border-color:color-mix(in srgb,var(--danger) 30%,var(--hairline));color:var(--danger);background:transparent}.toolbar-btn-danger:hover{background:color-mix(in srgb,var(--danger) 8%,transparent)}.continuation-card{border:1px solid var(--hairline);border-left:2px solid currentColor;border-radius:10px;background:var(--panel);box-shadow:none}.overload-warning{font-family:var(--font-ui);font-size:12px;padding:8px 12px;border-radius:8px;background:color-mix(in srgb,var(--danger) 8%,transparent);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 25%,var(--hairline));box-shadow:none}.overload-warning:before{display:none}.completion-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11px;color:var(--text-muted);letter-spacing:0}.quick-add-input{font-family:var(--font-ui);border:1px solid color-mix(in srgb,var(--accent) 40%,var(--hairline));border-radius:8px;background:var(--panel);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.empty-hour{font-family:var(--font-ui);font-size:11px;color:var(--text-muted);border-radius:6px}.empty-hour:hover{background:color-mix(in srgb,var(--panel) 60%,transparent);color:var(--text-secondary)}.auth-modal{background:var(--panel);border:1px solid var(--hairline);border-radius:12px;box-shadow:0 1px color-mix(in srgb,#fff 6%,transparent) inset,0 8px 24px #0000002e;padding:28px}.auth-title{font-family:var(--font-ui);font-size:18px;font-weight:600;letter-spacing:-.01em}.auth-input{font-family:var(--font-ui);border:1px solid var(--hairline);border-radius:10px;background:var(--bg-primary);transition:border-color .12s ease,box-shadow .12s ease}.auth-input:focus{border-color:color-mix(in srgb,var(--accent) 55%,var(--hairline));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.auth-submit{font-family:var(--font-ui);background:var(--accent);color:#fff;border-radius:10px;font-weight:500;box-shadow:none;transition:background .12s ease}.auth-submit:hover{background:color-mix(in srgb,var(--accent) 88%,#000);box-shadow:none}.auth-error{font-family:var(--font-ui);font-size:12px;padding:6px 10px;border-radius:8px;background:color-mix(in srgb,var(--danger) 8%,transparent);border:1px solid color-mix(in srgb,var(--danger) 25%,var(--hairline))}.auth-switch,.auth-switch-btn{font-family:var(--font-ui)}.ob-backdrop{background:color-mix(in srgb,#000 22%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ob-tooltip{background:var(--panel);border:1px solid var(--hairline);border-radius:12px;box-shadow:0 1px color-mix(in srgb,#fff 6%,transparent) inset,0 8px 24px #0000002e;padding:18px}.ob-title{font-family:var(--font-ui);font-size:14px;font-weight:600;letter-spacing:-.01em}.ob-desc{font-family:var(--font-ui)}.ob-btn-primary{font-family:var(--font-ui);background:var(--accent);color:#fff;border-radius:8px;font-weight:500;padding:6px 14px}.ob-btn-primary:hover{background:color-mix(in srgb,var(--accent) 88%,#000)}.ob-btn-secondary{font-family:var(--font-ui);border:1px solid var(--hairline);border-radius:8px;padding:6px 12px}.ob-dot{background:var(--hairline)}.ob-dot.active{background:var(--accent)}.app-topbar .theme-toggle{filter:grayscale(1);opacity:.75;font-size:14px}.app-topbar .theme-toggle:hover{opacity:1}.topbar-sync-btn{font-variant-emoji:text}.stats-card{background:var(--bg-primary);border:1px solid var(--hairline);border-radius:10px;padding:16px;transition:background .18s ease,border-color .18s ease}.stats-card:hover{background:var(--bg-secondary);border-color:color-mix(in srgb,var(--text-primary) 14%,transparent);box-shadow:none;transform:none}.stats-card-accent{background:color-mix(in srgb,var(--accent) 6%,var(--bg-primary));border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.stats-card-warn{background:color-mix(in srgb,#f59e0b 6%,var(--bg-primary));border-color:color-mix(in srgb,#f59e0b 30%,transparent)}.stats-card-value{font-family:var(--font-mono);font-weight:500;font-size:24px;letter-spacing:-.02em;color:var(--text-primary);font-variant-numeric:tabular-nums;background:none;-webkit-text-fill-color:currentColor}.stats-card-accent .stats-card-value{color:var(--accent);-webkit-text-fill-color:var(--accent)}.stats-card-label,.stats-section-title,.bar-day-label,.bar-date-label,.bar-label-top,.bar-legend-item,.category-name,.category-value,.category-pct{font-family:var(--font-ui);font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-secondary)}.stats-section-title{font-size:12px;color:var(--text-muted);letter-spacing:.02em;margin-bottom:14px}.stats-section{background:transparent;border:1px solid var(--hairline);border-radius:12px;padding:18px}.stats-section:hover{box-shadow:none}.bar-fill{background:color-mix(in srgb,var(--text-primary) 8%,transparent);border-radius:4px 4px 0 0}.bar-done{background:var(--accent);opacity:.9}.bar-legend-total:before{background:color-mix(in srgb,var(--text-primary) 12%,transparent)}.bar-legend-done:before{background:var(--accent)}.bar-label-top,.bar-date-label,.category-value,.category-pct,.heatmap-hour,.heatmap-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:400}.category-dot{box-shadow:none}.category-bar-track{background:color-mix(in srgb,var(--text-primary) 6%,transparent);border-radius:2px}.category-bar-fill{opacity:.85;border-radius:2px}.heatmap-cell{background:color-mix(in srgb,var(--accent) 18%,transparent);border:1px solid var(--hairline);border-radius:6px}.focus-timer{background:color-mix(in srgb,var(--bg-primary) 92%,transparent);border:1px solid var(--hairline);border-radius:14px;box-shadow:0 8px 28px color-mix(in srgb,var(--text-primary) 10%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1)}.focus-circle{filter:none}.focus-circle-bg{stroke:color-mix(in srgb,var(--text-primary) 8%,transparent)}.focus-task-title{font-family:var(--font-ui);font-weight:600;letter-spacing:-.015em;font-size:13.5px}.focus-close-btn{background:transparent;border:1px solid var(--hairline);border-radius:8px;width:28px;height:28px;color:var(--text-secondary)}.focus-close-btn:hover{background:var(--bg-secondary);color:var(--text-primary);transform:none}.focus-btn{font-family:var(--font-ui);font-weight:500;font-size:13px;border:1px solid var(--accent);background:var(--accent);border-radius:8px;box-shadow:none;padding:8px 14px;letter-spacing:0}.focus-btn:hover{background:color-mix(in srgb,var(--accent) 88%,black);box-shadow:none;transform:none}.focus-btn-outline{background:transparent;color:var(--text-primary);border-color:var(--hairline)}.focus-btn-outline:hover{background:var(--bg-secondary);border-color:color-mix(in srgb,var(--text-primary) 20%,transparent);color:var(--text-primary)}.focus-preset-btn{font-family:var(--font-mono);font-weight:400;font-size:11.5px;border:1px solid var(--hairline);background:transparent;border-radius:7px;color:var(--text-secondary)}.focus-preset-btn:hover{border-color:color-mix(in srgb,var(--accent) 50%,transparent);color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent);transform:none}.focus-done-icon{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);box-shadow:none}.focus-done-text{font-family:var(--font-ui);font-weight:600;font-size:16px;color:var(--text-primary);letter-spacing:-.015em}.mobile-tab{color:var(--text-secondary)}.mobile-tab.active{color:var(--accent)}.mobile-tab-icon{filter:grayscale(1);opacity:.7}.mobile-tab.active .mobile-tab-icon{filter:none;opacity:1}.mobile-tab-label{font-family:var(--font-ui);font-weight:500}.modal-body textarea{resize:none}.alert-dialog-overlay{z-index:10000}.alert-dialog{background:var(--panel, #fff);border:1px solid var(--hairline, rgba(0, 0, 0, .08));border-radius:12px;padding:20px 22px 18px;max-width:400px;width:calc(100vw - 32px);box-shadow:0 12px 40px #0000002e;position:relative}.alert-dialog-icon{position:absolute;top:18px;left:22px;color:var(--muted, #888)}.alert-dialog--error .alert-dialog-icon{color:#d14343}.alert-dialog--success .alert-dialog-icon{color:#2ea668}.alert-dialog--info .alert-dialog-icon{color:var(--accent, #4a6cf7)}.alert-dialog-title{font-family:var(--font-ui);font-weight:600;font-size:15px;margin:0 0 6px 32px;color:var(--text)}.alert-dialog-message{font-family:var(--font-ui);font-size:13px;line-height:1.5;color:var(--text);margin:0 0 18px 32px}.alert-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.alert-dialog-ok{min-width:72px}.auth-mode-tabs{display:flex;gap:2px;background:color-mix(in srgb,var(--text) 4%,transparent);border-radius:8px;padding:2px;margin-bottom:14px}.auth-mode-tab{flex:1;padding:7px 10px;border:none;background:transparent;font-family:var(--font-ui);font-size:12px;font-weight:500;color:var(--muted);cursor:pointer;border-radius:6px;transition:all .15s}.auth-mode-tab:hover{color:var(--text)}.auth-mode-tab.active{background:var(--panel, #fff);color:var(--text);box-shadow:0 1px 2px #0000000d}.auth-subtitle{font-family:var(--font-ui);font-size:12px;color:var(--muted);margin:0 0 14px;line-height:1.45}.auth-password-wrap{position:relative}.auth-password-wrap .auth-input{padding-right:36px;width:100%;box-sizing:border-box}.auth-password-toggle{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--muted);cursor:pointer;border-radius:4px}.auth-password-toggle:hover{color:var(--text);background:color-mix(in srgb,var(--text) 6%,transparent)}.duration-input-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.duration-input{width:64px;padding:7px 8px;font-family:var(--font-mono);font-size:13px;text-align:center;border:1px solid var(--hairline);border-radius:6px;background:var(--panel);color:var(--text)}.duration-input:focus{outline:none;border-color:var(--accent, #4a6cf7);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent, #4a6cf7) 15%,transparent)}.duration-unit{font-family:var(--font-ui);font-size:12px;color:var(--muted)}.duration-presets{display:flex;gap:6px}.duration-hm-row{display:flex;align-items:center;gap:12px}.duration-hm-field{display:flex;align-items:center;gap:6px}.duration-hm-input{width:56px;padding:7px 8px;font-family:var(--font-mono);font-size:14px;font-weight:500;text-align:center;border:1px solid var(--hairline);border-radius:6px;background:var(--panel);color:var(--text);transition:border-color .12s ease,box-shadow .12s ease}.duration-hm-input:focus{outline:none;border-color:var(--accent, #4a6cf7);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent, #4a6cf7) 15%,transparent)}.duration-hm-label{font-family:var(--font-ui);font-size:12px;font-weight:500;color:var(--text-secondary)}.time-input{display:inline-flex;align-items:center;gap:6px}.time-input-field{width:52px;padding:7px 8px;font-family:var(--font-mono);font-size:14px;font-weight:500;text-align:center;border:1px solid var(--hairline);border-radius:6px;background:var(--panel);color:var(--text)}.time-input-field:focus{outline:none;border-color:var(--accent, #4a6cf7);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent, #4a6cf7) 15%,transparent)}.time-input-sep{font-family:var(--font-mono);font-size:15px;font-weight:600;color:var(--text-secondary)}.form-hint{font-family:var(--font-ui);font-size:11px;color:var(--muted);margin:6px 0 0;line-height:1.35}.modal-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.modal-footer-left,.modal-footer-right{display:flex;gap:8px}.btn-ghost-danger{padding:7px 12px;font-family:var(--font-ui);font-size:12px;font-weight:500;color:#d14343;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s}.btn-ghost-danger:hover{background:color-mix(in srgb,#d14343 8%,transparent);border-color:color-mix(in srgb,#d14343 22%,transparent)}.calendar-subnav{display:flex;justify-content:center;padding:3px 10px 6px}.calendar-subnav .today-btn{padding:4px 14px;font-size:12px;height:auto}.kanban-col-header{padding:5px 4px 4px!important;gap:0!important;min-height:0!important;justify-content:center!important}.kanban-col-header-row{display:flex;align-items:baseline;justify-content:center;gap:5px}.kanban-col-header .kanban-day-name{font-size:9px!important;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.kanban-col-header .kanban-day-num{font-size:13px!important;font-family:var(--font-mono);font-weight:500;width:auto!important;height:auto!important;background:transparent!important;color:var(--text);line-height:1.1}.kanban-col-header .kanban-day-num.today-circle{color:var(--accent, #4a6cf7);font-weight:600}.kanban-col-header .kanban-day-date{display:none!important}.week-task-title{white-space:normal!important;overflow-wrap:anywhere;word-break:break-word;text-overflow:unset!important}.week-task--tight{flex-direction:row!important;align-items:center!important;gap:5px!important;padding-top:0!important;padding-bottom:0!important}.week-task--tight .week-task-time{flex-shrink:0;font-size:10px;line-height:1}.week-task--tight .week-task-title{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;overflow-wrap:unset;word-break:normal;flex:1;min-width:0;font-size:10px;line-height:1}.week-task--tight .week-task-check{width:14px;height:14px;top:50%;transform:translateY(-50%);right:3px;font-size:8px}.unschedule-btn{margin-top:0!important;padding:4px 10px!important;font-size:11px!important;font-weight:500!important;height:auto!important}.add-task-row{flex-wrap:nowrap;overflow:hidden}.add-task-row .add-task-btn{flex-shrink:0;overflow:visible;clip-path:none}.add-task-row select{min-width:0;flex-shrink:1}.week-task-block .week-task-time,.week-task-block .week-task-title{text-shadow:0 1px 2px rgba(0,0,0,.35)}.lang-switch-wrap{position:relative;margin-left:8px;flex-shrink:0;display:flex;align-items:center}.lang-switch{display:flex;align-items:center;gap:6px;padding:6px 10px;background:transparent;border:1px solid var(--hairline);border-radius:8px;font-family:var(--font-ui);font-size:12px;font-weight:500;color:var(--text);cursor:pointer;transition:all .15s}.lang-switch:hover{background:color-mix(in srgb,var(--text) 4%,transparent);border-color:color-mix(in srgb,var(--text) 16%,transparent)}.lang-switch:focus,.lang-switch:active{outline:none;transform:none;box-shadow:none}.lang-flag{font-size:14px;line-height:1}.lang-code{font-family:var(--font-mono);letter-spacing:.03em}.lang-chevron{color:var(--muted);transition:transform .15s}.lang-switch[aria-expanded=true] .lang-chevron{transform:rotate(180deg)}.lang-menu{position:absolute;top:calc(100% + 4px);right:0;width:fit-content;min-width:0;background:var(--bg-primary, #fff);border:1px solid var(--hairline);border-radius:8px;box-shadow:0 4px 16px #0000001a;padding:4px;z-index:100;display:flex;flex-direction:column;gap:2px}.lang-menu-item{display:flex;align-items:center;gap:6px;padding:6px 10px;white-space:nowrap;background:transparent;border:none;font-family:var(--font-ui);font-size:12px;font-weight:500;color:var(--text);text-align:left;border-radius:5px;cursor:pointer;transition:background .12s}.lang-menu-item:hover{background:color-mix(in srgb,var(--text) 5%,transparent)}.lang-menu-item.active{background:color-mix(in srgb,var(--accent, #4a6cf7) 10%,transparent);color:var(--accent, #4a6cf7)}.lang-menu-item svg{margin-left:auto}.calendar-header{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.calendar-header-left{justify-self:start}.calendar-header-right{grid-column:3;justify-self:end;display:flex;align-items:center;gap:8px}.calendar-nav-inline{display:flex;align-items:center;gap:6px;justify-self:center}.nav-date-label{font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--text);min-width:140px;text-align:center;letter-spacing:-.01em}.today-btn-sm{padding:3px 10px;border:1px solid var(--hairline);border-radius:20px;background:transparent;font-family:var(--font-ui);font-size:11px;font-weight:500;color:var(--text);cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.today-btn-sm:hover{background:color-mix(in srgb,var(--accent, #4a6cf7) 10%,transparent);border-color:var(--accent, #4a6cf7);color:var(--accent, #4a6cf7)}.kanban-container{position:relative}.week-now-global-line{position:absolute;left:0;height:2px;background:#ef4444;z-index:10;pointer-events:none;border-radius:1px}.week-now-global-line:before{content:"";position:absolute;left:-1px;top:-4px;width:10px;height:10px;border-radius:50%;background:#ef4444}.calendar{padding:8px 16px!important}.calendar-header{margin-bottom:6px!important}.view-toggle button{padding:4px 12px!important;font-size:12px!important}.view-toggle{padding:2px!important}.theme-toggle{width:32px!important;height:32px!important;font-size:16px!important;border-radius:8px!important}.calendar-nav{gap:10px!important}.calendar-nav h3{font-size:14px!important;min-width:160px!important;font-weight:600!important}.nav-btn{width:28px!important;height:28px!important;font-size:14px!important}.calendar-subnav{padding:2px 10px 4px!important}.calendar-subnav .today-btn,.today-btn{padding:4px 14px!important;font-size:11px!important}.kanban-col-header{padding:3px 4px!important}.kanban-col-header .kanban-day-name{font-size:8px!important}.kanban-col-header .kanban-day-num{font-size:12px!important}.day-v2-root{display:flex;flex-direction:column;height:100%;min-height:0}.day-v2{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.day-v2-nav{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--hairline);flex-shrink:0}.day-v2-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--hairline);border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.day-v2-nav-btn:hover{background:color-mix(in srgb,var(--panel) 70%,transparent);color:var(--text-primary);border-color:color-mix(in srgb,var(--hairline) 60%,var(--text-primary) 20%)}.day-v2-title-wrap{flex:1 1 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.day-v2-title{font-family:var(--font-ui);font-size:15px;font-weight:600;color:var(--text-primary);margin:0;text-transform:capitalize;letter-spacing:-.01em}.day-v2-subtitle{font-family:var(--font-ui);font-size:11px;color:var(--muted);letter-spacing:.02em}.day-v2-today{padding:6px 12px;font-family:var(--font-ui);font-size:12px;font-weight:500;color:var(--accent);background:var(--accent-light);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:8px;cursor:pointer;transition:background .12s ease,transform .12s ease}.day-v2-today:hover{background:color-mix(in srgb,var(--accent) 18%,var(--accent-light))}.day-v2-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;border-bottom:1px solid var(--hairline);flex-wrap:wrap;flex-shrink:0}.day-v2-stats{display:flex;align-items:center;gap:14px}.day-v2-stat{display:flex;align-items:baseline;gap:4px;font-family:var(--font-ui);font-size:12px}.day-v2-stat-val{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.day-v2-stat-lbl{color:var(--muted);font-size:11px}.day-v2-stat.is-warn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,#f59e0b 15%,transparent);color:#b45309;border:1px solid color-mix(in srgb,#f59e0b 35%,transparent);font-size:11px;font-weight:500}[data-theme=dark] .day-v2-stat.is-warn{color:#fbbf24}.day-v2-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.day-v2-action{padding:5px 10px;font-family:var(--font-ui);font-size:12px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--hairline);border-radius:8px;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.day-v2-action:hover{background:color-mix(in srgb,var(--panel) 70%,transparent);color:var(--text-primary)}.day-v2-action:disabled{opacity:.4;cursor:not-allowed}.day-v2-action.is-danger{color:#dc2626;border-color:color-mix(in srgb,#dc2626 25%,var(--hairline))}.day-v2-action.is-danger:hover{background:color-mix(in srgb,#dc2626 10%,transparent);color:#b91c1c}.day-v2-selcount{font-family:var(--font-ui);font-size:12px;color:var(--muted);margin-right:4px}.day-grid-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;position:relative;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text-primary) 15%,transparent) transparent}.day-grid-scroll::-webkit-scrollbar{width:10px}.day-grid-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-primary) 12%,transparent);border-radius:10px;border:2px solid transparent;background-clip:padding-box}.day-grid-scroll::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--text-primary) 20%,transparent);background-clip:padding-box;border:2px solid transparent}.day-grid-inner{position:relative;width:100%}.day-grid-hour-row{position:absolute;left:0;right:0;height:60px;pointer-events:none}.day-grid-hour-label{position:absolute;top:-7px;left:0;width:52px;text-align:right;font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.03em;padding-right:8px;background:var(--bg-primary);z-index:2}.day-grid-hour-line{position:absolute;top:0;left:60px;right:12px;height:1px;background:var(--hairline);opacity:.9}.day-grid-half-line{position:absolute;left:60px;right:12px;height:1px;background:var(--hairline);opacity:.35;pointer-events:none}.day-grid-overlay{position:absolute;top:0;bottom:0;right:12px;cursor:text}.day-grid-overlay:hover{background:color-mix(in srgb,var(--accent) 3%,transparent)}.day-grid-now{position:absolute;left:0;right:12px;height:0;pointer-events:none;z-index:5}.day-grid-now-pill{position:absolute;left:0;top:-9px;width:52px;text-align:right;padding-right:8px;font-family:var(--font-mono);font-size:11px;font-weight:600;color:#dc2626;background:var(--bg-primary);letter-spacing:.03em}.day-grid-now-dot{position:absolute;left:56px;top:-4px;width:8px;height:8px;border-radius:50%;background:#dc2626;box-shadow:0 0 0 2px color-mix(in srgb,#dc2626 25%,transparent)}.day-grid-now-line{position:absolute;top:0;left:64px;right:0;height:2px;background:#dc2626;border-radius:2px}.day-grid-create-ghost{position:absolute;right:12px;background:color-mix(in srgb,var(--accent) 14%,transparent);border:1.5px dashed var(--accent);border-radius:8px;pointer-events:none;z-index:6}.day-grid-task-resize{position:absolute;left:6px;right:6px;bottom:0;height:8px;cursor:ns-resize;z-index:3;border-radius:0 0 8px 8px}.day-grid-task-resize:after{content:"";position:absolute;left:50%;bottom:2px;width:24px;height:3px;border-radius:3px;background:color-mix(in srgb,var(--task-color) 60%,transparent);transform:translate(-50%);opacity:0;transition:opacity .12s ease}.day-grid-task:hover .day-grid-task-resize:after{opacity:1}.day-grid-drop-hint{position:absolute;height:2px;right:12px;background:var(--accent);border-radius:2px;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent);font-family:var(--font-mono);font-size:10px;color:var(--accent);font-weight:600;padding:3px 6px 0;z-index:4;pointer-events:none}.day-grid-quickadd{position:absolute;right:12px;z-index:15;display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-primary);border:1.5px solid var(--accent);border-radius:8px;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 15%,transparent),0 6px 18px color-mix(in srgb,var(--accent) 22%,transparent)}.day-grid-quickadd-time{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--accent);white-space:nowrap}.day-grid-quickadd-input{flex:1;min-width:160px;border:none;outline:none;background:transparent;font-family:var(--font-ui);font-size:13px;color:var(--text-primary);padding:0}.day-grid-task{position:absolute;display:flex;align-items:stretch;background:color-mix(in srgb,var(--task-color) 12%,var(--bg-primary));border:1px solid color-mix(in srgb,var(--task-color) 35%,var(--hairline));border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,opacity .12s ease;z-index:3;-webkit-user-select:none;user-select:none}[data-theme=dark] .day-grid-task{background:color-mix(in srgb,var(--task-color) 22%,var(--bg-primary))}.day-grid-task:hover{border-color:color-mix(in srgb,var(--task-color) 65%,var(--hairline));box-shadow:0 4px 14px color-mix(in srgb,var(--task-color) 25%,transparent);z-index:4}.day-grid-task.is-dragging{opacity:.5;transform:scale(.98)}.day-grid-task.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.day-grid-task.is-completed{opacity:.55}.day-grid-task.is-free{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--task-color) 10%,transparent) 0 6px,transparent 6px 14px);border-style:dashed}.day-grid-task-bar{width:3px;flex-shrink:0;background:var(--task-color)}.day-grid-task-body{flex:1 1 auto;min-width:0;padding:4px 8px;display:flex;flex-direction:column;gap:2px;overflow:hidden}.day-grid-task-head{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;min-width:0}.day-grid-task-time{font-family:var(--font-mono);font-size:10.5px;font-weight:600;color:color-mix(in srgb,var(--task-color) 85%,var(--text-primary));letter-spacing:.02em;white-space:nowrap;flex-shrink:0}[data-theme=dark] .day-grid-task-time{color:color-mix(in srgb,var(--task-color) 50%,var(--text-primary))}.day-grid-task-cat,.day-grid-task-free{font-family:var(--font-ui);font-size:9.5px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--task-color) 18%,transparent);color:color-mix(in srgb,var(--task-color) 75%,var(--text-primary));white-space:nowrap;flex-shrink:0}.day-grid-task-free{background:color-mix(in srgb,var(--text-primary) 8%,transparent);color:var(--muted)}.day-grid-task-title{font-family:var(--font-ui);font-size:12.5px;font-weight:600;color:var(--text-primary);line-height:1.25;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word}.day-grid-task-title.strikethrough{text-decoration:line-through;color:var(--muted)}.day-grid-task.is-short .day-grid-task-body{padding:2px 8px;flex-direction:row;align-items:center;gap:8px}.day-grid-task.is-short .day-grid-task-head{flex-shrink:0}.day-grid-task.is-short .day-grid-task-title{-webkit-line-clamp:1;font-size:12px}.day-grid-task.is-tiny .day-grid-task-body{padding:1px 6px;flex-direction:row;align-items:center;gap:6px}.day-grid-task.is-tiny .day-grid-task-head{gap:4px}.day-grid-task.is-tiny .day-grid-task-title{-webkit-line-clamp:1;font-size:11px;font-weight:500}.day-grid-task-actions{position:absolute;top:4px;right:4px;display:flex;gap:2px;opacity:0;transform:translateY(-2px);transition:opacity .12s ease,transform .12s ease;pointer-events:none}.day-grid-task:hover .day-grid-task-actions,.week-task-block:hover .day-grid-task-actions{opacity:1;transform:translateY(0);pointer-events:auto}.day-grid-task-action{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:1px solid color-mix(in srgb,var(--task-color) 30%,var(--hairline));border-radius:6px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:background .1s ease,color .1s ease,border-color .1s ease}.day-grid-task-action:hover{color:var(--task-color);border-color:var(--task-color);background:color-mix(in srgb,var(--task-color) 8%,var(--bg-primary))}.day-grid-task-action.is-done{color:#16a34a;border-color:color-mix(in srgb,#16a34a 40%,var(--hairline));background:color-mix(in srgb,#16a34a 10%,var(--bg-primary))}.week-task-block .day-grid-task-actions{gap:1px}.week-task-block .day-grid-task-action{width:19px;height:19px;border-radius:5px}.week-task-block .day-grid-task-action svg{width:12px;height:12px}.task-hover-card{position:fixed;z-index:80;min-width:180px;max-width:280px;padding:10px 12px;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--hairline);border-radius:10px;box-shadow:0 8px 24px #0000002e,0 2px 6px #00000014;font-family:Plus Jakarta Sans,sans-serif;pointer-events:none;animation:task-hover-card-fade 80ms ease-out}@keyframes task-hover-card-fade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:none}}.task-hover-card-title{font-size:13px;font-weight:700;line-height:1.25;word-break:break-word}.task-hover-card-time{margin-top:4px;font-size:11px;font-weight:600;color:var(--text-secondary);font-family:Outfit,sans-serif;letter-spacing:.02em}.task-hover-card-cat{margin-top:6px;display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary)}.task-hover-card-cat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.task-hover-card-desc{margin-top:8px;padding-top:8px;border-top:1px solid var(--hairline);font-size:12px;line-height:1.4;color:var(--text-secondary);white-space:pre-wrap;max-height:140px;overflow-y:auto;word-break:break-word}.month-view .calendar-day{position:relative}.day-task-count{position:absolute;bottom:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;background:var(--accent);color:#fff;border-radius:11px;font-size:12px;font-weight:700;font-family:Outfit,sans-serif;line-height:1;pointer-events:none}.calendar-day.other-month .day-task-count{opacity:.5}.day-grid-task-check{display:inline-block;width:14px;height:14px;border:1.5px solid var(--hairline);border-radius:4px;background:var(--bg-primary);flex-shrink:0;position:relative}.day-grid-task-check.on{background:var(--accent);border-color:var(--accent)}.day-grid-task-check.on:after{content:"";position:absolute;left:3px;top:0;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}@media(max-width:640px){.day-v2-bar{padding:8px 10px}.day-v2-stats{gap:10px}.day-v2-action{padding:5px 8px;font-size:11.5px}.day-grid-hour-label{width:44px;font-size:10px;padding-right:6px}.day-grid-hour-line,.day-grid-half-line{left:50px}.day-grid-overlay{right:6px}.day-grid-now-pill{width:44px;font-size:10px;padding-right:6px}.day-grid-now-dot{left:46px}.day-grid-now-line{left:54px}}@media(hover:none){.day-grid-task-actions{opacity:1;transform:none;pointer-events:auto}.day-grid-task-action{width:26px;height:26px}.day-grid-task-resize,.resize-handle{height:14px}button:active,.task-card:active,[data-drop-zone]:active,.day-grid-task:active,.week-task-block:active,.day-task:active{transform:scale(.98);transition:transform 80ms ease}}@media(max-width:600px){.topbar-sync-btn{font-size:0;padding:8px 10px;min-width:40px;min-height:40px}.topbar-sync-btn:before{content:"☁";font-size:16px}.lang-switch .lang-code{font-size:12px}.lang-switch{min-width:40px;min-height:40px;padding:6px 8px}.app-topbar{padding:8px 10px;gap:8px}.app-user-info{max-width:120px}.app-user-email{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-toggle{min-width:40px;min-height:40px}.app-logo-text{display:none}}@media(max-width:768px){.kanban-scroll{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.kanban-columns>*{scroll-snap-align:start}}@media(max-width:960px){.landing-hero-wrap,.landing-hero-content{flex-direction:column;text-align:center}.landing-hero-mockup{transform:scale(.8);transform-origin:top center}.landing-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.landing-showcase-grid,.landing-features-grid{grid-template-columns:1fr}}@media(max-width:640px){.landing-tabs{flex-direction:column}.landing-hero-mockup{transform:scale(.6)}}@media(max-width:480px){.landing-hero h1{font-size:28px}.landing-hero h2,.landing-section h2{font-size:22px}.landing-hero,.landing-section{padding:24px 16px}}@media(max-width:420px){.auth-modal,.modal.auth-modal{width:100vw;max-width:100vw;border-radius:0;min-height:100vh}}.m-layout{display:flex;flex-direction:column;height:100dvh;height:100vh;overflow:hidden;background:var(--bg-primary);font-family:var(--font-main);-webkit-tap-highlight-color:transparent}.m-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 20px 4px;padding-top:max(14px,env(safe-area-inset-top));flex-shrink:0}.m-header-texts{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.m-header-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.2px;color:var(--text-muted);text-transform:uppercase;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-header-day-title{font-family:Georgia,Times New Roman,serif;font-size:36px;font-weight:400;line-height:1.05;color:var(--text-primary);margin:2px 0 0;text-transform:capitalize;cursor:pointer;letter-spacing:-.5px;-webkit-tap-highlight-color:transparent;transition:color .12s;align-self:flex-start;width:fit-content;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-header-day-title.active,.m-header-day-title:active,.m-header-day-dot{color:var(--accent)}.m-header-right{display:flex;align-items:center;gap:4px;flex-shrink:0;padding-top:4px}.m-nav-btn,.m-icon-btn{background:var(--bg-secondary);border:1px solid var(--hairline, var(--border-color));color:var(--text-secondary);width:40px;height:40px;padding:0;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s;line-height:1;flex-shrink:0}.m-nav-btn{background:none;border:none;font-size:22px;min-width:40px;min-height:40px;padding:8px 12px}.m-nav-btn:active,.m-icon-btn:active{background:var(--bg-tertiary, var(--bg-secondary))}.m-minical{flex-shrink:0;padding:4px 12px 10px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);animation:m-minical-open .15s ease-out}@keyframes m-minical-open{0%{opacity:0;max-height:0}to{opacity:1;max-height:320px}}.m-minical-header{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 0 6px}.m-minical-month{font-size:14px;font-weight:700;color:var(--text-primary);text-transform:capitalize;min-width:120px;text-align:center}.m-minical-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:0 0 4px}.m-minical-wdlabel{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;text-align:center;letter-spacing:.3px}.m-minical-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.m-minical-day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;aspect-ratio:1;border:none;background:none;cursor:pointer;border-radius:10px;font-size:14px;font-weight:500;color:var(--text-primary);transition:background .1s;position:relative;padding:0;font-family:var(--font-main)}.m-minical-day:active{background:var(--accent-light)}.m-minical-other{color:var(--text-muted);opacity:.4}.m-minical-today{color:var(--accent);font-weight:800;background:var(--accent-light)}.m-minical-dot{width:4px;height:4px;border-radius:50%;background:var(--accent);position:absolute;bottom:3px}.m-week-strip{display:grid;grid-template-columns:repeat(7,1fr);flex-shrink:0;padding:10px 16px 14px;gap:2px;-webkit-user-select:none;user-select:none;touch-action:pan-y}.m-day-cell{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0 8px;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent;background:none;border:none;font-family:inherit;color:inherit;text-align:center}.m-day-name{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;line-height:1}.m-day-num{font-size:20px;font-weight:500;color:var(--text-primary);line-height:1;transition:color .12s,font-family .12s,font-style .12s}.m-day-badge{display:none}.m-day-dot{position:absolute;bottom:4px;left:50%;width:4px;height:4px;border-radius:50%;background:var(--accent);transform:translate(-50%);opacity:.55}.m-day-selected .m-day-num{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:500;color:var(--accent)}.m-day-selected .m-day-name{color:var(--accent)}.m-day-selected:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--accent)}.m-day-today:not(.m-day-selected) .m-day-num{color:var(--accent);font-weight:600}.m-timeline{flex:3 1 0;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 16px 12px;border-top:1px solid var(--border-subtle);background:var(--bg-primary);display:flex;flex-direction:column}.m-tl-row{display:flex;align-items:flex-start;gap:10px;padding:0;min-height:48px;border-bottom:1px solid var(--border-subtle);transition:background var(--duration) var(--ease-smooth),border-color var(--duration) var(--ease-smooth)}.m-tl-row:last-child{border-bottom:none}.m-tl-hour{width:54px;flex-shrink:0;padding:12px 8px 8px 0;font-size:11px;font-weight:700;color:var(--text-muted);font-family:Outfit,sans-serif;text-align:right;letter-spacing:0}.m-tl-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding:6px 0}.m-tl-dash{color:var(--text-muted);font-size:14px;opacity:.4;padding-top:2px}.m-task-card{display:flex;align-items:stretch;gap:10px;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-left:4px solid var(--task-color, var(--accent));border-radius:var(--radius);box-shadow:var(--shadow);cursor:grab;transition:background var(--duration-md) var(--spring),color var(--duration-md) var(--spring),box-shadow var(--duration-md) var(--spring),transform var(--duration-md) var(--spring),border-color var(--duration-md) var(--spring),opacity var(--duration-md) var(--spring);-webkit-tap-highlight-color:transparent}.m-task-card:active:not(.m-task-dragging){cursor:grabbing;transform:scale(.98)}.m-task-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.m-task-row-top{display:flex;align-items:center;gap:8px}.m-task-time{font-size:12px;font-weight:700;color:var(--text-secondary);font-family:Outfit,sans-serif;letter-spacing:0}.m-task-cat{font-size:10px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);line-height:1.3;color:var(--task-color, var(--accent));background:color-mix(in srgb,var(--task-color, var(--accent)) 16%,transparent);font-family:Outfit,sans-serif;text-transform:uppercase;letter-spacing:.5px}.m-task-done-label{margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.6px;color:var(--text-muted)}.m-task-title{font-family:Outfit,sans-serif;font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-task-done .m-task-title{text-decoration:line-through;opacity:.55}.m-task-done .m-task-time{opacity:.55}.m-task-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex-shrink:0}.m-task-check{width:28px;height:28px;border-radius:50%;border:2px solid var(--border-color);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s,border-color .12s;color:#fff}.m-task-check.checked{background:var(--accent);border-color:var(--accent)}.m-task-delete{width:32px;height:32px;border-radius:8px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color .12s,background .12s}.m-task-delete:active{color:var(--danger);background:#ef44441a}.m-buffer-section{flex:1 1 auto;min-height:140px;max-height:38vh;display:flex;flex-direction:column;border-top:1px solid var(--hairline, var(--border-color));background:var(--bg-primary);padding-bottom:env(safe-area-inset-bottom,0px)}.m-buffer-header{display:flex;align-items:center;gap:8px;padding:12px 20px 6px;flex-shrink:0;width:100%;background:none;border:none;cursor:pointer;font-family:inherit;text-align:left;color:inherit}.m-buffer-chevron{margin-left:auto;font-size:11px;color:var(--text-muted);transition:transform .2s}.m-buffer-section.m-buffer-collapsed{flex:0 0 auto;min-height:0}.m-buffer-section.m-buffer-collapsed .m-add-form,.m-buffer-section.m-buffer-collapsed .m-buffer-list{display:none}.m-task-dragging,.m-buf-dragging{opacity:.35;transform:scale(.96);transition:opacity .15s,transform .15s;pointer-events:none}.m-drag-ghost{position:fixed;z-index:9999;pointer-events:none;padding:7px 16px;border-radius:12px;background:var(--ghost-color, var(--accent));color:#fff;font-size:13px;font-weight:600;font-family:var(--font-main);box-shadow:0 8px 28px #00000047,0 2px 8px #00000024;transform:translate(-50%,-100%);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.95;animation:m-ghost-in .12s ease-out;text-shadow:0 1px 2px rgba(0,0,0,.25)}@keyframes m-ghost-in{0%{opacity:0;transform:translate(-50%,-100%) scale(.85)}to{opacity:.92;transform:translate(-50%,-100%) scale(1)}}.m-tl-row{position:relative;transition:background .12s,box-shadow .12s}.m-drop-active{background:color-mix(in srgb,var(--accent) 10%,var(--bg-primary))!important;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 50%,transparent);border-radius:10px}.m-drop-active .m-tl-hour{color:var(--accent);font-weight:800}.m-buffer-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.2px;color:var(--text-muted);text-transform:uppercase}.m-buffer-count{font-size:10px;font-weight:700;color:var(--accent);letter-spacing:.6px;font-family:var(--font-mono)}.m-add-form{padding:4px 16px 8px;flex-shrink:0}.m-add-input{width:100%;height:40px;border-radius:12px;border:1px solid var(--hairline, var(--border-color));padding:0 14px;font-size:14px;font-family:var(--font-main);background:var(--bg-secondary);color:var(--text-primary);outline:none;margin-bottom:8px;transition:border-color .15s}.m-add-input:focus{border-color:var(--accent)}.m-add-input::placeholder{color:var(--text-muted)}.m-add-row{display:flex;gap:6px;align-items:center}.m-add-select{height:34px;border-radius:999px;border:1px solid var(--hairline, var(--border-color));background:var(--bg-secondary);color:var(--text-primary);font-size:12px;font-weight:600;font-family:var(--font-main);padding:0 26px 0 12px;outline:none;min-width:0;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.m-add-select-flex{flex:1}.m-add-fab{width:40px;height:40px;border-radius:50%;background:var(--text-primary);color:var(--bg-primary);border:none;font-size:20px;font-weight:400;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto;transition:transform .1s,opacity .12s}.m-add-fab:active{transform:scale(.9);opacity:.85}.m-buffer-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 16px 14px;display:flex;flex-direction:column;gap:10px}.m-buffer-empty{color:var(--text-muted);font-size:13px;text-align:center;padding:20px 0;opacity:.7}.m-buf-card{display:flex;align-items:center;gap:8px;padding:10px 12px;background:color-mix(in srgb,var(--task-color, var(--accent)) 14%,var(--bg-primary));border:1px solid color-mix(in srgb,var(--task-color, var(--accent)) 22%,transparent);border-radius:14px;cursor:pointer;transition:transform .1s;-webkit-tap-highlight-color:transparent}.m-buf-card:active:not(.m-buf-dragging){transform:scale(.985)}.m-buf-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.m-buf-title{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-buf-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.m-buf-dur{font-size:11px;font-weight:700;color:color-mix(in srgb,var(--task-color, var(--accent)) 75%,var(--text-primary));font-family:var(--font-mono);letter-spacing:.2px}.m-buf-cat,.m-buf-repeat{font-size:10px;font-weight:600;padding:1px 6px;border-radius:999px;color:color-mix(in srgb,var(--task-color, var(--accent)) 70%,var(--text-primary));background:color-mix(in srgb,var(--task-color, var(--accent)) 20%,transparent);line-height:1.4}.m-buf-schedule{width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--task-color, var(--accent)) 28%,transparent);color:color-mix(in srgb,var(--task-color, var(--accent)) 80%,var(--text-primary));border:none;font-size:16px;font-weight:600;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .1s}.m-buf-schedule:active{transform:scale(.9)}.m-buf-delete{width:32px;height:32px;border-radius:8px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color .12s,background .12s;flex-shrink:0}.m-buf-delete:active{color:var(--danger);background:#ef444414}.m-dg-continuation{display:flex;flex-direction:column;gap:6px;padding:8px 8px 4px;position:sticky;top:0;z-index:6;background:var(--bg-primary)}.m-dg-cont-card{display:flex;flex-direction:column;gap:2px;padding:6px 10px;border-radius:8px;border:1px solid color-mix(in srgb,var(--task-color) 30%,var(--hairline, var(--border-color)));border-left:3px solid var(--task-color);background:color-mix(in srgb,var(--task-color) 10%,var(--bg-primary));text-align:left;cursor:pointer;font-family:inherit;color:inherit}.m-dg-cont-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:color-mix(in srgb,var(--task-color) 70%,var(--text-secondary))}.m-dg-cont-title{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-dg-cont-time{font-family:var(--font-mono, "Outfit", sans-serif);font-size:10.5px;font-weight:600;color:var(--text-muted)}.m-dg-task-title-inline.strikethrough{text-decoration:line-through;color:var(--text-muted)}.m-dg-task-resize{position:absolute;left:4px;right:4px;bottom:0;height:14px;cursor:ns-resize;z-index:4;display:flex;align-items:flex-end;justify-content:center;padding-bottom:2px;border-radius:0 0 8px 8px}.m-dg-task-resize-grip{width:28px;height:3px;border-radius:3px;background:color-mix(in srgb,var(--task-color) 55%,transparent);opacity:.6;pointer-events:none}.m-dg-task.m-dg-resizing{border-color:var(--task-color);box-shadow:0 4px 14px color-mix(in srgb,var(--task-color) 30%,transparent);z-index:5}.m-dg-task.m-dg-resizing .m-dg-task-resize-grip{opacity:1;background:var(--task-color)}.m-dg-drop-hint{position:absolute;left:0;right:6px;height:0;pointer-events:none;z-index:6}.m-dg-drop-hint-label{position:absolute;left:0;top:-8px;width:38px;text-align:right;padding-right:6px;font-family:var(--font-mono, "Outfit", sans-serif);font-size:10px;font-weight:700;color:var(--accent);background:var(--bg-primary)}.m-dg-drop-hint-line{position:absolute;top:0;left:44px;right:0;height:2px;background:var(--accent);border-radius:2px;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.m-day-grid-scroll{flex:3 1 0;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;border-top:1px solid var(--border-subtle);background:var(--bg-primary);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text-primary) 12%,transparent) transparent}.m-day-grid-scroll::-webkit-scrollbar{width:6px}.m-day-grid-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-primary) 12%,transparent);border-radius:6px}.m-day-grid-inner{position:relative;width:100%;padding-right:6px}.m-dg-hour-row{position:absolute;left:0;right:0;height:56px;pointer-events:none}.m-dg-hour-label{position:absolute;top:-7px;left:0;width:38px;text-align:right;font-family:var(--font-mono, "Outfit", sans-serif);font-size:10px;font-weight:600;color:var(--text-muted);letter-spacing:.02em;padding-right:6px;background:var(--bg-primary);z-index:2}.m-dg-hour-line{position:absolute;top:0;left:44px;right:6px;height:1px;background:var(--border-subtle, var(--hairline));opacity:.9}.m-dg-half-line{position:absolute;left:44px;right:6px;height:1px;background:var(--border-subtle, var(--hairline));opacity:.35;pointer-events:none}.m-dg-now{position:absolute;left:0;right:6px;height:0;pointer-events:none;z-index:5}.m-dg-now-pill{position:absolute;left:0;top:-8px;width:38px;text-align:right;padding-right:6px;font-family:var(--font-mono, "Outfit", sans-serif);font-size:10px;font-weight:700;color:#dc2626;background:var(--bg-primary)}.m-dg-now-dot{position:absolute;left:40px;top:-4px;width:8px;height:8px;border-radius:50%;background:#dc2626;box-shadow:0 0 0 2px color-mix(in srgb,#dc2626 22%,transparent)}.m-dg-now-line{position:absolute;top:0;left:48px;right:0;height:2px;background:#dc2626;border-radius:2px}.m-dg-task{position:absolute;display:flex;align-items:stretch;background:color-mix(in srgb,var(--task-color) 12%,var(--bg-primary));border:1px solid color-mix(in srgb,var(--task-color) 35%,var(--hairline, var(--border-color)));border-radius:8px;overflow:hidden;cursor:pointer;z-index:3;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:opacity .12s ease,transform .12s ease,box-shadow .12s ease}[data-theme=dark] .m-dg-task{background:color-mix(in srgb,var(--task-color) 22%,var(--bg-primary))}.m-dg-task:active:not(.m-dg-dragging){transform:scale(.985)}.m-dg-task.m-dg-dragging{opacity:.35;pointer-events:none}.m-dg-task.m-dg-done{opacity:.55}.m-dg-task-bar{width:3px;flex-shrink:0;background:var(--task-color)}.m-dg-task-body{flex:1 1 auto;min-width:0;padding:4px 6px;display:flex;flex-direction:column;gap:2px;overflow:hidden}.m-dg-task-head{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;min-width:0}.m-dg-task-time{font-family:var(--font-mono, "Outfit", sans-serif);font-size:10.5px;font-weight:700;color:color-mix(in srgb,var(--task-color) 85%,var(--text-primary));letter-spacing:.02em;white-space:nowrap;flex-shrink:0}[data-theme=dark] .m-dg-task-time{color:color-mix(in srgb,var(--task-color) 50%,var(--text-primary))}.m-dg-task-cat{font-family:var(--font-main);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--task-color) 18%,transparent);color:color-mix(in srgb,var(--task-color) 75%,var(--text-primary));white-space:nowrap;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;max-width:80px}.m-dg-task-title{font-family:var(--font-main);font-size:12.5px;font-weight:600;color:var(--text-primary);line-height:1.25;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.m-dg-task-title.strikethrough{text-decoration:line-through;color:var(--text-muted)}.m-dg-task-title-inline{font-family:var(--font-main);font-size:11px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}.m-dg-task.m-dg-short .m-dg-task-body{padding:2px 6px;flex-direction:row;align-items:center;gap:6px}.m-dg-task.m-dg-short .m-dg-task-head{flex-shrink:0}.m-dg-task.m-dg-short .m-dg-task-title{-webkit-line-clamp:1;font-size:11.5px}.m-dg-task.m-dg-tiny .m-dg-task-body{padding:1px 6px;flex-direction:row;align-items:center;gap:6px}.m-dg-task-actions{position:absolute;top:3px;right:3px;display:flex;gap:2px;z-index:2}.m-dg-task-action{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:1px solid color-mix(in srgb,var(--task-color) 30%,var(--hairline, var(--border-color)));border-radius:6px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:background .1s ease,color .1s ease,border-color .1s ease;-webkit-tap-highlight-color:transparent}.m-dg-task-action:active{color:var(--task-color);border-color:var(--task-color);background:color-mix(in srgb,var(--task-color) 12%,var(--bg-primary))}.m-dg-task-action.is-done{color:#16a34a;border-color:color-mix(in srgb,#16a34a 40%,var(--hairline, var(--border-color)));background:color-mix(in srgb,#16a34a 12%,var(--bg-primary))}.m-day-grid-inner.m-drop-active{background:color-mix(in srgb,var(--accent) 6%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent);border-radius:6px}.m-stats-modal{position:fixed;inset:0;z-index:1000;background:var(--bg-primary);display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0px);animation:m-stats-slide-up .22s ease-out}@keyframes m-stats-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.m-stats-modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-subtle, var(--border-color));flex-shrink:0;padding-top:max(12px,env(safe-area-inset-top,12px))}.m-stats-modal-title{font-family:Outfit,sans-serif;font-size:18px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.01em}.m-stats-modal-close{width:40px;height:40px;border:1px solid var(--hairline, var(--border-color));background:var(--bg-secondary);color:var(--text-secondary);border-radius:12px;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.m-stats-modal-close:active{background:var(--bg-tertiary, var(--bg-secondary))}.m-stats-modal-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 14px 24px}.m-stats-modal-body .stats-view{flex:none;gap:14px;overflow:visible;padding-bottom:0}.m-stats-modal-body .stats-nav{display:none}.m-stats-modal-body .stats-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.m-stats-modal-body .stats-card{flex:none;min-width:0;padding:12px 10px;border-radius:12px}.m-stats-modal-body .stats-card-value{font-size:20px}.m-stats-modal-body .stats-card-label{font-size:10px;margin-top:2px}.m-stats-modal-body .stats-section{padding:12px;border-radius:12px}.m-stats-modal-body .stats-section:hover{box-shadow:none;transform:none}.m-stats-modal-body .stats-section-title{font-size:11px;margin-bottom:10px}.m-stats-modal-body .stats-bar-chart{gap:4px}.m-stats-modal-body .category-row{gap:8px;font-size:12px}.m-stats-modal-body .heatmap{grid-template-columns:repeat(8,1fr);gap:3px}.m-stats-modal-body .heatmap-cell{padding:5px 2px}.m-stats-modal-body .heatmap-hour{font-size:9px}.m-stats-modal-body .heatmap-count{font-size:8px}.spinner-fallback{display:flex;align-items:center;justify-content:center;padding:2rem;width:100%}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.voice-input-wrap{position:relative;display:flex;align-items:center}.voice-input-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--hairline);border-radius:8px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;position:relative;transition:background .12s ease,color .12s ease,border-color .12s ease}.voice-input-btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg-primary))}.voice-input-btn:disabled{opacity:.6;cursor:progress}.voice-input-btn.is-listening{color:#fff;background:#ef4444;border-color:#ef4444}.voice-input-btn.is-listening:hover{background:#dc2626;border-color:#dc2626}.voice-input-pulse{position:absolute;inset:-3px;border-radius:11px;border:2px solid #ef4444;opacity:.6;animation:voice-pulse 1.4s ease-out infinite;pointer-events:none}@keyframes voice-pulse{0%{transform:scale(.95);opacity:.7}70%{transform:scale(1.25);opacity:0}to{transform:scale(1.25);opacity:0}}.voice-input-popup{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;max-width:320px;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--hairline);border-radius:10px;box-shadow:0 8px 24px #00000026,0 2px 6px #0000000f;z-index:90;font-family:Plus Jakarta Sans,sans-serif;animation:voice-popup-fade .12s ease-out}@keyframes voice-popup-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.voice-input-popup.is-error{border-color:#ef4444}.voice-input-popup.is-done{border-color:#22c55e}.voice-input-transcript{font-size:13px;font-weight:500;color:var(--text-primary);line-height:1.35;word-break:break-word}.voice-input-status{margin-top:4px;font-size:11px;font-weight:600;color:var(--text-secondary)}.voice-input-popup.is-done .voice-input-status{color:#22c55e}.voice-input-popup.is-error .voice-input-status{color:#ef4444}.m-header-right .voice-input-btn{width:40px;height:40px;border-radius:12px;background:var(--bg-secondary)}.m-header-right .voice-input-btn.is-listening{background:#ef4444;border-color:#ef4444}.m-header-right .voice-input-pulse{inset:-4px;border-radius:16px}.m-header-right .voice-input-popup{top:calc(100% + 6px);right:0;max-width:min(320px,calc(100vw - 32px));z-index:95}.assistant-trigger{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:linear-gradient(135deg,color-mix(in srgb,#6366f1 18%,var(--bg-primary)),color-mix(in srgb,#8b5cf6 18%,var(--bg-primary)));color:var(--text-primary);border:1px solid color-mix(in srgb,#6366f1 35%,var(--hairline));border-radius:999px;font-family:var(--font-ui);font-size:12.5px;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.assistant-trigger:hover{transform:translateY(-1px);box-shadow:0 6px 18px color-mix(in srgb,#6366f1 28%,transparent);border-color:color-mix(in srgb,#6366f1 65%,var(--hairline))}.assistant-trigger--mobile{padding:8px;border-radius:50%;width:36px;height:36px;justify-content:center}.assistant-trigger-label{letter-spacing:-.01em}.kanban-trigger{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--hairline);border-radius:999px;font-family:var(--font-ui);font-size:12.5px;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease,color .12s ease}.kanban-trigger:hover{transform:translateY(-1px);border-color:var(--accent);color:var(--accent)}.kanban-trigger.active{background:var(--accent);border-color:var(--accent);color:#fff}.kanban-trigger-label{letter-spacing:-.01em}.assistant-overlay{position:fixed;inset:0;background:#0000002e;z-index:90;display:flex;justify-content:flex-end;animation:assistant-fade .14s ease-out}@keyframes assistant-fade{0%{opacity:0}to{opacity:1}}.assistant-panel{width:min(420px,100vw);height:100%;background:var(--bg-primary);border-left:1px solid var(--hairline);display:flex;flex-direction:column;box-shadow:-16px 0 40px #0000002e;animation:assistant-slide .18s cubic-bezier(.2,.8,.2,1)}@keyframes assistant-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.assistant-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--hairline)}.assistant-header-title{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-ui);font-size:14px;font-weight:700;color:var(--text-primary)}.assistant-header-actions{display:inline-flex;align-items:center;gap:4px}.assistant-icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-secondary);font-family:var(--font-ui);font-size:11.5px;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.assistant-icon-btn:hover{background:color-mix(in srgb,var(--text-primary) 8%,transparent);color:var(--text-primary);border-color:var(--hairline)}.assistant-messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.assistant-empty{margin:auto;text-align:center;color:var(--text-secondary);font-family:var(--font-ui);padding:20px}.assistant-empty-title{font-size:15px;font-weight:700;color:var(--text-primary);margin:10px 0 4px}.assistant-empty-hint{font-size:12.5px;line-height:1.4;margin:0 0 12px}.assistant-examples{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.assistant-examples li{font-size:12px;padding:6px 10px;background:color-mix(in srgb,#6366f1 8%,var(--bg-primary));border:1px solid color-mix(in srgb,#6366f1 18%,var(--hairline));border-radius:8px;color:var(--text-primary)}.assistant-msg{display:flex;flex-direction:column;gap:6px;max-width:100%}.assistant-msg--user{align-items:flex-end}.assistant-msg--assistant{align-items:flex-start}.assistant-msg-bubble{max-width:88%;padding:8px 12px;border-radius:12px;font-family:var(--font-ui);font-size:13px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.assistant-msg--user .assistant-msg-bubble{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-bottom-right-radius:4px}.assistant-msg--assistant .assistant-msg-bubble{background:color-mix(in srgb,var(--text-primary) 6%,var(--bg-primary));color:var(--text-primary);border:1px solid var(--hairline);border-bottom-left-radius:4px}.assistant-applied{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;max-width:88%}.assistant-applied-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:color-mix(in srgb,#22c55e 12%,var(--bg-primary));border:1px solid color-mix(in srgb,#22c55e 30%,var(--hairline));border-radius:999px;font-family:var(--font-ui);font-size:11.5px;color:color-mix(in srgb,#16a34a 80%,var(--text-primary))}.assistant-confirm{max-width:92%;padding:10px 12px;background:color-mix(in srgb,#f59e0b 10%,var(--bg-primary));border:1px solid color-mix(in srgb,#f59e0b 35%,var(--hairline));border-radius:10px}.assistant-confirm-title{font-family:var(--font-ui);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:color-mix(in srgb,#d97706 80%,var(--text-primary));margin-bottom:6px}.assistant-confirm-list{list-style:disc;padding-left:18px;margin:0 0 8px;font-family:var(--font-ui);font-size:12.5px;color:var(--text-primary)}.assistant-confirm-list li{margin:2px 0}.assistant-confirm-actions{display:flex;gap:6px}.assistant-confirm-btn{padding:5px 12px;border-radius:6px;font-family:var(--font-ui);font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--hairline);background:var(--bg-primary);color:var(--text-primary);transition:background .12s ease,border-color .12s ease}.assistant-confirm-btn:hover{background:color-mix(in srgb,var(--text-primary) 6%,var(--bg-primary))}.assistant-confirm-btn.is-danger{background:#ef4444;border-color:#ef4444;color:#fff}.assistant-confirm-btn.is-danger:hover{background:#dc2626}.assistant-thinking{display:inline-flex;align-items:center;gap:4px;min-height:20px}.assistant-thinking span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--text-secondary);animation:assistant-dot 1.2s infinite ease-in-out}.assistant-thinking span:nth-child(2){animation-delay:.15s}.assistant-thinking span:nth-child(3){animation-delay:.3s}@keyframes assistant-dot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.assistant-error{padding:8px 12px;background:color-mix(in srgb,#ef4444 12%,var(--bg-primary));border:1px solid color-mix(in srgb,#ef4444 35%,var(--hairline));border-radius:8px;color:#b91c1c;font-family:var(--font-ui);font-size:12.5px}.assistant-composer{border-top:1px solid var(--hairline);padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px;background:var(--bg-primary)}.assistant-voice-preview{padding:6px 10px;background:color-mix(in srgb,#6366f1 8%,var(--bg-primary));border:1px dashed color-mix(in srgb,#6366f1 35%,var(--hairline));border-radius:8px;font-family:var(--font-ui);font-size:12px;color:var(--text-primary);font-style:italic}.assistant-input{width:100%;resize:none;border:1px solid var(--hairline);border-radius:10px;padding:8px 12px;font-family:var(--font-ui);font-size:13px;color:var(--text-primary);background:var(--bg-primary);outline:none;transition:border-color .12s ease,box-shadow .12s ease}.assistant-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px color-mix(in srgb,#6366f1 18%,transparent)}.assistant-input:disabled{opacity:.6}.assistant-composer-actions{display:flex;justify-content:flex-end;gap:6px}.assistant-mic-btn,.assistant-send-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--hairline);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;position:relative;transition:background .12s ease,border-color .12s ease,color .12s ease}.assistant-mic-btn:hover,.assistant-send-btn:hover:not(:disabled){background:color-mix(in srgb,#6366f1 10%,var(--bg-primary));border-color:#6366f1;color:#6366f1}.assistant-mic-btn.is-listening{background:#ef4444;border-color:#ef4444;color:#fff}.assistant-mic-pulse{position:absolute;inset:-3px;border-radius:10px;border:2px solid #ef4444;animation:assistant-pulse 1.4s infinite ease-out}@keyframes assistant-pulse{0%{transform:scale(.9);opacity:.7}to{transform:scale(1.25);opacity:0}}.assistant-send-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent}.assistant-send-btn:hover:not(:disabled){filter:brightness(1.08);color:#fff}.assistant-send-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:720px){.assistant-panel{width:100%;border-left:none}}.auth-mode-tabs{background:var(--bg-tertiary);border-radius:var(--radius);padding:3px;margin-bottom:20px;gap:3px}.auth-mode-tab{font-family:Outfit,sans-serif;font-size:13px;font-weight:600;color:var(--text-secondary);padding:8px 10px;border-radius:calc(var(--radius) - 4px);transition:color var(--duration) var(--ease-smooth),background var(--duration) var(--ease-smooth),box-shadow var(--duration) var(--ease-smooth)}.auth-mode-tab:hover{color:var(--text-primary)}.auth-mode-tab.active{background:var(--bg-secondary);color:var(--accent);box-shadow:var(--shadow-sm, 0 1px 2px rgba(26, 26, 46, .08))}.auth-subtitle{font-family:Plus Jakarta Sans,sans-serif;font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0 0 20px}.auth-password-toggle{color:var(--text-muted);border-radius:6px;transition:color var(--duration),background var(--duration)}.auth-password-toggle:hover{color:var(--text-primary);background:var(--accent-light)}.auth-modal{max-width:416px;padding:30px 30px 26px;border:1px solid var(--border-color);border-radius:var(--radius-xl);animation:modalSpringIn var(--duration-lg) var(--spring)}.auth-title{letter-spacing:-.03em;margin-bottom:6px}.auth-input{padding:12px 14px;font-size:15px;transition:border-color var(--duration) var(--ease-smooth),box-shadow var(--duration) var(--ease-smooth)}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.auth-input::placeholder{color:var(--text-muted)}.auth-submit{padding:12px;font-size:15px;transition:box-shadow var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-accent)}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-google-btn{padding:12px;transition:background var(--duration) var(--ease-smooth),border-color var(--duration) var(--ease-smooth),transform var(--duration) var(--ease-out)}.auth-google-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 35%,var(--border-color));transform:translateY(-1px)}.auth-error{background:var(--danger-light);border:1px solid color-mix(in srgb,var(--danger) 25%,transparent);border-radius:var(--radius);padding:9px 12px;font-weight:500;animation:authErrorIn var(--duration-md) var(--ease-out)}@keyframes authErrorIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.modal-overlay:has(.auth-modal){align-items:flex-end}.auth-modal{width:100%;max-width:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding-bottom:calc(26px + env(safe-area-inset-bottom,0px));animation:slideUp var(--duration-md) var(--ease-out)}}.landing-cta:focus-visible,.landing-cta-sm:focus-visible,.landing-login-btn:focus-visible,.showcase-tab:focus-visible,.faq-question:focus-visible,.pricing-cta:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.showcase-tab{transition:color var(--duration) var(--ease-smooth),background var(--duration) var(--ease-smooth),border-color var(--duration) var(--ease-smooth)}.ws-switch{position:relative}.ws-switch-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--border-color);border-radius:var(--radius-full);background:transparent;color:var(--text-primary);font-family:Outfit,sans-serif;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:border-color var(--duration),background var(--duration)}.ws-switch-btn:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border-color))}.ws-switch-btn svg{color:var(--text-muted)}.ws-switch-dot{width:10px;height:10px;border-radius:3px;background:var(--accent-gradient);flex-shrink:0}.ws-switch-dot--personal{background:var(--text-muted);border-radius:50%}.ws-switch-label{max-width:140px;overflow:hidden;text-overflow:ellipsis}.ws-switch-badge{min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-full);background:var(--accent);color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.ws-switch-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:240px;padding:6px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:200;animation:wsMenuIn var(--duration) var(--ease-out)}@keyframes wsMenuIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}.ws-switch-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:none;background:transparent;color:var(--text-primary);font-size:14px;font-weight:500;text-align:left;border-radius:calc(var(--radius) - 4px);cursor:pointer;transition:background var(--duration)}.ws-switch-item:hover{background:var(--bg-tertiary)}.ws-switch-item.active,.ws-switch-item--new{color:var(--accent);font-weight:600}.ws-switch-sep{height:1px;background:var(--border-color);margin:5px 4px}.ws-switch-section{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:6px 10px 4px}.ws-switch-section--head{display:flex;align-items:center;justify-content:space-between;gap:8px}.ws-switch-delete{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);padding:2px;border-radius:6px;cursor:pointer;transition:color .12s ease,background .12s ease}.ws-switch-delete:hover{color:#ef4444;background:color-mix(in srgb,#ef4444 14%,transparent)}.ws-switch-invite{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px}.ws-switch-invite-name{font-size:13px;color:var(--text-secondary)}.ws-switch-invite-actions{display:flex;gap:6px}.ws-switch-invite-actions button{border:none;background:var(--accent);color:#fff;font-size:12px;font-weight:600;padding:4px 9px;border-radius:6px;cursor:pointer}.ws-switch-invite-actions button.ghost{background:var(--bg-tertiary);color:var(--text-secondary)}.ws-switch-create{display:flex;gap:6px;padding:4px}.ws-switch-create input{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:13px;outline:none}.ws-switch-create input:focus{border-color:var(--accent)}.ws-switch-create button{border:none;background:var(--accent);color:#fff;font-weight:600;padding:0 12px;border-radius:6px;cursor:pointer}.ws-switch-members{display:flex;flex-direction:column;gap:2px;padding:2px 4px 6px}.ws-switch-member{display:flex;align-items:center;gap:9px;padding:5px 6px}.ws-switch-avatar{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;font-family:Outfit,sans-serif;flex-shrink:0}.ws-switch-member-name{font-size:13px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-switch-role{margin-left:auto;font-size:10px;font-weight:700;color:var(--accent);background:var(--accent-light);padding:2px 7px;border-radius:var(--radius-full)}.ws-switch-msg{font-size:12px;color:var(--success);padding:2px 10px 6px}.kb-board{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 24px 24px;min-height:0;overflow:hidden}.kb-col{display:flex;flex-direction:column;min-height:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:12px;transition:border-color var(--duration),background var(--duration)}.kb-col.is-over{border-color:var(--accent);background:var(--accent-light)}.kb-col-head{display:flex;align-items:center;gap:9px;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;color:var(--text-primary);padding:2px 6px 12px}.kb-col-marker{width:9px;height:9px;border-radius:50%}.kb-col-marker--todo{background:var(--text-muted)}.kb-col-marker--doing{background:var(--warning)}.kb-col-marker--done{background:var(--success)}.kb-col-count{margin-left:auto;font-size:12px;font-weight:700;color:var(--text-secondary);background:var(--bg-tertiary);border-radius:var(--radius-full);padding:2px 9px}.kb-col-cards{flex:1;display:flex;flex-direction:column;gap:9px;overflow-y:auto;min-height:40px;padding:2px}.kb-card{display:flex;gap:10px;padding:11px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);cursor:grab;box-shadow:var(--shadow-xs);transition:transform var(--duration) var(--ease-out),box-shadow var(--duration),opacity var(--duration)}.kb-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.kb-card:active{cursor:grabbing}.kb-card.is-dragging{opacity:.4}.kb-card-bar{width:3px;border-radius:3px;flex-shrink:0}.kb-card-main{flex:1;min-width:0;align-self:center}.kb-card-del{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius);cursor:pointer;opacity:0;transition:opacity var(--duration),color var(--duration),background var(--duration)}.kb-card:hover .kb-card-del{opacity:1}.kb-card-del:hover{color:#ef4444;background:color-mix(in srgb,#ef4444 14%,transparent)}.kb-add-input{margin-top:2px;width:100%;padding:8px 10px;border:1px dashed var(--border-color);border-radius:var(--radius);background:transparent;color:var(--text-primary);font-size:13px;font-family:var(--font-ui);outline:none;transition:border-color var(--duration),background var(--duration);resize:none;overflow:hidden;min-height:36px;line-height:1.4;field-sizing:content}.kb-add-input::placeholder{color:var(--text-muted)}.kb-add-input:focus{border-style:solid;border-color:var(--accent);background:var(--bg-secondary)}.kb-card-title{display:block;font-size:13px;font-weight:600;color:var(--text-primary);word-break:break-word;white-space:pre-wrap}.kb-card-title.is-done{text-decoration:line-through;color:var(--text-secondary)}.kb-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.kb-card-meta{font-size:11px;color:var(--text-muted)}.kb-avatar{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700;font-family:Outfit,sans-serif;flex-shrink:0}.kb-col-empty{text-align:center;font-size:12px;color:var(--text-muted);padding:20px 8px;border:1px dashed var(--border-color);border-radius:var(--radius)}.kbm-cols{display:flex;gap:8px}.kbm-col{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-tertiary);color:var(--text-secondary);font-size:12.5px;font-weight:600;font-family:var(--font-ui);cursor:pointer;transition:border-color var(--duration),background var(--duration),color var(--duration)}.kbm-col:hover{border-color:var(--text-secondary)}.kbm-col.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}@media(max-width:900px){.kb-board{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:80%;overflow-x:auto}}.quickadd{position:fixed;right:24px;bottom:24px;z-index:250}.quickadd-fab{width:52px;height:52px;border:none;border-radius:50%;background:var(--accent-gradient);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-accent),var(--shadow-lg);transition:transform var(--duration) var(--spring),box-shadow var(--duration)}.quickadd-fab:hover{transform:translateY(-2px) scale(1.04)}.quickadd-fab:active{transform:scale(.96)}body.assistant-open .quickadd{display:none}.quickadd-pop{position:absolute;right:0;bottom:64px;width:280px;padding:14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);animation:quickaddIn var(--duration) var(--ease-out)}@keyframes quickaddIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.quickadd-pop--down{top:64px;bottom:auto}.quickadd-pop--left{left:0;right:auto}.quickadd-input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary);font-size:14px;outline:none;margin-bottom:8px}.quickadd-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.quickadd-row{display:flex;gap:6px}.quickadd-select{flex:1;min-width:0;padding:8px;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary);font-size:12px;cursor:pointer}.quickadd-add{border:none;border-radius:var(--radius);background:var(--accent);color:#fff;font-size:13px;font-weight:600;padding:0 14px;cursor:pointer}.quickadd-add:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.quickadd{display:none}}.datamenu{position:relative}.datamenu-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:var(--radius);background:transparent;color:var(--text-secondary);cursor:pointer;transition:color var(--duration),background var(--duration),border-color var(--duration)}.datamenu-btn:hover{color:var(--accent);background:var(--accent-light);border-color:var(--accent)}.datamenu-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;padding:6px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:200;animation:quickaddIn var(--duration) var(--ease-out)}.datamenu-dropdown button{display:block;width:100%;text-align:left;padding:9px 10px;border:none;background:transparent;color:var(--text-primary);font-size:13px;border-radius:calc(var(--radius) - 4px);cursor:pointer}.datamenu-dropdown button:hover{background:var(--bg-tertiary)}.addtask-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:none;border-radius:999px;background:var(--accent-gradient, var(--accent));color:#fff;font-family:var(--font-ui);font-size:12.5px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-accent);transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.addtask-btn:hover{transform:translateY(-1px);opacity:.95}.addtask-btn:active{transform:translateY(0) scale(.98)}.addtask-btn-label{letter-spacing:-.01em}.plan-btn{position:relative;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-color);border-radius:999px;background:transparent;color:var(--text-secondary);font-family:var(--font-ui);font-size:12.5px;font-weight:600;cursor:pointer;transition:color var(--duration),background var(--duration),border-color var(--duration)}.plan-btn:hover{color:var(--accent);border-color:var(--accent)}.plan-btn.active{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.plan-btn-label{letter-spacing:-.01em}.plan-btn-badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.buffer-drawer{position:fixed;top:0;left:50%;transform:translate(-50%,-100%);width:min(720px,calc(100vw - 32px));max-height:46vh;display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-color);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-xl);z-index:240;opacity:0;pointer-events:none;transition:transform .26s var(--ease-out),opacity .2s var(--ease-out)}.buffer-drawer.open{transform:translate(-50%);opacity:1;pointer-events:auto}.bufdrawer-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--border-color)}.bufdrawer-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text-primary)}.bufdrawer-count{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.bufdrawer-close{display:flex;padding:5px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:6px}.bufdrawer-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.bufdrawer-empty{padding:30px 16px;text-align:center;color:var(--text-muted);font-size:13px}.bufdrawer-list{overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.bufdrawer-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-primary);cursor:grab;transition:border-color var(--duration),box-shadow var(--duration)}.bufdrawer-item:hover{border-color:var(--accent)}.bufdrawer-item:active{cursor:grabbing}.bufdrawer-item.is-dragging{opacity:.4}.drag-ghost{position:fixed;top:-1000px;left:-1000px;padding:7px 12px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;border-radius:999px;box-shadow:var(--shadow-lg);max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}body.task-dragging .kb-col{border-color:color-mix(in srgb,var(--accent) 45%,var(--border-color))}.bufdrawer-dot{width:10px;height:10px;border-radius:50%;flex:none}.bufdrawer-info{flex:1;min-width:0}.bufdrawer-item-title{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bufdrawer-meta{display:flex;gap:8px;font-size:11.5px;color:var(--text-muted);margin-top:2px}.bufdrawer-cat{color:var(--text-secondary)}.bufdrawer-hint{padding:6px 16px 0;font-size:11.5px;color:var(--text-muted)}.bufdrawer-actions{display:flex;align-items:center;gap:4px;flex:none}.bufdrawer-pick{position:relative}.bufdrawer-pick-pop{z-index:260}.datepick-btn{display:inline-flex;align-items:center;gap:8px;width:100%;padding:9px 12px;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary);font-size:14px;font-family:inherit;text-align:left;cursor:pointer;transition:border-color var(--duration)}.datepick-btn:hover{border-color:var(--accent)}.datepick-btn svg{color:var(--text-secondary);flex:none}.datepick-pop{z-index:410}.bufdrawer-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:var(--radius);background:transparent;color:var(--text-secondary);cursor:pointer;transition:color var(--duration),border-color var(--duration)}.bufdrawer-btn:hover{border-color:var(--accent);color:var(--accent)}.bufdrawer-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.bufdrawer-btn--danger:hover{border-color:#ef4444;color:#ef4444}.minical{width:232px;padding:10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);animation:quickaddIn var(--duration) var(--ease-out)}.minical-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.minical-month{font-size:13px;font-weight:700;color:var(--text-primary);text-transform:capitalize}.minical-nav{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius);background:transparent;color:var(--text-secondary);font-size:16px;line-height:1;cursor:pointer}.minical-nav:hover{background:var(--bg-tertiary);color:var(--text-primary)}.minical-weekdays,.minical-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.minical-weekday{text-align:center;font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;padding-bottom:4px}.minical-day{aspect-ratio:1;min-height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius);background:transparent;color:var(--text-primary);font-size:12.5px;font-weight:600;cursor:pointer;transition:background var(--duration),color var(--duration)}.minical-day:hover{background:var(--accent-light);color:var(--accent)}.minical-day.is-out{color:var(--text-muted);opacity:.55}.minical-day.is-today{box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--accent)}