@import"https://fonts.googleapis.com/css2?family=Pretendard:wght@400;500;600;700&display=swap";:root{--primary: #6c584c;--primary-light: #8a7265;--secondary: #adc178;--secondary-light: #c4d89f;--accent: #dda15e;--accent-light: #e8b67a;--background: #fefaf4;--background-sub: #f0f2f5;--surface: #ffffff;--surface-hover: #f8f9fa;--text: #3a3a3a;--text-secondary: #6b6b6b;--border: #e0e0e0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--background);color:var(--text);line-height:1.6;min-height:100vh}#root{min-height:100vh}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1.5rem;background:var(--background)}.spinner{width:56px;height:56px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite}.loading-screen p{color:var(--primary);font-size:1.125rem;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:var(--background)}.login-card{background:var(--surface);border-radius:24px;padding:3.5rem 3rem;box-shadow:var(--shadow-xl);text-align:center;max-width:440px;width:100%;border:1px solid var(--border);animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-card .logo-container{display:flex;justify-content:center;margin-bottom:1.5rem}.login-card .logo{width:80px;height:80px;border-radius:20px;box-shadow:var(--shadow-md)}.login-card h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--primary);letter-spacing:-.5px}.login-card p{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.05rem}.login-card>div{display:flex;justify-content:center;width:100%}.todo-container{max-width:800px;margin:0 auto;padding:1rem;min-height:100vh}.compact-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--surface);border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border);margin-bottom:1rem;animation:fadeInUp .4s ease-out}.header-brand{display:flex;align-items:center;gap:.625rem}.brand-logo{width:32px;height:32px;border-radius:8px}.brand-name{font-size:1.125rem;font-weight:700;color:var(--primary);margin:0;letter-spacing:-.3px}.header-actions{display:flex;gap:.5rem}.settings-button{padding:.5rem 1rem;border:none;background:var(--background-sub);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:.375rem}.settings-button:hover{background:var(--secondary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.logout-button-header{padding:.5rem 1rem;border:none;background:#dc26261a;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:600;color:#dc2626}.logout-button-header:hover{background:#dc2626;color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.date-selector-compact{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem;padding:.875rem 1rem;background:var(--surface);border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border);animation:fadeInUp .4s ease-out .1s backwards}.date-nav-btn{width:32px;height:32px;border:none;background:var(--background-sub);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:1.25rem;color:var(--text-secondary);font-weight:600;display:flex;align-items:center;justify-content:center}.date-nav-btn:hover{background:var(--primary);color:#fff;transform:scale(1.05)}.date-display{display:flex;flex-direction:column;align-items:center;gap:.25rem}.date-picker{padding:.375rem .625rem;border:1px solid var(--border);border-radius:6px;font-size:.8rem;cursor:pointer;background:var(--background);transition:all .2s ease;color:var(--text-secondary)}.date-picker:hover{border-color:var(--primary)}.date-label{font-size:1rem;font-weight:600;color:var(--primary);letter-spacing:-.2px}.stats{display:flex;gap:.625rem;justify-content:center;margin-bottom:1rem;animation:fadeInUp .4s ease-out .2s backwards}.stat-item{flex:1;text-align:center;padding:.75rem;background:var(--surface);border-radius:10px;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all .2s ease;font-size:.8rem;color:var(--text-secondary);font-weight:500}.stat-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-item strong{display:block;color:var(--primary);font-size:1.375rem;font-weight:700;margin-top:.125rem;letter-spacing:-.3px}.fab-button{position:fixed;bottom:2rem;right:2rem;padding:1rem 1.75rem;background:var(--primary);color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6c584c4d;z-index:100}.fab-button:hover{background:var(--primary-light);transform:translateY(-4px) scale(1.05);box-shadow:0 8px 20px #6c584c66}.todo-list{display:flex;flex-direction:column;gap:.625rem}.loading,.empty-state{text-align:center;padding:3rem 1.5rem;background:var(--surface);border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.empty-state p:first-child{font-size:1rem;margin-bottom:.375rem;font-weight:600;color:var(--text)}.empty-state p:last-child{font-size:.875rem;color:var(--text-secondary)}.todo-item{display:flex;align-items:center;gap:.875rem;padding:1rem;background:var(--surface);border-radius:10px;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all .2s ease;animation:fadeInUp .3s ease-out backwards}.todo-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.todo-item.completed{opacity:.55}.todo-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--primary)}.view-mode{display:flex;justify-content:space-between;align-items:center;flex:1;gap:1rem}.todo-content{display:flex;align-items:center;gap:.5rem;flex:1}.category-emoji{font-size:1.125rem}.todo-title{font-size:.9rem;word-break:break-word;font-weight:500;color:var(--text)}.todo-notification{font-size:.8rem;color:var(--primary);font-weight:600;display:flex;align-items:center;gap:.25rem;margin-right:.75rem;white-space:nowrap}.todo-item.completed .todo-title{text-decoration:line-through;color:var(--text-secondary)}.todo-actions{display:flex;gap:.5rem}.edit-button,.delete-button,.save-button,.cancel-button{padding:.5rem .875rem;border:none;border-radius:7px;font-size:.8rem;cursor:pointer;transition:all .2s ease;font-weight:600}.edit-button{background:#677eea1a;color:var(--primary)}.edit-button:hover:not(:disabled){background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.delete-button{background:#dc26261a;color:#dc2626}.delete-button:hover{background:#dc2626;color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.edit-button:disabled{opacity:.4;cursor:not-allowed}.edit-mode{display:flex;gap:.5rem;flex:1;align-items:center}.edit-input{flex:1;padding:.5rem .75rem;border:2px solid var(--primary);border-radius:7px;font-size:.9rem;background:#fff;transition:all .2s ease}.edit-input:focus{outline:none;box-shadow:0 0 0 3px #6c584c1a}.save-button{background:#10b9811a;color:#10b981}.save-button:hover{background:#10b981;color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.cancel-button{background:#6b72801a;color:#6b7280}.cancel-button:hover{background:#6b7280;color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-sm)}@media(max-width:640px){.todo-container{padding:.75rem}.compact-header{padding:.625rem .875rem}.brand-name{font-size:1rem}.date-selector-compact{padding:.75rem}.stats{flex-direction:row}.fab-button{bottom:1.5rem;right:1.5rem;padding:.875rem 1.5rem;font-size:.95rem}.view-mode{flex-direction:column;align-items:flex-start;gap:.5rem}.todo-actions{width:100%;justify-content:flex-end}.login-card{padding:2.5rem 2rem}}.todo-item:nth-child(1){animation-delay:.35s}.todo-item:nth-child(2){animation-delay:.38s}.todo-item:nth-child(3){animation-delay:.41s}.todo-item:nth-child(4){animation-delay:.44s}.todo-item:nth-child(5){animation-delay:.47s}.todo-item:nth-child(n+6){animation-delay:.5s}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--surface);border-radius:24px;box-shadow:var(--shadow-xl);max-width:600px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid var(--border)}.modal-header h2{font-size:1.5rem;font-weight:700;color:var(--primary);margin:0}.modal-close{width:36px;height:36px;border:none;background:var(--background-sub);border-radius:50%;cursor:pointer;transition:all .3s ease;font-size:1.25rem;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--primary);color:#fff;transform:rotate(90deg)}.modal-body{padding:2rem;overflow-y:auto}.category-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.category-item{background:var(--background);border-radius:12px;padding:1rem;transition:all .3s ease}.category-item:hover{box-shadow:var(--shadow-sm)}.category-view{display:flex;align-items:center;gap:.75rem}.category-emoji{font-size:1.5rem}.category-name{flex:1;font-size:1.05rem;font-weight:500;color:var(--text)}.category-actions{display:flex;gap:.5rem}.btn-edit,.btn-delete,.btn-save,.btn-cancel{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-edit{background:#adc17833;color:var(--secondary)}.btn-edit:hover{background:var(--secondary);color:#fff}.btn-delete{background:#dc26261a;color:#dc2626}.btn-delete:hover{background:#dc2626;color:#fff}.btn-save{background:var(--primary);color:#fff}.btn-save:hover{background:var(--primary-light)}.btn-cancel{background:var(--background-sub);color:var(--text-secondary)}.btn-cancel:hover{background:#d1d5db}.category-edit-form,.category-add-form{display:flex;align-items:center;gap:.75rem}.emoji-select{padding:.75rem;border:2px solid var(--border);border-radius:8px;font-size:1.25rem;cursor:pointer;background:var(--surface);transition:all .3s ease}.emoji-select:focus{outline:none;border-color:var(--primary)}.category-input{flex:1;padding:.75rem 1rem;border:2px solid var(--border);border-radius:8px;font-size:1rem;transition:all .3s ease;background:var(--surface);color:var(--text)}.category-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #6c584c1a}.btn-add-category{width:100%;padding:1rem;background:var(--background-sub);border:2px dashed var(--border);border-radius:12px;font-size:1rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.btn-add-category:hover{background:var(--primary);border-color:var(--primary);color:#fff}.form-group{margin-bottom:1.25rem}.form-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.form-input,.form-select{width:100%;padding:.75rem 1rem;border:2px solid var(--border);border-radius:10px;font-size:.95rem;transition:all .2s ease;background:var(--surface);color:var(--text)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6c584c1a}.form-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.time-picker-group{margin-top:1rem;padding:1rem;background:var(--background);border-radius:10px}.time-picker{display:flex;align-items:center;justify-content:center;gap:.5rem}.time-select{padding:.75rem 1rem;border:2px solid var(--border);border-radius:10px;font-size:1.125rem;font-weight:600;background:var(--surface);color:var(--primary);cursor:pointer;transition:all .2s ease;min-width:70px;text-align:center}.time-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6c584c1a}.time-separator{font-size:1.5rem;font-weight:700;color:var(--primary)}.modal-footer{display:flex;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.btn-cancel-modal,.btn-submit-modal{flex:1;padding:.875rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel-modal{background:var(--background-sub);color:var(--text-secondary)}.btn-cancel-modal:hover{background:#d1d5db}.btn-submit-modal{background:var(--primary);color:#fff}.btn-submit-modal:hover:not(:disabled){background:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-submit-modal:disabled{opacity:.5;cursor:not-allowed}