.bottom-nav[data-v-1ecff249]{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;align-items:center;justify-content:space-around;background-color:var(--card);border-top:1px solid var(--divider);padding:6px 0;padding-bottom:calc(6px + env(safe-area-inset-bottom));z-index:100}.nav-item[data-v-1ecff249]{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 12px;text-decoration:none;color:var(--text-secondary);transition:all .2s ease;border-radius:8px}.nav-item.active[data-v-1ecff249]{color:var(--primary)}.nav-icon[data-v-1ecff249]{font-size:20px;line-height:1}.nav-label[data-v-1ecff249]{font-size:10px;font-weight:500}.nav-item[data-v-1ecff249]:active{transform:scale(.9)}.app-wrapper[data-v-8e14584b]{height:100%;display:flex;flex-direction:column;background-color:var(--bg)}:root{--primary: #6B8E9F;--primary-light: #8BAFBF;--primary-dark: #4A6B7C;--bg: #F5F5F0;--card: #FFFFFF;--text-primary: #333333;--text-secondary: #666666;--success: #98D8C8;--warning: #FFD166;--error: #F7A8B8;--divider: #EEEEEE;--shadow: 0 2px 12px rgba(0,0,0,.08);--radius-card: 16px;--radius-btn: 12px;--page-padding: 16px;--card-padding: 16px;--item-gap: 12px}[data-theme=dark]{--primary: #8BAFBF;--primary-light: #A5C9D6;--primary-dark: #6B8E9F;--bg: #1A1A2E;--card: #252540;--text-primary: #E0E0E0;--text-secondary: #A0A0B0;--success: #7BC8B8;--warning: #E6B84D;--error: #E08898;--divider: #3A3A50;--shadow: 0 2px 12px rgba(0,0,0,.3)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}#app{height:100%;max-width:480px;margin:0 auto;position:relative;overflow:hidden;display:flex;flex-direction:column}.page-container{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:var(--page-padding);padding-bottom:80px}.page-header{display:flex;align-items:center;justify-content:space-between;padding:12px 0;margin-bottom:12px}.page-header h1{font-size:18px;font-weight:600;color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--radius-btn);font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;outline:none;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:active{background-color:var(--primary-dark)}.btn-secondary{background-color:var(--divider);color:var(--text-secondary)}.btn-danger{background-color:var(--error);color:#fff}.btn-block{width:100%}.card{background-color:var(--card);border-radius:var(--radius-card);padding:var(--card-padding);box-shadow:var(--shadow);margin-bottom:var(--item-gap);transition:background-color .2s ease}.input-field{width:100%;padding:12px;border:1.5px solid var(--divider);border-radius:var(--radius-btn);font-size:14px;background-color:var(--card);color:var(--text-primary);outline:none;transition:border-color .2s ease;font-family:inherit;resize:none}.input-field:focus{border-color:var(--primary)}.input-field::placeholder{color:var(--text-secondary)}.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:12px;background-color:var(--primary);color:#fff;margin:2px 4px 2px 0;white-space:nowrap}.category-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;color:#fff;white-space:nowrap}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary);text-align:center}.empty-state .icon{font-size:48px;margin-bottom:16px}.empty-state .text{font-size:14px;line-height:1.6}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .25s ease}.slide-up-enter-from{opacity:0;transform:translateY(20px)}.slide-up-leave-to{opacity:0;transform:translateY(-10px)}.toast{position:fixed;top:60px;left:50%;transform:translate(-50%);background-color:var(--success);color:#fff;padding:10px 24px;border-radius:24px;font-size:14px;font-weight:500;z-index:9999;animation:toastIn .3s ease,toastOut .3s ease 1.2s forwards;box-shadow:0 4px 16px #00000026}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:9998}.spinner{width:40px;height:40px;border:3px solid var(--divider);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.task-complete-anim{animation:taskComplete .9s ease forwards}@keyframes taskComplete{0%{background-color:transparent}20%{background-color:#98d8c84d}40%{background-color:#98d8c833;text-decoration:line-through;text-decoration-color:var(--success)}70%{opacity:.5;transform:translateY(-15px)}to{opacity:0;transform:translateY(-15px);height:0;padding:0;margin:0;overflow:hidden}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--divider);border-radius:2px}