:root{--accent: #2A9D8F;--accent-hover: #238578;--accent-subtle: rgba(42, 157, 143, .08);--berry: #c2185b;--berry-hover: #a11445;--berry-subtle: rgba(194, 24, 91, .08);--heading: #1B263B;--text: #3A3A3C;--text-muted: #6B7280;--bg: #ffffff;--bg-alt: #f8f9fa;--surface: #ffffff;--border: #e5e7eb;--success: #059669;--success-subtle: rgba(5, 150, 105, .08);--warning: #d97706;--warning-subtle: rgba(217, 119, 6, .08);--danger: #dc2626;--danger-subtle: rgba(220, 38, 38, .08);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--mono: "SF Mono", "Fira Code", "JetBrains Mono", "Menlo", monospace;--radius: 8px;--radius-lg: 12px;--max-width: 960px}[data-theme=dark]{--accent: #2dd4bf;--accent-hover: #5eead4;--accent-subtle: rgba(45, 212, 191, .1);--berry: #f06292;--berry-hover: #f48fb1;--berry-subtle: rgba(240, 98, 146, .1);--heading: #e2e8f0;--text: #cbd5e1;--text-muted: #94a3b8;--bg: #0f172a;--bg-alt: #1e293b;--surface: #1e293b;--border: #334155;--success: #34d399;--success-subtle: rgba(52, 211, 153, .1);--warning: #fbbf24;--warning-subtle: rgba(251, 191, 36, .1);--danger: #f87171;--danger-subtle: rgba(248, 113, 113, .1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover)}h1,h2,h3{color:var(--heading);line-height:1.3}.nav{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;transition:background .3s,border-color .3s}[data-theme=dark] .nav{background:#0f172ad9}.nav-inner{max-width:var(--max-width);margin:0 auto;padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.nav-brand{display:flex;align-items:center;gap:.6rem;color:var(--heading);font-weight:600;font-size:.95rem}.nav-logo{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--accent);color:#fff;border-radius:6px;font-weight:700;font-size:.85rem}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-links a{color:var(--text-muted);font-size:.85rem;font-weight:500;transition:color .15s;cursor:pointer}.nav-links a:hover,.nav-links a.active{color:var(--heading)}.theme-toggle{background:none;border:1px solid var(--border);border-radius:var(--radius);padding:.35rem;cursor:pointer;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s}.theme-toggle:hover{color:var(--heading);border-color:var(--text-muted)}.icon-moon,[data-theme=dark] .icon-sun{display:none}[data-theme=dark] .icon-moon{display:block}main{max-width:var(--max-width);margin:0 auto;padding:2rem 1.5rem;min-height:calc(100dvh - 120px);min-height:calc(100vh - 120px)}.loading{text-align:center;color:var(--text-muted);padding:4rem 0;font-size:.9rem}.filters{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-btn{font-family:var(--font);font-size:.8rem;font-weight:500;padding:.35rem .9rem;border-radius:20px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:all .15s}.filter-btn:hover{border-color:var(--text-muted);color:var(--heading)}.filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.task-list{display:flex;flex-direction:column;gap:.5rem}.task-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s}.task-item:hover{border-color:var(--accent)}.task-item.done{opacity:.5}.task-item.done .task-text{text-decoration:line-through}.task-check{width:18px;height:18px;border-radius:4px;border:2px solid var(--border);flex-shrink:0;margin-top:2px}.task-item.done .task-check{background:var(--accent);border-color:var(--accent)}.task-content{flex:1;min-width:0}.task-text{font-size:.875rem;line-height:1.5;word-break:break-word}.task-meta{display:flex;gap:.4rem;margin-top:.3rem;flex-wrap:wrap}.tag{font-size:.65rem;font-family:var(--mono);padding:.1rem .45rem;border-radius:4px;border:1px solid var(--border);background:var(--bg-alt);color:var(--text-muted)}.tag-do{background:var(--danger-subtle);color:var(--danger);border-color:var(--danger)}.tag-plan{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent)}.tag-minimize{background:var(--warning-subtle);color:var(--warning);border-color:var(--warning)}.tag-park{background:var(--bg-alt);color:var(--text-muted);border-color:var(--border)}.deadlines-grid{display:flex;flex-direction:column;gap:.75rem}.deadline-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s}.deadline-item:hover{border-color:var(--accent)}.deadline-info{flex:1;min-width:0}.deadline-title{font-size:.875rem;line-height:1.5;word-break:break-word}.deadline-date{font-size:.75rem;font-family:var(--mono);color:var(--text-muted);margin-top:.2rem}.deadline-badge{font-size:.7rem;font-weight:600;font-family:var(--mono);padding:.2rem .6rem;border-radius:4px;white-space:nowrap;flex-shrink:0}.deadline-urgent{background:var(--danger-subtle);color:var(--danger)}.deadline-soon{background:var(--warning-subtle);color:var(--warning)}.deadline-later{background:var(--accent-subtle);color:var(--accent)}.deadline-past{background:var(--danger-subtle);color:var(--danger);opacity:.7}.section-header{margin-bottom:1.5rem}.section-header h2{font-size:1.4rem;font-weight:700;letter-spacing:-.01em}.section-header p{color:var(--text-muted);font-size:.9rem;margin-top:.3rem}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 0;font-size:.9rem}.footer{max-width:var(--max-width);margin:0 auto;padding:2rem 1.5rem;border-top:1px solid var(--border);text-align:center}.footer p{font-size:.8rem;color:var(--text-muted)}.footer a{color:var(--text-muted)}.footer a:hover{color:var(--accent)}.input{font-family:var(--font);font-size:.875rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);outline:none;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input-large{flex:1;font-size:.9rem}.input-small{width:120px}.btn{font-family:var(--font);font-size:.8rem;font-weight:500;padding:.5rem 1rem;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:all .15s}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:transparent;color:var(--text);border-color:var(--border)}.btn-secondary:hover{border-color:var(--text-muted);color:var(--heading)}.habit-actions{margin-bottom:1rem}.habit-form{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.habit-grid{border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto}.habit-grid-header,.habit-grid-row{display:flex;align-items:center;min-width:max-content}.habit-grid-header{background:var(--bg-alt);border-bottom:1px solid var(--border);font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.habit-grid-row{border-bottom:1px solid var(--border);transition:background .1s}.habit-grid-row:last-child{border-bottom:none}.habit-grid-row:hover{background:var(--bg-alt)}.habit-name-col{width:180px;min-width:180px;padding:.5rem .75rem;display:flex;align-items:center;gap:.4rem;font-size:.8rem}.habit-emoji{font-size:1rem}.habit-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.habit-edit-btn{background:none;border:none;cursor:pointer;font-size:.7rem;opacity:0;transition:opacity .15s;padding:0}.habit-grid-row:hover .habit-edit-btn{opacity:.6}.habit-edit-btn:hover{opacity:1!important}.habit-date-col{width:36px;min-width:36px;text-align:center;padding:.4rem 0;display:flex;flex-direction:column;gap:.1rem}.habit-day{font-size:.6rem}.habit-date-num{font-size:.7rem;font-family:var(--mono)}.habit-cell{width:36px;min-width:36px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;color:var(--text-muted);transition:all .1s;border-left:1px solid var(--border)}.habit-cell:hover{background:var(--accent-subtle)}.habit-cell.done{background:var(--accent-subtle);color:var(--accent);font-weight:700}.habit-cell.today{background:var(--bg-alt)}.habit-cell.today.done{background:var(--accent-subtle)}.habit-date-col.today{background:var(--bg-alt)}.habit-streak-col{width:60px;min-width:60px;text-align:center;padding:.4rem;font-size:.75rem;border-left:1px solid var(--border)}.streak-badge{font-family:var(--mono);font-weight:600;color:var(--text-muted)}.streak-badge.active{color:var(--accent)}.note-capture{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.note-capture-actions{display:flex;gap:.5rem;align-items:center}.sync-btn{margin-bottom:1rem;width:100%;justify-content:center;display:flex}.note-list{display:flex;flex-direction:column;gap:.5rem}.note-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s}.note-item:hover{border-color:var(--accent)}.note-item.synced{opacity:.6}.note-content{flex:1;min-width:0}.note-text{font-size:.875rem;line-height:1.5;word-break:break-word}.note-meta{display:flex;gap:.4rem;margin-top:.3rem;flex-wrap:wrap}.tag-sync-synced{color:var(--success)}.tag-sync-unsynced{color:var(--warning)}.note-delete-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2rem;padding:0;line-height:1;opacity:.4;transition:opacity .15s,color .15s}.note-delete-btn:hover{opacity:1;color:var(--danger)}.goals-summary{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.goals-summary-text{font-size:.85rem;font-family:var(--mono);color:var(--text-muted);white-space:nowrap}.goals-list{display:flex;flex-direction:column;gap:.75rem}.goal-item{padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.goal-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.3rem}.goal-name{font-size:.9rem;font-weight:600;color:var(--heading)}.goal-status{font-size:.75rem;font-weight:600;font-family:var(--mono)}.goal-indicator{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.goal-progress-bar{height:4px;background:var(--bg-alt);border-radius:2px;overflow:hidden}.goal-progress-fill{height:100%;border-radius:2px;transition:width .3s}.progress-hero{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.level-badge{display:flex;flex-direction:column;align-items:center;min-width:70px}.level-number{font-size:2rem;font-weight:700;color:var(--accent);line-height:1}.level-label{font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);margin-top:.2rem}.xp-info{flex:1}.xp-bar-container{height:8px;background:var(--bg-alt);border-radius:4px;overflow:hidden;flex:1}.xp-bar-container.large{height:12px;border-radius:6px}.xp-bar{height:100%;background:var(--accent);border-radius:inherit;transition:width .5s}.xp-text{font-size:.75rem;color:var(--text-muted);margin-top:.4rem;display:block}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:2rem}.stat-card{padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--heading);line-height:1.2}.stat-label{display:block;font-size:.7rem;color:var(--text-muted);margin-top:.3rem;text-transform:uppercase;font-weight:500}.subsection-title{font-size:.9rem;font-weight:600;color:var(--text-muted);margin-bottom:.75rem}.activity-timeline{display:flex;flex-direction:column;gap:.5rem}.activity-day{display:flex;gap:1rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.activity-day.today{border-color:var(--accent)}.activity-date{min-width:50px;display:flex;flex-direction:column;align-items:center}.activity-date-day{font-size:.65rem;font-weight:600;text-transform:uppercase;color:var(--text-muted)}.activity-date-num{font-size:.8rem;font-family:var(--mono);color:var(--heading)}.activity-entries{flex:1}.activity-entry{font-size:.8rem;color:var(--text);line-height:1.6}.activity-more{font-size:.75rem;color:var(--text-muted);font-style:italic}.pomo-container{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem 0}.pomo-picker-wrap{display:flex;flex-direction:column;align-items:center;gap:.5rem}.pomo-picker{display:flex;flex-direction:column;align-items:center;height:180px;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:120px;padding:60px 0}.pomo-picker-item{scroll-snap-align:center;flex-shrink:0;height:60px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;font-family:var(--mono);color:var(--text-muted);cursor:pointer;transition:color .15s,transform .15s;width:100%}.pomo-picker-item.selected{color:var(--accent);transform:scale(1.15)}.pomo-picker-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.pomo-start-btn{font-size:1rem;padding:.75rem 2.5rem;border-radius:30px}.pomo-timer{font-size:3.5rem;font-weight:700;font-family:var(--mono);color:var(--heading);letter-spacing:-.02em;position:absolute;z-index:1}.pomo-progress-ring{position:relative;display:flex;align-items:center;justify-content:center}.pomo-progress-ring svg{display:block}.pomo-progress-ring .pomo-timer{position:absolute}.pomo-cancel-btn{font-size:.85rem;padding:.5rem 1.5rem;border-radius:20px}.pomo-done-msg{font-size:2rem;font-weight:700;color:var(--accent)}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%) translateY(1rem);opacity:0;background:var(--heading);color:var(--bg);font-size:.8rem;font-weight:500;padding:.6rem 1.2rem;border-radius:8px;z-index:200;pointer-events:none;transition:opacity .3s,transform .3s}.toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.toast-error{background:var(--danger);color:#fff}.section-header{display:flex;justify-content:space-between;align-items:center}.usage-bars{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.usage-bar-row{display:flex;align-items:center;gap:.75rem}.usage-bar-label{width:120px;min-width:120px;font-size:.8rem;color:var(--text);text-align:right}.usage-bar-track{flex:1;height:8px;background:var(--bg-alt);border-radius:4px;overflow:hidden}.usage-bar-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .5s}.usage-bar-fill.accent{background:var(--berry)}.usage-bar-count{width:40px;font-size:.75rem;font-family:var(--mono);color:var(--text-muted)}.usage-insight{padding:.75rem 1rem;background:var(--warning-subtle);border:1px solid var(--warning);border-radius:var(--radius);font-size:.8rem;color:var(--warning);margin-bottom:2rem}.hour-chart{display:flex;align-items:flex-end;gap:2px;height:100px;padding:.5rem 0;margin-bottom:2rem}.hour-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.hour-bar{width:100%;background:var(--accent);border-radius:2px 2px 0 0;min-height:2px;transition:height .3s}.hour-label{font-size:.55rem;font-family:var(--mono);color:var(--text-muted);margin-top:.2rem;height:12px}@media(max-width:768px){main{padding:1.5rem 1.25rem}.nav-links a:not(.active){display:none}.deadline-item{flex-direction:column;align-items:flex-start;gap:.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.progress-hero{flex-direction:column;text-align:center}.habit-name-col{width:120px;min-width:120px}}