html,body{overflow-x:hidden;max-width:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;letter-spacing:-.015em;-webkit-font-smoothing:antialiased;background-color:var(--bs-body-bg);color:var(--bs-body-color);transition:background-color .2s ease,color .2s ease}:root{--ta-accent: #0071e3;--ta-accent-light: rgba(0, 113, 227, .08);--nav-height: 64px;--bottom-nav-h: 68px;--bs-body-bg: #f5f5f7;--bs-body-color: #1d1d1f;--bs-secondary-bg: #ffffff;--bs-tertiary-bg: #e8e8ed;--bs-border-color: rgba(0, 0, 0, .08);--bs-secondary-color: #555555}[data-bs-theme=dark]{--bs-body-bg: #000000;--bs-body-color: #f5f5f7;--bs-secondary-bg: #121212;--bs-tertiary-bg: #1c1c1e;--bs-border-color: rgba(255, 255, 255, .08);--bs-secondary-color: #a1a1a6}.navbar-trackanything{height:var(--nav-height);background:var(--bs-secondary-bg)!important;border-bottom:1px solid var(--bs-border-color)!important;padding:0 20px;box-shadow:0 1px 2px #00000005!important}.bottom-nav{height:var(--bottom-nav-h);background:var(--bs-secondary-bg)!important;border-top:1px solid var(--bs-border-color)!important;padding:4px 8px;justify-content:space-around;align-items:center;box-shadow:0 -1px 2px #00000005!important}.bottom-nav-btn{display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:none;color:var(--bs-secondary-color);font-size:10px;font-weight:500;padding:6px 12px;border-radius:12px;flex:1;transition:color .15s,background-color .15s}.bottom-nav-btn i{font-size:19px;transition:transform .15s}.bottom-nav-btn.active{color:var(--ta-accent);font-weight:600}.bottom-nav-btn.active i{transform:scale(1.05)}.bottom-nav-btn:hover{background-color:#00000005}[data-bs-theme=dark] .bottom-nav-btn:hover{background-color:#ffffff08}.desktop-nav-link{border:none;background:none;padding:6px 14px;border-radius:10px;font-size:13px;font-weight:500;color:var(--bs-secondary-color);transition:color .15s,background-color .15s}.desktop-nav-link:hover{background-color:#00000008;color:var(--bs-body-color)}[data-bs-theme=dark] .desktop-nav-link:hover{background-color:#ffffff0a}.desktop-nav-link.active{color:var(--ta-accent);font-weight:600}.main-content{padding-top:calc(var(--nav-height) + 16px);min-height:100dvh;padding-bottom:calc(var(--bottom-nav-h) + 24px)}@media(min-width:768px){.main-content{padding-bottom:40px}}.page-enter{animation:appleEnter .2s cubic-bezier(.16,1,.3,1) both}@keyframes appleEnter{0%{opacity:0;transform:scale(.99) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.card,.leaderboard-item,.streak-item,.recent-tracker-item{border-radius:14px!important;border:1px solid var(--bs-border-color)!important;background-color:var(--bs-secondary-bg)!important;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005!important;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1)}.tracker-card:hover,.streak-item:hover,.recent-tracker-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000d!important}[data-bs-theme=dark] .card,[data-bs-theme=dark] .leaderboard-item,[data-bs-theme=dark] .streak-item,[data-bs-theme=dark] .recent-tracker-item{border:1px solid rgba(255,255,255,.07)!important;box-shadow:0 1px 4px #00000040!important}[data-bs-theme=dark] .tracker-card:hover,[data-bs-theme=dark] .streak-item:hover,[data-bs-theme=dark] .recent-tracker-item:hover{box-shadow:0 6px 16px #0006!important}.tracker-card{border-top-width:4px!important}.form-control,.form-select{border-radius:10px;padding:9px 13px;background-color:var(--bs-tertiary-bg);border:1px solid transparent;color:var(--bs-body-color);transition:border-color .15s,background-color .15s}.form-control:focus,.form-select:focus{border-color:var(--ta-accent);background-color:var(--bs-secondary-bg);box-shadow:0 0 0 3px #0071e326}.template-card{border-radius:12px!important;background-color:var(--bs-tertiary-bg)!important;border:1px solid transparent!important;cursor:pointer;transition:border-color .15s,background-color .15s,transform .15s}.template-card:hover,.template-card.selected{border-color:var(--ta-accent)!important;background-color:var(--ta-accent-light)!important}.template-card.selected{transform:scale(1.01)}.heatmap-grid{display:grid;grid-template-columns:repeat(18,1fr);gap:5px;min-width:270px}.heatmap-cell{aspect-ratio:1;border-radius:3px;transition:transform .1s;cursor:default;border:1px solid transparent!important}.heatmap-cell:hover{transform:scale(1.2)}.heatmap-cell.lv0{background-color:var(--bs-tertiary-bg)}.heatmap-cell.lv1{background-color:#0071e326}.heatmap-cell.lv2{background-color:#0071e366}.heatmap-cell.lv3{background-color:#0071e3bf}.heatmap-cell.lv4{background-color:#0071e3}.cal-grid{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:6px!important;width:100%!important;border:none!important;box-sizing:border-box!important}.cal-day-header{font-size:11px;font-weight:700;color:#86868b;text-transform:uppercase;letter-spacing:.03em;padding:6px 0;border:none!important;background:transparent!important;text-align:center}.cal-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:flex-start!important;justify-content:space-between;padding:8px;border-radius:8px!important;cursor:pointer;background-color:var(--bs-secondary-bg);border:1px solid var(--bs-border-color)!important;transition:background-color .15s,border-color .15s,transform .15s}.cal-cell:hover:not(.cal-empty){background-color:var(--bs-tertiary-bg);transform:translateY(-1px)}.cal-cell.cal-today{background-color:var(--ta-accent-light)!important;border-color:var(--ta-accent)!important;box-shadow:0 0 0 1px var(--ta-accent)!important}.cal-empty{background-color:transparent!important;border:none!important;cursor:default}.cal-dots{display:flex;justify-content:flex-start;gap:3px;flex-wrap:wrap;width:100%;margin-top:auto}.cal-cube{width:15px;height:15px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;font-size:8px;color:#fff;line-height:1;font-weight:700}[data-bs-theme=dark] .cal-grid,[data-bs-theme=dark] .cal-day-header{border:none!important}[data-bs-theme=dark] .cal-cell{background-color:#ffffff08!important;border-color:#ffffff14!important}[data-bs-theme=dark] .cal-cell:hover:not(.cal-empty){background-color:#ffffff14!important}[data-bs-theme=dark] .cal-empty{background-color:transparent!important;border:none!important}@media(max-width:619px){.cal-grid{gap:3px!important}.cal-cell{padding:4px!important;min-height:38px!important;border-radius:6px!important}.cal-cell span{font-size:9px!important}.cal-cube{width:10px!important;height:10px!important;font-size:6px!important;border-radius:2px!important}.cal-dots{gap:1px!important;margin-top:1px!important}}.cal-grid-modern{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:8px!important;width:100%!important;border:none!important;box-sizing:border-box!important}.cal-grid-modern .cal-day-header{font-size:11px;font-weight:700;color:#86868b;text-transform:uppercase;letter-spacing:.03em;padding:6px 0;border:none!important;background:transparent!important;text-align:center}.cal-grid-modern .cal-cell{aspect-ratio:1!important;background:var(--bs-secondary-bg);border:1px solid rgba(0,0,0,.16)!important;border-radius:12px!important;padding:8px 4px!important;display:flex;flex-direction:column;justify-content:space-between;align-items:center;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .2s,box-shadow .2s}.cal-grid-modern .cal-cell:hover:not(.cal-empty){transform:translateY(-2px) scale(1.02);background:var(--bs-tertiary-bg);box-shadow:0 4px 12px #00000014}.cal-grid-modern .cal-cell.cal-empty{background:transparent!important;border:none!important;cursor:default;pointer-events:none}.cal-grid-modern .cal-day-num{font-size:16px;font-weight:700;color:var(--bs-body-color)}.cal-grid-modern .cal-today{border-color:var(--ta-accent)!important;background:rgba(var(--bs-primary-rgb),.08)!important;box-shadow:0 0 0 1.5px var(--ta-accent)!important}.cal-grid-modern .cal-today-num{color:var(--ta-accent);font-weight:800}.cal-grid-modern .cal-past-empty{opacity:.45}.cal-grid-modern .cal-cubes-row{display:flex;gap:3px;flex-wrap:wrap;align-items:center;margin-top:auto;width:100%}.cal-grid-modern .cal-cube{width:14px;height:14px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:8px;color:#fff;line-height:1}.cal-grid-modern .cal-cube i{font-size:8px}.cal-grid-modern .cal-more{font-size:8px;font-weight:700;color:var(--bs-secondary-color);background:var(--bs-tertiary-bg);padding:1px 3px;border-radius:3px;line-height:1}[data-bs-theme=dark] .cal-grid-modern .cal-cell{background-color:#ffffff08!important;border-color:#ffffff1f!important}[data-bs-theme=dark] .cal-grid-modern .cal-cell:hover:not(.cal-empty){background-color:#ffffff14!important}.cal-mini-progress-bar{height:4px;background:#00000014!important;border:1px solid rgba(0,0,0,.04)!important;border-radius:2px;width:92%;margin:4px auto 0;overflow:hidden}[data-bs-theme=dark] .cal-mini-progress-bar{background:#ffffff26!important;border:1px solid rgba(255,255,255,.05)!important}.cal-mini-progress-fill{height:100%;transition:width .3s ease}.cal-liner{display:flex;height:3.5px;border-radius:1.75px;overflow:hidden;margin-top:auto;width:100%}@media(max-width:767px){.cal-grid-modern{gap:4px!important}.cal-grid-modern .cal-cell{border-radius:8px!important;padding:4px 2px!important;min-height:38px!important}.cal-grid-modern .cal-day-num{font-size:12px!important}.cal-mini-progress-bar{height:3px;width:90%;margin-top:2px}.cal-liner{height:2px!important;border-radius:1px!important;margin-top:2px!important}}@media(max-width:360px){.cal-grid-modern{gap:3px!important}.cal-grid-modern .cal-cell{padding:2px 1px!important;min-height:32px!important;border-radius:6px!important}.cal-grid-modern .cal-day-num{font-size:10px!important}.cal-liner{height:1.5px!important;margin-top:1px!important}}.btn-primary{background-color:var(--ta-accent);border-color:var(--ta-accent);border-radius:10px;font-weight:600;padding:9px 18px;box-shadow:0 1px 2px #0000000a!important;transition:opacity .15s,transform .1s}.btn-primary:hover{opacity:.92;background-color:var(--ta-accent);border-color:var(--ta-accent)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background-color:var(--bs-tertiary-bg);border-color:transparent;color:var(--bs-body-color);border-radius:10px;font-weight:500;padding:9px 18px}.btn-secondary:hover{background-color:var(--bs-secondary-bg);border-color:var(--bs-border-color);color:var(--bs-body-color)}.btn-outline-secondary{border-radius:10px;border-color:var(--bs-border-color);color:#86868b}.btn-outline-secondary:hover{background-color:var(--bs-tertiary-bg);color:var(--bs-body-color);border-color:var(--bs-border-color)}.check-circle-btn{width:26px;height:26px;border-radius:50%!important;display:inline-flex;align-items:center;justify-content:center;padding:0!important;transition:transform .15s,background-color .15s}.check-circle-btn:active{transform:scale(.9)}.check-square-btn{width:20px;height:20px;border-radius:4px!important;display:inline-flex;align-items:center;justify-content:center;padding:0!important;transition:transform .15s,background-color .15s}.check-square-btn:active{transform:scale(.9)}.stat-num{font-family:inherit;font-weight:800;font-size:2.2rem;letter-spacing:-.03em;color:var(--bs-body-color)}.modal-content{border-radius:18px!important;background-color:var(--bs-secondary-bg)!important;border:1px solid var(--bs-border-color)!important;box-shadow:0 10px 30px #00000026!important}.tracker-select-card{padding:10px 16px;border-radius:12px;background:#00000005;border:1px solid var(--bs-border-color);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s cubic-bezier(.16,1,.3,1);font-weight:500;-webkit-user-select:none;user-select:none}[data-bs-theme=dark] .tracker-select-card{background:#ffffff05}.tracker-select-card:hover{background:#0000000a;transform:translateY(-1px)}[data-bs-theme=dark] .tracker-select-card:hover{background:#ffffff0a}.tracker-select-card.selected{background:var(--ta-accent-light);border-color:var(--ta-accent)}.exercise-row,.topic-input-row,.subtopic-input-row{border-bottom:1px solid var(--bs-border-color);padding-bottom:12px}.exercise-row:last-child,.topic-input-row:last-child{border-bottom:none}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.photo-thumbnail-container{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid var(--bs-border-color);background:var(--bs-tertiary-bg);cursor:pointer}.photo-thumbnail-container img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.photo-thumbnail-container img:hover{transform:scale(1.05)}.photo-remove-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#0009;color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer}.nested-checklist{padding-left:24px;border-left:2px solid var(--bs-border-color)}.mood-card{flex:1;text-align:center;padding:12px 6px;border-radius:10px;border:1px solid var(--bs-border-color);background:var(--bs-secondary-bg);cursor:pointer;font-weight:600;transition:all .15s}.mood-card:hover{background:var(--bs-tertiary-bg)}.mood-card.active{background:var(--ta-accent-light);border-color:var(--ta-accent);color:var(--ta-accent)}.lightbox-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.lightbox-modal img{max-width:90%;max-height:90%;border-radius:8px;box-shadow:0 4px 20px #00000080}.lightbox-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;background:#ffffff1a;color:#fff;border:none;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bs-tertiary-bg);border-radius:4px}.onboarding-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px}.onboarding-card{width:100%;max-width:500px;background:var(--bs-secondary-bg);border:1px solid var(--bs-border-color);border-radius:20px;padding:32px 24px;box-shadow:0 10px 40px #0000004d;max-height:90vh;overflow-y:auto}.onboarding-icon-wrapper{width:90px;height:90px;margin:0 auto;background:var(--ta-accent-light);border-radius:50%;display:flex;align-items:center;justify-content:center}.onboarding-tmpl-card{cursor:pointer;background:var(--bs-secondary-bg)!important;border:1px solid var(--bs-border-color)!important;border-radius:12px!important;transition:transform .2s,border-color .2s,background-color .2s}.onboarding-tmpl-card:hover{transform:translateY(-2px)}.onboarding-tmpl-card.selected{background:var(--ta-accent-light)!important;border-color:var(--ta-accent)!important}.milestone-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:3000;display:flex;align-items:center;justify-content:center;padding:16px}.milestone-card{width:100%;max-width:460px;background:var(--bs-secondary-bg);border:2px solid var(--ta-accent);border-radius:24px;padding:40px 24px;box-shadow:0 20px 50px #0006;text-align:center}.milestone-fire-icon{font-size:72px;color:#ff9f0a;display:block;margin-bottom:16px;animation:fire-flicker 1s infinite alternate}@keyframes fire-flicker{0%{transform:scale(1);filter:drop-shadow(0 0 10px rgba(255,159,10,.3))}to{transform:scale(1.1);filter:drop-shadow(0 0 25px rgba(255,159,10,.6))}}.budget-card{border-radius:14px!important;border-left:5px solid var(--ta-accent)!important}.progress-budget{height:6px;background-color:var(--bs-tertiary-bg);border-radius:3px;overflow:hidden}.progress-budget-bar{height:100%;border-radius:3px;transition:width .3s ease,background-color .3s ease}.empty-state-container{padding:40px 16px;text-align:center;background:var(--bs-secondary-bg);border-radius:16px;border:1px dashed var(--bs-border-color)}.empty-state-icon{font-size:64px;color:#86868b;opacity:.6;margin-bottom:16px}.pomodoro-timer-outer{width:170px;height:170px;border-radius:50%;border:4px solid var(--bs-border-color);background:var(--bs-body-bg);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 15px #0071e31a;transition:border-color .3s,box-shadow .3s}.pomodoro-card.active .pomodoro-timer-outer{box-shadow:0 0 25px #0071e340;border-color:var(--bs-primary)}.pomodoro-time-display{font-size:38px;font-weight:800;letter-spacing:-.02em;line-height:1}.pomodoro-subtext{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--bs-secondary-color);letter-spacing:.04em;margin-top:4px}.pomo-preset-btn{font-size:11px;padding:0;font-weight:700;text-transform:uppercase}.pomo-preset-btn.active{color:var(--bs-primary)!important}.text-truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.swipe-container{position:relative;overflow:hidden;background-color:var(--bs-card-bg, #fff);border-radius:12px;width:100%;min-width:0;border:1px solid rgba(0,0,0,.12)!important;box-shadow:0 1px 3px #00000005!important}[data-bs-theme=dark] .swipe-container{border:1px solid rgba(255,255,255,.08)!important}.swipe-reveal-left{position:absolute;top:0;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:flex-start;padding-left:20px;background-color:#ff3b30;color:#fff;z-index:1;opacity:0;transition:opacity .2s ease}.swipe-reveal-right{position:absolute;top:0;bottom:0;right:0;width:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:20px;background-color:#0071e3;color:#fff;z-index:1;opacity:0;transition:opacity .2s ease}.swipe-card{position:relative;z-index:2;transition:transform .25s cubic-bezier(.16,1,.3,1);touch-action:pan-y;background-color:var(--bs-tertiary-bg, #f8f9fa);width:100%;min-width:0;border:none!important}canvas{margin-top:15px!important}.min-w-0{min-width:0!important}.skeleton-shimmer{background:linear-gradient(90deg,var(--bs-tertiary-bg) 25%,var(--bs-border-color) 50%,var(--bs-tertiary-bg) 75%);background-size:200% 100%;animation:shimmer-swipe 1.6s infinite linear}@keyframes shimmer-swipe{0%{background-position:200% 0}to{background-position:-200% 0}}.virtual-placeholder{min-height:80px;background-color:transparent;border:1px dashed var(--bs-border-color);border-radius:12px}.habit-grid-cells{display:grid;grid-template-rows:repeat(7,10px);grid-auto-flow:column;grid-auto-columns:10px;gap:3px}.habit-grid-cell{width:10px;height:10px;border-radius:2px;background-color:#ffffff0d;transition:transform .1s ease-in-out,filter .1s ease-in-out;cursor:pointer}[data-bs-theme=light] .habit-grid-cell{background-color:#0000000d}.habit-grid-cell:hover{transform:scale(1.35);filter:brightness(1.25);z-index:10}.habit-grid-cell.future-day{visibility:hidden;pointer-events:none}@media(max-width:576px){.text-muted,.text-secondary,.small,small,.entry-note-preview,.tracker-card .text-secondary,.metric-label,.habit-streak-label,.calendar-date-label,.subtask-label,.progress-bar-label{font-size:14px!important}}.text-muted{color:var(--bs-secondary-color)!important}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important}}.lang-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media(max-width:400px){.lang-card-grid{grid-template-columns:repeat(2,1fr)}}.lang-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 8px 10px;border-radius:14px;border:1.5px solid var(--bs-border-color);background:var(--bs-tertiary-bg);cursor:pointer;transition:transform .18s cubic-bezier(.34,1.56,.64,1),border-color .15s,background-color .15s,box-shadow .15s;position:relative;text-align:center;min-height:88px}.lang-card:hover{transform:translateY(-2px) scale(1.03);border-color:var(--ta-accent);background:var(--ta-accent-light);box-shadow:0 4px 12px #0071e31f}.lang-card:active{transform:scale(.97)}.lang-card-active{border-color:var(--ta-accent)!important;background:var(--ta-accent-light)!important;box-shadow:0 0 0 2px var(--ta-accent)!important}.lang-card-flag{font-size:24px;line-height:1;display:block}.lang-card-native{font-size:13px;font-weight:700;color:var(--bs-body-color);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.lang-card-english{font-size:10px;color:var(--bs-secondary-color);font-weight:500;white-space:nowrap}.lang-card-check{position:absolute;top:6px;right:7px;font-size:12px;color:var(--ta-accent)}[data-bs-theme=dark] .lang-card{background:#ffffff0a;border-color:#ffffff1a}[data-bs-theme=dark] .lang-card:hover{background:#0071e326;border-color:var(--ta-accent)}[data-bs-theme=dark] .lang-card-active{background:#0071e32e!important}.tour-highlight{position:relative;z-index:99999!important;box-shadow:0 0 0 4px var(--ta-accent)!important;pointer-events:auto!important}@media(max-width:767.98px){:root{--nav-height: 0px !important}}.btn-entry-action{background:none;border:none;padding:6px;border-radius:50%;color:var(--bs-secondary-color, #6c757d);transition:all .15s ease-in-out;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px}.btn-entry-action:hover{background-color:var(--bs-secondary-bg, rgba(255,255,255,.08));color:var(--bs-body-color, #f8f9fa)}.btn-entry-action.btn-entry-delete:hover{background-color:#e6394626;color:#ff453a!important}