@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-bg: #FAFAF8;--color-surface: #FFFFFF;--color-surface-2: #F3F4F6;--color-border: #E5E7EB;--color-border-light: #F3F4F6;--color-text-primary: #111827;--color-text-secondary: #4B5563;--color-text-muted: #9CA3AF;--color-primary: #4F6BED;--color-primary-light: #EEF2FF;--color-primary-dark: #3752C5;--color-success: #10B981;--color-warning: #F59E0B;--color-danger: #EF4444;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--shadow-lg: 0 10px 30px rgba(0,0,0,.12), 0 4px 12px rgba(0,0,0,.06);--topbar-height: 60px;--sidebar-width: 260px;--right-panel-width: 240px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--trans-fast: .15s ease;--trans-base: .25s ease;--trans-slow: .35s ease}[data-theme=dark]{--color-bg: #0F1117;--color-surface: #1A1B23;--color-surface-2: #22242F;--color-border: #2D2F3B;--color-border-light: #22242F;--color-text-primary: #F9FAFB;--color-text-secondary: #9CA3AF;--color-text-muted: #6B7280;--color-primary: #6B8AFB;--color-primary-light: #1E2440;--color-primary-dark: #4F6BED;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 10px 30px rgba(0,0,0,.5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased}body{font-family:Inter,-apple-system,sans-serif;background:var(--color-bg);color:var(--color-text-primary);transition:background var(--trans-slow),color var(--trans-slow);min-height:100vh;overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none}input,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-body{display:flex;flex:1;overflow:hidden}.topbar{height:var(--topbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 20px;gap:16px;flex-shrink:0;box-shadow:var(--shadow-sm);z-index:100}.topbar__logo{font-size:1.2rem;font-weight:700;color:var(--color-primary);letter-spacing:-.5px;display:flex;align-items:center;gap:8px;flex-shrink:0}.topbar__logo-icon{width:28px;height:28px;background:var(--color-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px}.topbar__main-nav{display:flex;align-items:center;gap:8px;margin-left:24px}.topbar__main-nav-btn{padding:6px 16px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;color:var(--color-text-secondary);transition:all var(--trans-fast);display:flex;align-items:center;gap:6px}.topbar__main-nav-btn:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.topbar__main-nav-btn.active{background:var(--color-primary-light);color:var(--color-primary)}@media(max-width:768px){.topbar__main-nav{display:none}}.topbar__nav{display:flex;align-items:center;gap:4px;flex:1;justify-content:center}.topbar__week-label{font-size:.95rem;font-weight:600;color:var(--color-text-primary);min-width:160px;text-align:center;line-height:1.3}.topbar__week-sublabel{display:block;font-size:.72rem;font-weight:400;color:var(--color-text-muted)}.topbar__nav-btn{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:background var(--trans-fast),color var(--trans-fast);font-size:1rem}.topbar__nav-btn:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.topbar__today-btn{padding:4px 12px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;color:var(--color-primary);border:1px solid var(--color-primary-light);background:var(--color-primary-light);transition:background var(--trans-fast)}.topbar__today-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.topbar__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.icon-btn{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:background var(--trans-fast),color var(--trans-fast);font-size:1.1rem}.icon-btn:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.avatar-btn{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:.8rem;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity var(--trans-fast)}.avatar-btn:hover{opacity:.85}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.sidebar__header{padding:16px 16px 12px;border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:space-between}.sidebar__title{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.sidebar__content{flex:1;overflow-y:auto;padding:12px}.inbox-add{display:flex;gap:8px;margin-bottom:12px}.inbox-add__input{flex:1;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-primary);font-size:.85rem;transition:border-color var(--trans-fast);outline:none}.inbox-add__input:focus{border-color:var(--color-primary)}.btn-primary{padding:8px 14px;background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;transition:background var(--trans-fast),transform var(--trans-fast);white-space:nowrap}.btn-primary:hover{background:var(--color-primary-dark)}.btn-primary:active{transform:scale(.97)}.task-card{padding:10px 12px;border-radius:var(--radius-md);background:var(--color-surface-2);margin-bottom:8px;cursor:grab;transition:box-shadow var(--trans-fast),transform var(--trans-fast);border-left:3px solid var(--color-border)}.task-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.task-card:active{cursor:grabbing}.task-card__title{font-size:.85rem;font-weight:500;color:var(--color-text-primary);line-height:1.4}.task-card__meta{display:flex;align-items:center;gap:6px;margin-top:4px}.category-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.category-label{font-size:.72rem;color:var(--color-text-muted)}.right-panel{width:var(--right-panel-width);background:var(--color-surface);border-left:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.right-panel__section{padding:16px;border-bottom:1px solid var(--color-border-light)}.right-panel__label{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.week-grid-wrapper{flex:1;overflow:auto;position:relative}.week-grid{display:grid;grid-template-columns:56px repeat(7,1fr);min-width:600px}.week-grid.is-mobile{grid-template-columns:48px 1fr;min-width:unset}.week-grid__col-header{position:sticky;top:0;z-index:10;background:var(--color-surface);border-bottom:2px solid var(--color-border);display:contents}.week-grid__day-header{padding:10px 6px;text-align:center;border-bottom:2px solid var(--color-border);background:var(--color-surface);position:sticky;top:0;z-index:10}.week-grid__day-header.corner{border-right:1px solid var(--color-border-light)}.week-grid__day-name{font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}.week-grid__day-num{font-size:1.15rem;font-weight:700;color:var(--color-text-primary);line-height:1.2}.week-grid__day-header.today .week-grid__day-num{color:#fff;background:var(--color-primary);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:2px auto 0;font-size:.95rem}.week-grid__row{display:contents}.week-grid__time-label{padding:6px 8px 0;height:60px;display:flex;align-items:flex-start;font-size:.72rem;color:var(--color-text-muted);border-right:1px solid var(--color-border-light);flex-shrink:0;justify-content:flex-end}.week-grid__cell{height:60px;border-right:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);position:relative;transition:background var(--trans-fast)}.week-grid__cell:hover{background:var(--color-primary-light);cursor:pointer}.task-block{position:absolute;left:2px;right:2px;top:2px;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:opacity var(--trans-fast),box-shadow var(--trans-fast);z-index:2;display:flex;flex-direction:column}.task-block:hover{box-shadow:var(--shadow-md)}.task-block__title-bar{display:flex;align-items:center;justify-content:space-between;padding:2px 6px;background:#00000026;font-size:.68rem;font-weight:600;line-height:1.3;cursor:pointer;min-height:18px;flex-shrink:0}.task-block__title-bar:hover{background:#00000040}.task-block__title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.task-block__done-badge{flex-shrink:0;margin-left:4px;font-size:.7rem}.task-block__inner{display:flex;gap:4px;flex:1;padding:2px 6px 4px;min-height:0;overflow:hidden}.task-block__planned,.task-block__actual{flex:1;overflow:hidden;cursor:text;min-width:0}.task-block__col-label{font-size:.55rem;font-weight:600;opacity:.6;text-transform:uppercase;letter-spacing:.3px;line-height:1.2}.task-block__text{font-size:.7rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.task-block__inline-input{width:100%;border:none;outline:none;background:#ffffff40;color:inherit;font-size:.7rem;padding:1px 2px;border-radius:2px;font-family:inherit}.task-block__inline-input::placeholder{color:#ffffff80}.task-block__divider{width:1px;background:#ffffff4d;margin:0 2px;flex-shrink:0}.task-block--completed{opacity:.55}.week-grid__row--now>.week-grid__cell{background:#4f6bed0f}[data-theme=dark] .week-grid__row--now>.week-grid__cell{background:#4f6bed1f}.week-grid__time-label--now{color:var(--color-primary)!important;font-weight:700;position:relative}.week-grid__time-label--now:after{content:"";position:absolute;right:0;top:6px;width:6px;height:6px;border-radius:50%;background:var(--color-primary)}.stats-empty{text-align:center;padding:60px 20px}.stats-empty__icon{font-size:3rem;margin-bottom:12px}.stats-empty__text{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:6px}.stats-empty__hint{font-size:.85rem;color:var(--color-text-muted)}.stats-summary-row{display:flex;gap:16px;padding:16px 0 8px}.stats-summary-item{flex:1;text-align:center}.stats-summary-item__value{font-size:1.6rem;font-weight:800;color:var(--color-primary);line-height:1.2}.stats-summary-item__label{font-size:.72rem;color:var(--color-text-muted);margin-top:4px}.stats-bar{height:40px;background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;align-items:center;padding:0 20px;gap:28px;flex-shrink:0}.stats-bar__item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--color-text-secondary)}.stats-bar__value{font-weight:600;color:var(--color-text-primary)}.stats-bar__rate{color:var(--color-success);font-weight:600}.modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;display:flex;align-items:center;justify-content:center}.modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:480px;max-width:95vw;max-height:90vh;overflow-y:auto;padding:24px}.modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal__title{font-size:1rem;font-weight:700;color:var(--color-text-primary)}.modal__close{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:1.1rem;transition:background var(--trans-fast)}.modal__close:hover{background:var(--color-surface-2)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.8rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:6px}.form-input,.form-textarea{width:100%;padding:9px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-primary);font-size:.875rem;outline:none;transition:border-color var(--trans-fast),box-shadow var(--trans-fast)}.form-input:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f6bed1f}.form-textarea{resize:vertical;min-height:80px}.planned-actual-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stats-page{flex:1;overflow-y:auto;padding:24px}.stats-tabs{display:flex;gap:4px;margin-bottom:24px;background:var(--color-surface-2);padding:4px;border-radius:var(--radius-md);width:fit-content}.stats-tab{padding:6px 18px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:var(--color-text-secondary);transition:background var(--trans-fast),color var(--trans-fast)}.stats-tab.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.stats-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.stats-card__title{font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.completion-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.875rem}.progress-bar{height:8px;background:var(--color-surface-2);border-radius:4px;overflow:hidden;margin-top:8px}.progress-bar__fill{height:100%;background:var(--color-primary);border-radius:4px;transition:width .6s ease}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg)}.auth-card{width:380px;background:var(--color-surface);border-radius:var(--radius-lg);padding:36px;box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.auth-card__logo{text-align:center;margin-bottom:28px}.auth-card__logo-text{font-size:1.5rem;font-weight:800;color:var(--color-primary);letter-spacing:-.5px}.auth-card__subtitle{font-size:.85rem;color:var(--color-text-muted);margin-top:4px}.auth-switch{text-align:center;margin-top:20px;font-size:.85rem;color:var(--color-text-secondary)}.auth-switch a{color:var(--color-primary);font-weight:500;cursor:pointer}.bottom-tabs{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);height:60px;z-index:50;padding-bottom:env(safe-area-inset-bottom)}.bottom-tabs__inner{display:flex;height:100%}.bottom-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.65rem;font-weight:500;color:var(--color-text-muted);transition:color var(--trans-fast)}.bottom-tab.active{color:var(--color-primary)}.bottom-tab__icon{font-size:1.2rem}@media(max-width:1180px){.right-panel{display:none}}@media(max-width:768px){:root{--sidebar-width: 0px}.sidebar,.stats-bar{display:none}.bottom-tabs{display:flex}#root{padding-bottom:60px}.topbar{padding:0 12px;gap:8px}.week-grid{grid-template-columns:44px repeat(3,1fr);min-width:unset}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.anim-fade-in-up{animation:fadeInUp .2s ease forwards}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}.modal__footer{display:flex;align-items:center;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border-light);flex-wrap:wrap}.btn-ghost{padding:8px 14px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:var(--color-text-secondary);border:1px solid var(--color-border);background:transparent;transition:background var(--trans-fast),color var(--trans-fast)}.btn-ghost:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.btn-danger-ghost{padding:8px 14px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:var(--color-danger);border:1px solid transparent;background:transparent;transition:background var(--trans-fast)}.btn-danger-ghost:hover{background:#fee2e2}.btn-danger{padding:8px 14px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:#fff;background:var(--color-danger);transition:opacity var(--trans-fast)}.btn-danger:hover{opacity:.85}.btn-complete{padding:7px 14px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:500;color:var(--color-text-secondary);border:1px solid var(--color-border);background:transparent;transition:background var(--trans-fast),color var(--trans-fast),border-color var(--trans-fast)}.btn-complete.done{background:#d1fae5;color:#065f46;border-color:#6ee7b7}[data-theme=dark] .btn-complete.done{background:#064e3b;color:#6ee7b7;border-color:#065f46}.delete-confirm{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--color-danger);flex-wrap:wrap}.category-picker{display:flex;flex-wrap:wrap;gap:6px}.category-pill{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:20px;border:1px solid var(--color-border);font-size:.78rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:background var(--trans-fast),border-color var(--trans-fast),color var(--trans-fast);background:transparent}.category-pill:hover{border-color:var(--cat-color, var(--color-primary));color:var(--color-text-primary)}.category-pill.active{color:var(--cat-color, var(--color-primary));font-weight:600}.pa-col-header{font-size:.72rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:3px 8px;border-radius:4px;display:inline-block}.pa-planned{background:#eff6ff;color:#2563eb}.pa-actual{background:#ecfdf5;color:#059669}[data-theme=dark] .pa-planned{background:#1e3a5f;color:#93c5fd}[data-theme=dark] .pa-actual{background:#063d2f;color:#6ee7b7}.form-row{display:flex;gap:12px}.form-row .form-group{margin-bottom:0}.resize-handle{position:absolute;bottom:0;left:0;right:0;height:10px;cursor:ns-resize;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--trans-fast)}.task-block:hover .resize-handle{opacity:1}.resize-handle__bar{width:24px;height:3px;border-radius:2px;background:#fff9}.user-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;z-index:500;overflow:hidden}.user-menu__info{padding:12px 16px}.user-menu__name{font-size:.85rem;font-weight:600;color:var(--color-text-primary)}.user-menu__email{font-size:.75rem;color:var(--color-text-muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu__divider{height:1px;background:var(--color-border)}.user-menu__item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:.85rem;color:var(--color-text-secondary);text-align:left;transition:background var(--trans-fast)}.user-menu__item:hover{background:var(--color-surface-2)}.user-menu__item--danger{color:var(--color-danger)}.user-menu__item--danger:hover{background:#fef2f2}[data-theme=dark] .user-menu__item--danger:hover{background:#2d0f0f}.review-row-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px 0;border-bottom:1px solid var(--color-border-light);font-size:.8rem;color:var(--color-text-secondary);transition:color var(--trans-fast)}.review-row-btn:last-child{border-bottom:none}.review-row-btn:hover{color:var(--color-primary)}.review-row-btn__day{font-weight:500;min-width:30px}.review-row-btn__hint{font-size:.72rem;color:var(--color-text-muted)}.review-icon{margin-right:4px}.focus-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.focus-row__label{min-width:28px;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);flex-shrink:0}.focus-row__bar-wrap{flex:1;height:6px;background:var(--color-surface-2);border-radius:3px;overflow:hidden}.focus-row__bar{height:100%;background:var(--color-primary);border-radius:3px;transition:width .4s ease;min-width:0}.focus-row__value{min-width:32px;font-size:.72rem;color:var(--color-text-muted);text-align:right;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background var(--trans-fast),color var(--trans-fast)}.focus-row__value:hover{background:var(--color-surface-2);color:var(--color-primary)}.focus-row__input{width:44px;padding:2px 4px;border:1px solid var(--color-primary);border-radius:4px;background:var(--color-bg);color:var(--color-text-primary);font-size:.75rem;text-align:right;outline:none;box-shadow:0 0 0 2px #4f6bed26}.habit-quick-btn{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;border-radius:var(--radius-sm);border:1px dashed var(--color-border);font-size:.82rem;color:var(--color-text-secondary);transition:border-color var(--trans-fast),color var(--trans-fast),background var(--trans-fast)}.habit-quick-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.habit-recur-btn{padding:5px 12px;border-radius:20px;border:1px solid var(--color-border);font-size:.78rem;font-weight:500;color:var(--color-text-secondary);background:transparent;cursor:pointer;transition:background var(--trans-fast),border-color var(--trans-fast),color var(--trans-fast)}.habit-recur-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.day-dot{width:32px;height:32px;border-radius:50%;border:1px solid var(--color-border);font-size:.75rem;font-weight:600;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--trans-fast),border-color var(--trans-fast),color var(--trans-fast)}.day-dot.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.habit-preview{padding:10px 14px;background:var(--color-surface-2);border-radius:var(--radius-sm);font-size:.8rem;color:var(--color-text-secondary);margin-bottom:4px;border-left:3px solid var(--color-primary)}.bottom-tab--nav{color:var(--color-text-muted);font-size:1rem;flex:.7}.bottom-tab--nav .bottom-tab__icon{font-size:1.4rem;line-height:1}