*{margin:0;padding:0;box-sizing:border-box}:root{--text-primary: #1f2937;--text-secondary: #6b7280;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--border-color: #e5e7eb;--primary-blue: #5B5FC7;--primary-purple: #9284BE;--primary-gradient: linear-gradient(135deg, #5B5FC7 0%, #8B7AB8 100%);--work-primary: #F59E42;--work-secondary: #E8922E;--job-primary: #22C7DD;--job-secondary: #1AACBE;--growth-primary: #9B8CD9;--growth-secondary: #8678C7;--personal-primary: #E66BA4;--personal-secondary: #D65590;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3rem}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-secondary);color:var(--text-primary);line-height:1.6}#app{max-width:1200px;margin:0 auto;padding:1rem;box-sizing:border-box}.card{background:var(--bg-primary);border-radius:12px;padding:1.75rem;margin-bottom:var(--spacing-xl);box-shadow:0 2px 4px #0000000a,0 8px 16px #0000000f;width:100%;box-sizing:border-box;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:0 4px 8px #0000000f,0 12px 24px #00000017}.card-header{margin-bottom:var(--spacing-md)}.card-title{font-size:1.65rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.2;white-space:nowrap}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;letter-spacing:-.005em;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 2px 4px #5b5fc726,0 6px 12px #5b5fc740}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 8px #5b5fc733,0 12px 20px #5b5fc74d}.btn-secondary{background:#e5e7eb;color:var(--text-primary);transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 4px #00000014,0 4px 8px #0000001f}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:.875rem}.btn-icon{background:transparent;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.auth-container{max-width:400px;margin:4rem auto;padding:2rem;text-align:center}.auth-container h1{font-size:2rem;margin-bottom:.5rem;color:var(--text-primary)}.auth-container p{color:var(--text-secondary);margin-bottom:2rem}.auth-logo-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:1.5rem}.auth-logo{max-width:100%;width:100%;height:auto;display:block;object-fit:contain}.auth-login-btn{min-width:180px;max-width:240px;padding:.5rem 1rem;font-size:.95rem;background:#374151!important;color:#fff!important;border:1px solid #4b5563!important;border-radius:20px;box-shadow:0 2px 8px #0003;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;cursor:pointer;white-space:nowrap}.auth-login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;border-color:#6b7280;background:#4b5563!important}.auth-login-btn:active{transform:translateY(0);box-shadow:0 2px 6px #00000040;background:#1f2937!important}@media (max-width: 768px){.auth-logo-wrapper{gap:1rem}.auth-logo{max-width:100%;width:100%}.auth-login-btn{min-width:160px;max-width:220px;font-size:.9rem;padding:.45rem .9rem;border-radius:18px;white-space:nowrap}}.app-header-container{background:linear-gradient(160deg,#f4f4f5,#fafafa);border-radius:12px;box-shadow:0 2px 4px #00000008,0 6px 12px #0000000d;z-index:1000;max-width:1200px;margin:0 auto;margin-top:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-md);box-sizing:border-box}.app-header-top{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md)}.brand{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.brand-mark{width:28px;height:28px;color:var(--primary-blue);stroke-width:2.5}.brand-text{font-size:1.75rem;font-weight:700;color:var(--primary-blue);letter-spacing:-.02em}.top-navigation{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 0;margin-bottom:1rem}.nav-item{flex:1;max-width:150px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);text-decoration:none;color:#1f2937;border-radius:8px;border:1px solid #d1d5db;background:#e5e7eb;transition:all .25s cubic-bezier(.4,0,.2,1);font-weight:500;font-size:.95rem}.nav-item:hover{background:#d1d5db;border-color:#9ca3af;transform:translateY(-1px) scale(1.01);box-shadow:0 2px 4px #0000000d,0 4px 8px #00000014}.nav-item.active{background:var(--primary-gradient);color:#fff;border:transparent;box-shadow:0 2px 4px #5b5fc733,0 4px 12px #5b5fc740}.nav-item i{width:20px;height:20px}.top-navigation-grouped{display:flex;justify-content:center;align-items:stretch;gap:.75rem;padding:.75rem 0;margin-bottom:1rem}.nav-group{flex:1;display:flex;flex-direction:column;align-items:center;padding:.5rem .75rem;border-radius:12px;gap:.25rem}.nav-group[data-group=admin]{flex:0 0 auto}.nav-group-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin-bottom:.25rem}.nav-group-items{display:flex;justify-content:center;flex-wrap:nowrap;gap:.375rem;width:100%}.nav-item-new{flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .75rem;text-decoration:none;border-radius:8px;border:1.5px solid;transition:all .2s;font-weight:600;font-size:.875rem;white-space:nowrap}.nav-item-new:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000000f,0 6px 12px #00000014}.nav-item-new i{width:16px;height:16px}.user-box{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.user-info{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm)}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb;box-shadow:0 2px 4px #0000001a}.user-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem;border:2px solid #e5e7eb;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.user-name{font-weight:600;color:var(--text-primary);font-size:.95rem;white-space:nowrap}.user-email{display:none}.date-bar-container{padding:0;margin:0;padding-bottom:.5rem}.date-bar{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 0}.date-nav-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:var(--spacing-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);color:#6b7280}.date-nav-btn:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px) scale(1.05);box-shadow:0 2px 4px #0000000f,0 4px 8px #0000001a}.date-nav-btn i{width:20px;height:20px}.date-display-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--primary-blue);color:#fff;border:none;border-radius:999px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.date-display-btn:hover{background:#4a4eb0;transform:translateY(-1px) scale(1.02);box-shadow:0 2px 4px #5b5fc733,0 6px 12px #5b5fc74d}.date-display-btn i{width:18px;height:18px}.date-bar-footer{display:flex;justify-content:center;gap:.5rem;padding:.5rem 0 0;margin-top:.5rem;flex-wrap:wrap}.date-today-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.875rem;background:#e8ebfa;color:#1f2937;border:1px solid rgba(91,95,199,.2);border-radius:999px;cursor:pointer;transition:all .2s}.date-today-btn:hover{background:#d4d9f5;transform:translateY(-1px)}.date-today-btn i{width:16px;height:16px}.quick-nav-btn{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.quick-nav-btn:hover:not(.active){transform:translateY(-1px)}#scroll-to-todos:hover:not(.active){background:#c7d2fe!important;box-shadow:0 2px 4px #6366f133}#scroll-to-reflection:hover:not(.active){background:#e9d5ff!important;box-shadow:0 2px 4px #a78bfa33}.quick-nav-btn.active:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026!important}.date-overlay{position:fixed;inset:0;background:#0f172a59;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.date-overlay.hidden{display:none}.date-modal{background:#fff;border-radius:1rem;box-shadow:0 8px 16px #0000001a,0 20px 48px #00000026;width:min(400px,90vw);max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.date-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid #e5e7eb}.date-modal-header span{font-weight:700;font-size:1.125rem;color:#111827}.date-close-btn{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#6b7280}.date-close-btn:hover{background:#f3f4f6}.date-close-btn i{width:20px;height:20px}.date-modal-body{padding:1.25rem;flex:1;overflow-y:auto}.date-modal-body input{width:100%;border:2px solid #e5e7eb;border-radius:8px;padding:.75rem}.date-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid #e5e7eb}@media (max-width: 768px){.app-header-container{margin-top:.5rem;padding:.75rem}.app-header-top{flex-direction:row;gap:.5rem;padding-bottom:.75rem;margin-bottom:.75rem}.brand{flex-shrink:0}.brand-text{font-size:1.1rem}.brand-mark{width:24px;height:24px}.top-navigation{padding:.5rem 0;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.nav-item{flex:1 1 calc(50% - .5rem);max-width:none;padding:.5rem .75rem;font-size:.875rem}.top-navigation-grouped{flex-wrap:wrap;gap:.375rem;padding:.5rem 0}.nav-group{flex:1 1 30%;min-width:80px;padding:.375rem .5rem;border-radius:10px}.nav-group[data-group=admin]{flex:0 0 auto}.nav-group-label{font-size:.65rem}.nav-group-items{flex:1;display:flex;flex-direction:column;justify-content:stretch;gap:.25rem}.nav-group[data-group=do] .nav-group-items{align-items:center;justify-content:center}.nav-group[data-group=do] .nav-item-new{flex:0 0 50%;width:100%;min-width:50px;min-height:0}.nav-item-new{flex:1;min-width:50px;min-height:0;padding:.35rem .5rem;font-size:.7rem;gap:.2rem}.nav-item-new i{width:12px;height:12px}.date-bar-container{padding:0}.date-bar{padding:.5rem 0;gap:.5rem}.date-display-btn{padding:.5rem .75rem;font-size:.875rem}.date-bar-footer{flex-wrap:wrap;gap:.4rem!important}.date-bar-footer .date-chip,.date-bar-footer .quick-nav-btn{padding:.35rem .75rem!important;font-size:.8rem!important}.date-bar-footer .date-chip i,.date-bar-footer .quick-nav-btn i{width:14px!important;height:14px!important}.date-bar-footer .date-chip span,.date-bar-footer .quick-nav-btn span{display:inline}.user-box{flex-direction:row;align-items:center;gap:.5rem}.user-info{align-items:center;gap:.5rem}.user-avatar,.user-avatar-placeholder{width:32px;height:32px;font-size:.9rem}.user-name{display:none}#logout-btn{padding:.4rem .6rem;font-size:.8rem;white-space:nowrap}#night-routines h4,#morning-routines h4{white-space:nowrap;font-size:.9rem;flex-shrink:0}#week-selector-btn{gap:.375rem!important;padding:.375rem!important}#week-selector-btn span{white-space:nowrap!important;font-size:.9rem!important;flex-shrink:0}#week-selector-btn i[data-lucide=calendar]{width:16px!important;height:16px!important}#week-selector-btn i[data-lucide=chevron-down]{width:14px!important;height:14px!important}.week-selector{gap:.75rem!important;padding:.75rem!important}}.category-tab{padding:.5rem 1rem;font-size:.95rem;border-radius:8px;border:1px solid #d1d5db;background:#e5e7eb;color:#1f2937;font-weight:600;cursor:pointer;transition:all .2s}.category-tab:hover{background:#d1d5db;border-color:#9ca3af;transform:translateY(-1px)}.category-tab[data-category=work].active{background:linear-gradient(120deg,var(--work-primary) 0%,var(--work-secondary) 100%);color:#fff;border-color:transparent;box-shadow:0 2px 4px #f59e4233,0 4px 12px #f59e4240}.category-tab[data-category=job].active{background:linear-gradient(120deg,var(--job-primary) 0%,var(--job-secondary) 100%);color:#fff;border-color:transparent;box-shadow:0 2px 4px #22c7dd33,0 4px 12px #22c7dd40}.category-tab[data-category=self_dev].active{background:linear-gradient(120deg,var(--growth-primary) 0%,var(--growth-secondary) 100%);color:#fff;border-color:transparent;box-shadow:0 2px 4px #9b8cd933,0 4px 12px #9b8cd940}.category-tab[data-category=personal].active{background:linear-gradient(120deg,var(--personal-primary) 0%,var(--personal-secondary) 100%);color:#fff;border-color:transparent;box-shadow:0 2px 4px #e66ba433,0 4px 12px #e66ba440}input[type=text],input[type=date]{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .25s cubic-bezier(.4,0,.2,1)}input[type=text]:focus,input[type=date]:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #5b5fc714;transform:scale(1.005)}.error{background:#fee2e2;border:2px solid #ef4444;color:#dc2626;padding:1rem;border-radius:8px;margin:1rem 0}#loading{text-align:center;padding:2rem;color:var(--text-secondary)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){#app{padding:var(--spacing-sm)}.card{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.card:hover{transform:none;box-shadow:0 2px 4px #0000000a,0 8px 16px #0000000f}.bottom-navigation{flex-wrap:wrap}.nav-item{flex:1 1 calc(50% - .5rem);max-width:none}.category-tabs,#category-tabs{display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.category-tabs::-webkit-scrollbar,#category-tabs::-webkit-scrollbar{height:4px}.category-tabs::-webkit-scrollbar-track,#category-tabs::-webkit-scrollbar-track{background:transparent}.category-tabs::-webkit-scrollbar-thumb,#category-tabs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.category-tab{flex:0 0 auto;font-size:.8rem;padding:.4rem .75rem;white-space:nowrap;min-width:fit-content}.card-header{flex-wrap:wrap;gap:.75rem}.card-title{font-size:1.25rem}.move-todo-buttons{flex-direction:column!important;gap:.1rem!important}#today-routines-section #routines-content>div:first-child{grid-template-columns:1fr!important;gap:1.5rem!important}#today-routines-section #routines-content>div:first-child>div[style*="width: 2px"]{display:none!important}#routines-view-mode>div:first-child,#routines-edit-mode>div:first-child{grid-template-columns:1fr!important;gap:1.5rem!important}}.todo-item{user-select:none;transition:opacity .2s ease,box-shadow .2s ease}.todo-item:hover{box-shadow:0 4px 8px #00000014}.todo-drag-handle{transition:color .2s ease,transform .2s ease,background-color .2s ease}.todo-drag-handle:hover{color:#6366f1!important;background-color:#eef2ff;transform:scale(1.15)}.todo-drag-handle:active{cursor:grabbing!important;transform:scale(.9);background-color:#e0e7ff}.todo-item:hover .todo-drag-handle{color:#6366f1}.drag-insertion-line{box-shadow:0 0 4px #6366f180;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.todo-item.dragging{opacity:.4!important;cursor:grabbing!important;transform:rotate(2deg) scale(.98);box-shadow:0 8px 16px #00000026!important;z-index:1000;position:relative}@media (max-width: 768px){.btn-regenerate{white-space:nowrap!important;min-width:fit-content;padding:.5rem .9rem!important;font-size:.85rem!important}.btn-generate{white-space:nowrap!important;min-width:fit-content;padding:.65rem 1.2rem!important;font-size:.9rem!important}.todo-drag-handle{display:none!important}#monthly-plans-view-mode>div:first-child{grid-template-columns:1fr!important;gap:1.5rem!important}#monthly-plans-edit-mode>div:first-child{grid-template-columns:1fr!important;gap:1.5rem!important}#monthly-plans-view-mode>div:first-child>div,#monthly-plans-edit-mode>div:first-child>div{border-right:none!important;padding-right:0!important;padding-bottom:1.5rem;border-bottom:1.4px dashed #80E2E2}#monthly-plans-view-mode>div:first-child>div:last-child,#monthly-plans-edit-mode>div:first-child>div:last-child{border-bottom:none!important;padding-bottom:0!important}#monthly-plans-view-mode h4,#monthly-plans-edit-mode h4{font-size:1rem!important}#monthly-plans-edit-mode textarea{min-height:100px!important}.card-header>div:first-child{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.card-header>div:first-child>div:last-child{display:flex!important;justify-content:center!important;align-items:center!important;gap:.5rem!important}#monthly-plan-month-label{font-size:.95rem!important;min-width:90px!important;white-space:nowrap}#monthly-plan-prev-btn,#monthly-plan-next-btn{flex-shrink:0}#monthly-plan-go-to-current-month-btn{font-size:.85rem!important;padding:.35rem .75rem!important}#routines-content>div:first-child{grid-template-columns:1fr!important;gap:1.5rem!important}#routines-content>div:first-child>div[style*="width: 2px"]{display:none!important}#routines-view-mode>div:first-child,#routines-edit-mode>div:first-child{grid-template-columns:1fr!important;gap:1.5rem!important}.routine-input-group .drag-handle{display:none!important}.routine-input-group .order-controls{flex-direction:column!important;gap:.1rem!important}.project-task-date-pc{display:none!important}.project-task-date-mobile{display:block!important}}@media (min-width: 769px){.project-task-date-mobile{display:none!important}.project-task-date-pc{display:inline-block!important}}@media (max-width: 768px){#today-todos-section .card-header{flex-direction:column;gap:.75rem;align-items:stretch}#todo-date-nav-section{order:2;margin:0!important;justify-content:center;gap:.4rem!important}.date-today-btn-pc{display:none!important}.date-today-btn-mobile{display:inline-flex!important}#todo-date-nav-section .date-nav-btn{width:36px!important;height:36px!important;padding:.4rem!important}#todo-date-nav-section .date-nav-btn i{width:18px!important;height:18px!important}#todo-date-display{font-size:.85rem!important;padding:.4rem .75rem!important}#todo-date-display i{width:16px!important;height:16px!important}.date-today-icon-btn{width:36px!important;height:36px!important;padding:.4rem!important}.date-today-icon-btn i{width:18px!important;height:18px!important}#category-tabs{overflow-x:auto;flex-wrap:nowrap}#todo-input-section{flex-direction:column;gap:.5rem}#todo-input{width:100%}#add-todo-btn{width:100%;padding:.75rem 1rem!important}}@media (min-width: 769px){.date-today-btn-mobile{display:none!important}}.modal-overlay{position:fixed;inset:0;background:#0f172a59;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.modal-content{background:#fff;border-radius:1rem;box-shadow:0 8px 16px #0000001a,0 20px 48px #00000026;width:100%;padding:1.5rem}.past-month-card{padding:1rem;background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .25s ease;text-align:center}.past-month-card:hover{border-color:#6366f1;background:linear-gradient(135deg,#eef2ff,#f5f3ff);transform:translateY(-2px);box-shadow:0 4px 12px #6366f126}.past-month-card h4{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.past-month-card p{font-size:.85rem;color:#6b7280;margin:0}#routine-detail-content ul li{padding:.5rem .75rem;margin-bottom:.5rem;background:#f9fafb;border-left:3px solid #d1d5db;border-radius:4px;font-size:.95rem;color:#374151;line-height:1.5}#detail-morning-list li{border-left-color:#f59e0b;background:#fff7e6}#detail-daytime-list li{border-left-color:#22d3ee;background:#e7f8ff}#detail-night-list li{border-left-color:#6366f1;background:#eef2ff}