.intro-overlay[data-v-214c0565]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#c7e5f7;display:flex;align-items:center;justify-content:center;z-index:99999;font-family:Courier New,Courier,monospace,system-ui}.intro-content[data-v-214c0565]{position:relative;width:80%;max-width:600px;display:flex;flex-direction:column;gap:20px}.tech-line[data-v-214c0565]{height:1px;background-color:#3b82f6;width:0;opacity:.6}.top-line[data-v-214c0565]{animation:expandLine-214c0565 .6s cubic-bezier(.8,0,.2,1) forwards}.bottom-line[data-v-214c0565]{animation:expandLine-214c0565 .6s cubic-bezier(.8,0,.2,1) .1s forwards}@keyframes expandLine-214c0565{0%{width:0}to{width:100%}}.text-group[data-v-214c0565]{opacity:0;animation:snapIn-214c0565 .1s ease-out .4s forwards;padding:10px 0}@keyframes snapIn-214c0565{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.status-text[data-v-214c0565]{font-size:.8rem;color:#6b7280;letter-spacing:2px;margin-bottom:8px;animation:glitch-214c0565 2s linear infinite}@keyframes glitch-214c0565{0%,to{opacity:1}92%{opacity:1}94%{opacity:.4}96%{opacity:1}98%{opacity:.4}}.greeting[data-v-214c0565]{margin:0;color:#fff;font-size:2.2rem;font-weight:400;display:flex;align-items:flex-end;gap:12px}.prefix[data-v-214c0565]{color:#9ca3af;font-size:1.5rem}.user[data-v-214c0565]{color:#3b82f6;font-weight:700;font-family:system-ui,sans-serif;letter-spacing:1px}.cursor[data-v-214c0565]{color:#3b82f6;animation:blink-214c0565 1s step-end infinite}@keyframes blink-214c0565{50%{opacity:0}}.progress-container[data-v-214c0565]{height:2px;background-color:#1f2937;width:100%;position:relative;overflow:hidden;margin-top:20px}.progress-bar[data-v-214c0565]{position:absolute;top:0;left:0;height:100%;background-color:#fff;width:0%;animation:loadProgress-214c0565 1s cubic-bezier(.4,0,.2,1) .5s forwards}@keyframes loadProgress-214c0565{0%{width:0%}50%{width:60%}to{width:100%}}.fade-scale-leave-active[data-v-214c0565]{transition:all .4s cubic-bezier(.4,0,.2,1)}.fade-scale-leave-to[data-v-214c0565]{opacity:0;transform:scale(1.05)}.global-init-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#f3f4f6;z-index:999999}body{margin:0;padding:0;background-color:#f3f4f6}#app{max-width:none!important;padding:0!important;margin:0!important;width:100vw;height:100vh;display:block!important}.app-layout[data-v-4a4ce2a1]{display:flex;height:100vh;overflow:hidden;font-family:system-ui,-apple-system,sans-serif}.sidebar[data-v-4a4ce2a1]{width:240px;background-color:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 8px #0000000d;z-index:10}.sidebar.collapsed[data-v-4a4ce2a1]{width:68px}.sidebar-header[data-v-4a4ce2a1]{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #e5e7eb;overflow:hidden}.logo-text[data-v-4a4ce2a1]{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0;white-space:nowrap}.toggle-btn[data-v-4a4ce2a1]{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.toggle-btn[data-v-4a4ce2a1]:hover{background-color:#f3f4f6;color:#1f2937}.sidebar-nav[data-v-4a4ce2a1]{padding:16px 8px;display:flex;flex-direction:column;gap:8px;flex:1}.nav-item[data-v-4a4ce2a1]{display:flex;align-items:center;padding:12px;text-decoration:none;color:#4b5563;border-radius:8px;transition:all .2s;overflow:hidden;white-space:nowrap}.nav-item[data-v-4a4ce2a1]:hover:not(.disabled){background-color:#f3f4f6;color:#111827}.router-link-active[data-v-4a4ce2a1]{background-color:#eff6ff;color:#2563eb;font-weight:600}.icon[data-v-4a4ce2a1]{font-size:1.25rem;min-width:24px;display:inline-flex;justify-content:center}.text[data-v-4a4ce2a1]{margin-left:12px;font-size:.95rem}.divider[data-v-4a4ce2a1]{height:1px;background-color:#e5e7eb;margin:8px 0}.main-content[data-v-4a4ce2a1]{flex:1;overflow-y:auto;position:relative}.welcome-overlay[data-v-4a4ce2a1]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#111827a6;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.welcome-modal[data-v-4a4ce2a1]{background:#fff;width:90%;max-width:540px;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:modalFadeIn-4a4ce2a1 .35s cubic-bezier(.16,1,.3,1)}@keyframes modalFadeIn-4a4ce2a1{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.welcome-header[data-v-4a4ce2a1]{padding:32px 32px 16px}.welcome-header h2[data-v-4a4ce2a1]{margin:0;color:#111827;font-size:1.6rem;letter-spacing:-.5px}.welcome-body[data-v-4a4ce2a1]{padding:0 32px 24px;color:#4b5563;font-size:.95rem;line-height:1.6}.welcome-body p[data-v-4a4ce2a1]{margin:0 0 20px;font-size:1rem;color:#374151}.feature-grid[data-v-4a4ce2a1]{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.feature-item[data-v-4a4ce2a1]{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#f9fafb;border-radius:8px;border:1px solid #f3f4f6}.feature-icon[data-v-4a4ce2a1]{font-size:1.2rem;line-height:1.4}.feature-text[data-v-4a4ce2a1]{color:#4b5563;line-height:1.5}.feature-text strong[data-v-4a4ce2a1]{color:#111827}.notice-box[data-v-4a4ce2a1]{padding:12px 16px;background:#eff6ff;border-left:4px solid #3b82f6;border-radius:4px;color:#1e3a8a;font-size:.9rem}.welcome-footer[data-v-4a4ce2a1]{padding:20px 32px;display:flex;justify-content:space-between;align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb}.checkbox-label[data-v-4a4ce2a1]{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#6b7280;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox][data-v-4a4ce2a1]{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6}.start-btn[data-v-4a4ce2a1]{padding:10px 28px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #3b82f64d}.start-btn[data-v-4a4ce2a1]:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 6px 8px -1px #3b82f666}@media(max-width:768px){body{margin:0!important;overflow:hidden!important}.app-layout[data-v-4a4ce2a1]{flex-direction:column;padding-bottom:65px;height:100dvh;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.sidebar[data-v-4a4ce2a1]{position:fixed;bottom:0;left:0;width:100vw!important;height:65px;flex-direction:row;border-right:none;border-top:1px solid #e5e7eb;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -4px 6px -1px #0000000d}.sidebar-header[data-v-4a4ce2a1]{display:none}.sidebar-nav[data-v-4a4ce2a1]{flex-direction:row;padding:0;gap:0;align-items:center;justify-content:space-around}.nav-item[data-v-4a4ce2a1]{flex-direction:column;padding:6px 0;gap:4px;justify-content:center;border-radius:0;flex:1}.nav-item[data-v-4a4ce2a1]:hover:not(.disabled){background-color:transparent}.router-link-active[data-v-4a4ce2a1]{background-color:transparent;color:#3b82f6}.icon[data-v-4a4ce2a1]{font-size:1.4rem;min-width:auto;margin:0}.text[data-v-4a4ce2a1]{margin-left:0!important;font-size:.65rem;display:block!important;font-weight:500}.divider[data-v-4a4ce2a1],.nav-item.disabled[data-v-4a4ce2a1]{display:none}.welcome-modal[data-v-4a4ce2a1]{width:95%;max-height:90vh;overflow-y:auto;border-radius:12px}.welcome-header[data-v-4a4ce2a1]{padding:24px 20px 12px}.welcome-header h2[data-v-4a4ce2a1]{font-size:1.4rem}.welcome-body[data-v-4a4ce2a1]{padding:0 20px 20px}.welcome-footer[data-v-4a4ce2a1]{padding:16px 20px;flex-direction:column-reverse;gap:16px}.start-btn[data-v-4a4ce2a1]{width:100%;padding:12px}}.calendar-header[data-v-b2687052]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;height:48px}.header-left[data-v-b2687052],.header-right[data-v-b2687052]{display:flex;align-items:center;flex:1}.header-right[data-v-b2687052]{justify-content:flex-end;gap:8px}.header-center[data-v-b2687052]{display:flex;justify-content:center;flex:1}.list-view-title[data-v-b2687052]{margin:0;color:#1f2937}.date-display[data-v-b2687052]{cursor:pointer;padding:4px 16px;border-radius:6px;transition:background-color .2s}.date-display[data-v-b2687052]:hover{background-color:#f3f4f6}.date-input[data-v-b2687052]{font-size:1.5rem;font-weight:700;padding:4px 8px;border:1px solid #3b82f6;border-radius:6px;outline:none;font-family:inherit;text-align:center}.weekdays-row[data-v-b2687052]{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-weight:600;color:#4b5563;margin-bottom:12px}.days-grid[data-v-b2687052]{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day-cell[data-v-b2687052]{aspect-ratio:1;display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:8px;padding:8px;cursor:pointer;background-color:#fff;transition:all .2s ease;overflow:hidden}.day-cell.has-journal[data-v-b2687052]{background-color:#e0f2fe}.day-cell[data-v-b2687052]:hover:not(.empty-cell){border-color:#3b82f6;box-shadow:0 4px 6px -1px #0000001a}.day-cell.has-journal[data-v-b2687052]:hover:not(.empty-cell){background-color:#bae6fd}.empty-cell[data-v-b2687052]{border:none;background-color:transparent;cursor:default}.day-text[data-v-b2687052]{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:1.125rem;color:#1f2937;font-weight:500;border-radius:50%}.today-text[data-v-b2687052]{background-color:#3b82f6;color:#fff;font-weight:700}.todo-preview-list[data-v-b2687052]{margin-top:6px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;flex:1}.todo-preview-list[data-v-b2687052]::-webkit-scrollbar{display:none}.todo-preview-item[data-v-b2687052]{font-size:.75rem;color:#374151;background-color:#ffffff80;padding:2px 6px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.todo-preview-item.done-item[data-v-b2687052]{text-decoration:line-through;color:#9ca3af}.global-add-todo[data-v-b2687052]{display:flex;gap:12px;margin-bottom:24px;padding:16px;background:#f9fafb;border-radius:8px;border:1px dashed #d1d5db}.todo-date-input[data-v-b2687052]{padding:8px;border:1px solid #d1d5db;border-radius:6px;outline:none;font-family:inherit;color:#374151}.todo-text-input[data-v-b2687052]{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;outline:none;font-size:1rem}.add-btn[data-v-b2687052]{background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;padding:0 16px;font-size:1.5rem;line-height:1;transition:background .2s}.todo-date-group[data-v-b2687052]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:16px;box-shadow:0 1px 3px #0000000d}.group-header[data-v-b2687052]{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.group-date[data-v-b2687052]{font-size:1.1rem;color:#111827;font-weight:600}.group-count[data-v-b2687052]{font-size:.8rem;background:#e5e7eb;color:#4b5563;padding:2px 8px;border-radius:12px}.todo-list[data-v-b2687052]{display:flex;flex-direction:column;gap:8px}.todo-item[data-v-b2687052]{display:flex;justify-content:space-between;align-items:center;padding:8px;border-radius:6px;transition:background .2s}.todo-item[data-v-b2687052]:hover{background:#f9fafb}.todo-content[data-v-b2687052]{display:flex;align-items:center;flex:1;min-width:0}.todo-label[data-v-b2687052]{display:flex;align-items:center;gap:12px;flex:1;cursor:pointer;color:#374151;margin:0}.todo-checkbox[data-v-b2687052]{width:18px;height:18px;cursor:pointer}.is-done[data-v-b2687052]{text-decoration:line-through;color:#9ca3af}.edit-todo-input[data-v-b2687052]{flex:1;padding:4px 8px;border:1px solid #3b82f6;border-radius:4px;outline:none;font-size:1rem;margin-right:12px}.todo-actions[data-v-b2687052]{display:flex;gap:4px;opacity:0;transition:opacity .2s;margin-left:8px}.todo-item:hover .todo-actions[data-v-b2687052]{opacity:1}.empty-hint[data-v-b2687052]{text-align:center;color:#9ca3af;padding:40px;font-size:1.1rem}@media(max-width:768px){.calendar-wrapper[data-v-b2687052]{height:100%;box-sizing:border-box;padding:12px;display:flex;flex-direction:column;overflow:hidden!important}.mobile-scroll-body[data-v-b2687052]{position:relative;flex:1;overflow-y:auto;overflow-x:hidden;scroll-behavior:auto;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.todos-list-view[data-v-b2687052]{flex:1;overflow-y:auto;padding-bottom:20px}.mobile-hide[data-v-b2687052],.header-left[data-v-b2687052]{display:none!important}.calendar-header[data-v-b2687052]{height:auto;margin-bottom:8px}.header-center[data-v-b2687052]{flex:1;justify-content:flex-start;text-align:left}.header-right[data-v-b2687052]{flex:0;min-width:40px}.date-display[data-v-b2687052]{padding:4px 0}.date-display h2[data-v-b2687052]{font-size:1.5rem;white-space:nowrap;margin:0}.sticky-weekdays[data-v-b2687052]{position:sticky;top:0;z-index:10;margin-bottom:0;padding:10px 0;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #e5e7eb}.weekday-cell[data-v-b2687052]{font-size:.8rem;color:#9ca3af}.days-grid[data-v-b2687052]{gap:0;background:transparent;border:none;border-radius:0}.day-cell[data-v-b2687052]{border:none;border-radius:0;border-bottom:1px solid #f9fafb;padding:4px 2px;aspect-ratio:auto;min-height:70px}.day-cell[data-v-b2687052]:hover:not(.empty-cell){box-shadow:none;border-color:transparent}.mobile-month-separator[data-v-b2687052]{padding:16px 16px 4px;font-size:1.1rem;font-weight:700;color:#1f2937;background:#fff}.day-text[data-v-b2687052]{width:24px;height:24px;font-size:.95rem;margin:0 auto 4px;align-self:center}.todo-preview-item[data-v-b2687052]{border-radius:2px;padding:2px 4px;font-size:.65rem;margin-bottom:2px;text-align:center;width:100%;box-sizing:border-box;background-color:#f3f4f6;color:#4b5563}.day-cell.has-journal[data-v-b2687052]{background-color:transparent}}.header-section h2[data-v-d4e77089]{font-size:1.8rem}.header-actions[data-v-d4e77089]{display:flex;align-items:center;gap:20px}.filter-group[data-v-d4e77089]{display:flex;gap:16px;align-items:center}.filter-checkbox[data-v-d4e77089]{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.95rem;color:#6b7280;-webkit-user-select:none;user-select:none;font-weight:500;transition:color .2s}.filter-checkbox[data-v-d4e77089]:hover{color:#374151}.filter-checkbox input[data-v-d4e77089]{accent-color:#3b82f6;width:16px;height:16px;cursor:pointer;margin:0}.divider-vertical[data-v-d4e77089]{width:1px;height:24px;background-color:#e5e7eb}.create-btn[data-v-d4e77089]{padding:8px 16px}.project-grid[data-v-d4e77089]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.project-card[data-v-d4e77089]{display:flex;flex-direction:column;justify-content:space-between;min-height:180px;transform:translateZ(0);backface-visibility:hidden;cursor:pointer}.card-header-row[data-v-d4e77089]{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.project-title[data-v-d4e77089]{font-size:1.25rem;color:#111827;flex:1;word-break:break-all;border:1px solid transparent;border-radius:4px;padding:2px 4px;margin:0 0 0 -4px;transition:background-color .2s}.project-title[data-v-d4e77089]:hover{background-color:#f3f4f6;color:#3b82f6}.edit-title-input[data-v-d4e77089]{flex:1;font-size:1.1rem;padding:4px}.icon-btn.delete-btn[data-v-d4e77089]{margin-top:-2px}.card-meta-row[data-v-d4e77089]{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.project-date[data-v-d4e77089]{font-size:.875rem;color:#6b7280;margin-left:2px}.status-tag[data-v-d4e77089]{font-size:.75rem;padding:4px 10px;border-radius:12px;font-weight:600}.status-tag.not-started[data-v-d4e77089]{background-color:#f3f4f6;color:#6b7280}.status-tag.in-progress[data-v-d4e77089]{background-color:#dbeafe;color:#1d4ed8}.status-tag.completed[data-v-d4e77089]{background-color:#d1fae5;color:#047857}.timer-placeholder[data-v-d4e77089]{margin-top:16px;padding:12px;background-color:#f9fafb;border-radius:6px;border:1px dashed #d1d5db;position:relative;display:flex;flex-direction:column;gap:8px}.quick-timer-display[data-v-d4e77089]{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.time-text[data-v-d4e77089]{font-family:monospace;font-size:1.2rem;font-weight:700;color:#4b5563}.time-text.running[data-v-d4e77089]{color:#10b981}.time-clickable[data-v-d4e77089]{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;padding:2px 6px;border-radius:4px;transition:background .2s;margin-left:-6px}.time-clickable[data-v-d4e77089]:hover{background-color:#e5e7eb}.no-timer-hint[data-v-d4e77089]{cursor:pointer;color:#9ca3af;font-size:.875rem;text-align:center;padding:4px;position:relative;transition:color .2s}.no-timer-hint[data-v-d4e77089]:hover{color:#4b5563}.timer-dropdown[data-v-d4e77089]{position:absolute;top:110%;left:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;width:200px;z-index:50;padding:8px 0;animation:dropdownFade-d4e77089 .15s ease-out;cursor:default}@keyframes dropdownFade-d4e77089{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-header[data-v-d4e77089]{font-size:.75rem;color:#9ca3af;padding:4px 12px 8px;border-bottom:1px solid #f3f4f6;margin-bottom:4px}.dropdown-item[data-v-d4e77089]{padding:8px 12px;font-size:.9rem;color:#374151;transition:background .2s;cursor:pointer}.dropdown-item[data-v-d4e77089]:hover{background:#f3f4f6;color:#111827}.toggle-btn[data-v-d4e77089]{color:#9ca3af;padding:6px;border-radius:6px}.toggle-btn.active[data-v-d4e77089]{color:#ef4444;background:#fee2e2}.empty-hint[data-v-d4e77089]{grid-column:1 / -1;text-align:center;color:#9ca3af;padding:40px;font-size:1.1rem}.modal-overlay[data-v-d4e77089]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content[data-v-d4e77089]{background:#fff;padding:24px;border-radius:12px;width:90%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a;animation:modalFadeIn-d4e77089 .2s ease-out}@keyframes modalFadeIn-d4e77089{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content h3[data-v-d4e77089]{margin:0 0 16px;color:#111827;font-size:1.25rem}.modal-input[data-v-d4e77089]{width:100%;padding:10px 12px;margin-bottom:24px;font-size:1rem}.modal-actions[data-v-d4e77089]{display:flex;justify-content:flex-end;gap:12px}.action-btn[data-v-d4e77089]{padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;font-size:.95rem;border:none;transition:all .2s}.action-btn.cancel[data-v-d4e77089]{background:#f3f4f6;color:#4b5563}.action-btn.cancel[data-v-d4e77089]:hover{background:#e5e7eb}@media(max-width:768px){.header-actions[data-v-d4e77089]{flex-direction:column;align-items:flex-start;gap:16px;width:100%}.filter-group[data-v-d4e77089]{flex-wrap:wrap;gap:12px;width:100%}.divider-vertical[data-v-d4e77089]{display:none}.create-btn[data-v-d4e77089]{width:100%;padding:12px;font-size:1.05rem;display:flex;justify-content:center}.timer-dropdown[data-v-d4e77089]{left:auto;right:0;width:220px;transform-origin:top right}}.project-container,.calendar-wrapper,.blog-container,.settings-container{max-width:900px;margin:0 auto;padding:20px;font-family:system-ui,-apple-system,sans-serif}.layout-wrapper{max-width:1200px;margin:0 auto;padding:20px;height:calc(100vh - 100px);display:flex;flex-direction:column;font-family:system-ui,-apple-system,sans-serif}.header-section,.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.header-section{border-bottom-width:2px;border-color:#f3f4f6}.header-section h2,.page-header h2{margin:0;color:#1f2937}.create-btn,.add-btn,.action-btn.confirm,.start-btn{background-color:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s;font-weight:600}.create-btn:hover,.add-btn:hover,.action-btn.confirm:hover,.start-btn:hover{background-color:#2563eb}.back-btn{background:transparent;border:none;color:#9ca3af;font-size:1.5rem;cursor:pointer;padding:0 8px;transition:color .2s;font-family:monospace}.back-btn:hover{color:#4b5563}.icon-btn{background:transparent;border:none;outline:none;color:#9ca3af;padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.icon-btn:hover{background-color:#f3f4f6;color:#3b82f6}.icon-btn.delete-btn:hover{background-color:#fee2e2;color:#ef4444}.icon-btn.edit-btn:hover{background-color:#eff6ff;color:#3b82f6}.project-card,.blog-card,.settings-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:transform .2s,box-shadow .2s}.project-card:hover,.blog-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a;border-color:#93c5fd}.search-input,.modal-input,.todo-input,.edit-title-input{border:1px solid #d1d5db;border-radius:6px;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.search-input:focus,.modal-input:focus,.todo-input:focus,.edit-title-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@media(max-width:768px){.page-layout-scroll,.page-layout-full,.layout-wrapper{padding:12px}.page-layout-full,.layout-wrapper{height:auto;min-height:100vh}.page-header-common,.header-section{flex-direction:column;align-items:flex-start;gap:12px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;min-height:40px}.page-header h2{margin:0;font-size:1.8rem;color:#111827;font-weight:700;letter-spacing:.5px}.header-actions{width:100%;justify-content:space-between}.project-grid{grid-template-columns:1fr}.content-split{flex-direction:column}.editor-section,.timer-section,.todo-section{flex:none!important;width:100%}.modal-content,.welcome-modal{width:95%;padding:16px}.action-buttons,.timer-actions,.todo-actions,.delete-btn{opacity:1!important}.ql-editor{padding:12px!important}.mobile-hide{display:none!important}.input-group,.action-group{display:flex;flex-direction:row;gap:8px;width:100%}.input-group input,.action-group input,.search-input{flex:1;min-width:0!important;width:auto!important}.input-group button,.action-group button,.create-btn{width:auto!important;white-space:nowrap;flex-shrink:0}.header-actions{flex-direction:column;align-items:flex-start;gap:12px;width:100%}@media(hover:none){.icon-btn:hover,.delete-btn:hover,.edit-btn:hover,.date-display:hover,.day-cell:hover,.todo-item:hover{background-color:transparent!important;box-shadow:none!important}.icon-btn:active,.delete-btn:active,.day-cell:active{opacity:.5!important;transition:opacity .1s}}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#11182799;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;padding:24px 32px;border-radius:12px;width:90%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a;animation:modalFadeIn .2s ease-out}.modal-content h3{margin:0 0 12px;font-size:1.25rem;color:#111827}.modal-content p{margin:0 0 24px;color:#4b5563;font-size:.95rem;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.cancel-btn{padding:8px 16px;background:#f3f4f6;color:#374151;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s}.cancel-btn:hover{background:#e5e7eb}.confirm-danger-btn{padding:8px 16px;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s}.confirm-danger-btn:hover{background:#dc2626}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}