@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1a1a1a;--bg-card:#141414;--bg-card-hover:#1a1a1a;--bg-input:#141414;--border:#262626;--border-hover:#3a3a3a;--border-active:#3a3a3a;--border-focus:#ffffff26;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#6b7280;--accent:#fff;--accent-dim:#ffffff0f;--accent-subtle:#ffffff14;--success:#22c55e;--warning:#eab308;--danger:#ef4444;--ring-track:#262626;--ring-fill-primary:#fff;--ring-fill-secondary:#a1a1aa;--ring-fill-tertiary:#6b7280;--shadow-card:0 1px 3px #0000004d;--shadow-elevated:0 4px 12px #0006;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--transition:.2s ease;--theme-transition:background-color .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}[data-theme=light]{--bg-primary:#fafafa;--bg-secondary:#f5f5f5;--bg-tertiary:#efefef;--bg-card:#fff;--bg-card-hover:#f5f5f5;--bg-input:#fff;--border:#e5e7eb;--border-hover:#d1d5db;--border-active:#9ca3af;--border-focus:#00000026;--text-primary:#0a0a0a;--text-secondary:#6b7280;--text-muted:#9ca3af;--accent:#0a0a0a;--accent-dim:#0000000a;--accent-subtle:#0000000f;--success:#16a34a;--warning:#ca8a04;--danger:#dc2626;--ring-track:#e5e7eb;--ring-fill-primary:#0a0a0a;--ring-fill-secondary:#6b7280;--ring-fill-tertiary:#9ca3af;--shadow-card:0 1px 3px #0000000f;--shadow-elevated:0 4px 12px #00000014;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:var(--theme-transition)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.app-container{background:var(--bg-primary);width:100vw;height:100vh;transition:var(--theme-transition);flex-direction:column;display:flex;position:relative;overflow:hidden}.top-navbar{z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border);height:64px;transition:var(--theme-transition);justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.navbar-left{align-items:center;gap:12px;display:flex}.navbar-logo{background:var(--accent);border-radius:var(--radius-md);width:38px;height:38px;color:var(--bg-primary);cursor:pointer;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.navbar-brand{color:var(--text-primary);letter-spacing:-.3px;font-size:16px;font-weight:700}.navbar-center{align-items:center;gap:4px;display:flex;position:relative}.nav-tab{color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;transition:color var(--transition);white-space:nowrap;background:0 0;border:none;align-items:center;gap:7px;padding:8px 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;display:flex;position:relative}.nav-tab:hover{color:var(--text-secondary)}.nav-tab.active{color:var(--text-primary)}.nav-tab-indicator{background:var(--accent-dim);border:1px solid var(--border);border-radius:var(--radius-full);z-index:-1;position:absolute;inset:0}.nav-tab .tab-icon{align-items:center;font-size:15px;display:flex}.navbar-right{align-items:center;gap:10px;display:flex}.theme-toggle{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-card);cursor:pointer;width:36px;height:36px;transition:var(--theme-transition);color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--text-primary)}.navbar-xp-badge{background:var(--accent-dim);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:var(--theme-transition);align-items:center;gap:8px;padding:6px 14px;display:flex}.navbar-xp-badge:hover{background:var(--accent-subtle);border-color:var(--border-hover)}.navbar-xp-badge .xp-text{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.navbar-xp-badge .level-text{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.main-content{z-index:1;flex:1;padding:28px 36px 40px;position:relative;overflow:hidden auto}.page-header{margin-bottom:28px}.page-header h1{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:6px;font-size:32px;font-weight:800}.page-header p{color:var(--text-secondary);font-size:14px;font-weight:400}.glass-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:var(--theme-transition);padding:22px;position:relative}.glass-card:hover{border-color:var(--border-hover)}.glass-card-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.glass-card-title{color:var(--text-primary);align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.glass-card-title .icon{opacity:.8;font-size:18px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.dashboard-grid .full-width{grid-column:1/-1}.stats-row{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--theme-transition);padding:18px}.stat-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.stat-icon{margin-bottom:10px;font-size:26px}.stat-value{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:26px;font-weight:800}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-top:4px;font-size:11px;font-weight:500}.habit-list{flex-direction:column;gap:8px;display:flex}.habit-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--theme-transition);align-items:center;gap:12px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.habit-item:before{content:"";background:var(--habit-color,var(--text-muted));opacity:.4;width:3px;transition:opacity var(--transition);position:absolute;top:0;bottom:0;left:0}.habit-item:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.habit-item:hover:before{opacity:.8}.habit-check{border:2px solid var(--border);width:28px;height:28px;transition:var(--theme-transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.habit-check.completed{background:var(--habit-color,var(--text-muted));border-color:var(--habit-color,var(--text-muted))}.habit-info{flex:1;min-width:0}.habit-name{color:var(--text-primary);font-size:14px;font-weight:600}.habit-streak{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.habit-streak .fire{color:#eab308}.habit-icon{flex-shrink:0;font-size:20px}.habit-delete{opacity:0;color:var(--text-muted);cursor:pointer;transition:opacity var(--transition);background:0 0;border:none;padding:4px;font-size:16px}.habit-item:hover .habit-delete{opacity:1}.habit-delete:hover{color:var(--danger)}.add-habit-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);transition:var(--theme-transition);outline:none;flex:1;padding:12px 16px;font-family:Inter,sans-serif;font-size:13px}.add-habit-input::placeholder{color:var(--text-muted)}.add-habit-input:focus{border-color:var(--border-active);box-shadow:0 0 0 2px var(--border-focus)}.btn-primary{background:var(--accent);color:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--theme-transition);white-space:nowrap;border:none;padding:10px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.btn-primary:hover{opacity:.85}.btn-secondary{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:var(--theme-transition);padding:10px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.btn-secondary:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-hover)}.heatmap-container{flex-direction:column;gap:8px;display:flex}.heatmap-months{align-items:flex-end;display:flex}.heatmap-day-spacer{flex-shrink:0;width:28px}.heatmap-month-row{color:var(--text-muted);flex:1;font-size:10px;font-weight:500;display:grid;overflow:hidden}.heatmap-month-label{white-space:nowrap}.heatmap-body{gap:4px;display:flex}.heatmap-day-labels{flex-direction:column;flex-shrink:0;gap:2px;width:24px;display:flex}.heatmap-day-label{height:11px;color:var(--text-muted);align-items:center;font-size:9px;font-weight:500;line-height:1;display:flex}.heatmap-scroll-wrapper{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;overflow:auto hidden}.heatmap-scroll-wrapper::-webkit-scrollbar{height:4px}.heatmap-scroll-wrapper::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.heatmap-grid-compact{grid-template-rows:repeat(7,11px);grid-auto-flow:column;gap:2px;width:max-content;display:grid}.heatmap-compact-cell{cursor:pointer;outline:1px solid var(--border);border-radius:2px;width:11px;height:11px;transition:background-color .25s}.heatmap-empty-cell{width:11px;height:11px}.heatmap-legend{justify-content:flex-end;align-items:center;gap:3px;margin-top:6px;display:flex}.heatmap-legend-text{color:var(--text-muted);padding:0 3px;font-size:9px;font-weight:500}.heatmap-legend-cell{outline:1px solid var(--border);border-radius:2px;width:11px;height:11px}.heatmap-tooltip{pointer-events:none;z-index:1000;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-elevated);padding:8px 12px}.heatmap-tooltip-date{color:var(--text-primary);white-space:nowrap;font-size:11px;font-weight:600}.heatmap-tooltip-mood{color:var(--text-muted);white-space:nowrap;margin-top:2px;font-size:10px}.xp-section{margin-bottom:24px}.xp-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.xp-level{color:var(--text-primary);font-size:13px;font-weight:700}.xp-amount{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.xp-bar-container{background:var(--bg-secondary);border:1px solid var(--border);border-radius:5px;height:10px;overflow:hidden}.xp-bar-fill{background:var(--accent);border-radius:5px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.xp-title-label{color:var(--text-muted);text-align:center;margin-top:8px;font-size:11px;font-weight:500}.focus-container{flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:70vh;display:flex}.timer-ring{justify-content:center;align-items:center;width:280px;height:280px;display:flex;position:relative}.timer-ring svg{width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(-90deg)}.timer-ring circle{fill:none;stroke-width:4px}.timer-ring .track{stroke:var(--border)}.timer-ring .progress{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset 1s linear}.timer-display{color:var(--text-primary);letter-spacing:2px;font-family:JetBrains Mono,monospace;font-size:56px;font-weight:300}.timer-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-size:13px;font-weight:600}.focus-controls{gap:12px;display:flex}.focus-btn{border-radius:var(--radius-full);cursor:pointer;transition:var(--theme-transition);text-transform:uppercase;letter-spacing:1px;padding:14px 36px;font-family:Inter,sans-serif;font-size:14px;font-weight:700}.focus-btn.start{background:var(--accent);color:var(--bg-primary);border:none}.focus-btn.start:hover{opacity:.85}.focus-btn.pause{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.focus-btn.pause:hover{border-color:var(--border-hover);color:var(--text-primary)}.focus-btn.reset{border:1px solid var(--border);color:var(--text-muted);background:0 0}.focus-ambient-bg{z-index:0;pointer-events:none;opacity:0;transition:opacity 1.5s;position:fixed;inset:0}.focus-ambient-bg.active{opacity:.3}.focus-orb{filter:blur(100px);background:var(--accent-dim);border-radius:50%;animation:8s ease-in-out infinite alternate orbFloat;position:absolute}.focus-orb:first-child{width:400px;height:400px;top:10%;left:20%}.focus-orb:nth-child(2){width:300px;height:300px;animation-delay:-3s;bottom:20%;right:15%}.focus-orb:nth-child(3){width:250px;height:250px;animation-delay:-5s;top:50%;left:50%}@keyframes orbFloat{0%{transform:translate(0)scale(1)}to{transform:translate(50px,-30px)scale(1.2)}}.story-overlay{z-index:1000;background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.story-container{background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border);width:400px;max-height:85vh;box-shadow:var(--shadow-elevated);position:relative;overflow:hidden}.story-progress-bar{gap:3px;padding:12px 16px 0;display:flex}.story-progress-segment{background:var(--border);border-radius:2px;flex:1;height:3px;overflow:hidden}.story-progress-fill{background:var(--text-primary);border-radius:2px;height:100%}.story-header{align-items:center;gap:10px;padding:12px 16px;display:flex}.story-avatar{background:var(--accent);width:32px;height:32px;color:var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.story-title{color:var(--text-primary);font-size:13px;font-weight:600}.story-time{color:var(--text-muted);font-size:11px}.story-close{color:var(--text-secondary);cursor:pointer;z-index:10;background:0 0;border:none;font-size:22px;line-height:1;position:absolute;top:12px;right:16px}.story-slide{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;padding:24px;display:flex}.story-slide .emoji-big{font-size:64px}.story-slide h2{color:var(--text-primary);font-size:24px;font-weight:800}.story-slide .metric{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:52px;font-weight:900}.story-slide p{color:var(--text-secondary);max-width:260px;font-size:14px;line-height:1.6}.levelup-overlay{z-index:2000;background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.levelup-content{text-align:center}.levelup-badge{background:var(--accent);width:120px;height:120px;color:var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;font-size:48px;font-weight:900;display:flex}.levelup-title{color:var(--text-primary);margin-bottom:8px;font-size:36px;font-weight:900}.levelup-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:16px}.levelup-dismiss{background:var(--accent);color:var(--bg-primary);border-radius:var(--radius-full);cursor:pointer;transition:var(--theme-transition);border:none;padding:14px 40px;font-family:Inter,sans-serif;font-size:14px;font-weight:700}.levelup-dismiss:hover{opacity:.85}.today-progress{align-items:center;gap:14px;margin-bottom:18px;display:flex}.today-ring{width:50px;height:50px;position:relative}.today-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.today-ring circle{fill:none;stroke-width:4px}.today-ring .track{stroke:var(--border)}.today-ring .fill{stroke:var(--text-primary);stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}.today-progress-text h3{color:var(--text-primary);font-size:15px;font-weight:700}.today-progress-text p{color:var(--text-muted);font-size:11px}.icon-picker-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.icon-picker-btn{background:var(--bg-secondary);border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;transition:var(--theme-transition);border:1px solid #0000;justify-content:center;align-items:center;font-size:18px;display:flex}.icon-picker-btn:hover,.icon-picker-btn.selected{border-color:var(--border-active);background:var(--accent-dim)}.mini-habit-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.mini-habit-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--theme-transition);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.mini-habit-card:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.mini-habit-card.completed{border-color:var(--success)}.mini-habit-card .icon{font-size:28px}.mini-habit-card .name{color:var(--text-primary);font-size:12px;font-weight:600}.mini-habit-card .streak{color:var(--text-muted);font-size:10px}.activity-item{border-radius:var(--radius-sm);background:var(--bg-secondary);transition:var(--theme-transition);border:1px solid #0000;align-items:center;gap:12px;padding:10px 12px;display:flex}.activity-item:hover{border-color:var(--border)}.activity-dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:8px;height:8px}@media (width<=900px){.stats-row{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.main-content{padding:20px}.navbar-brand,.nav-tab span.tab-label{display:none}.nav-tab{padding:8px 12px}}@media (width<=768px){.top-navbar{border-bottom:none;border-top:1px solid var(--border);z-index:100;border-radius:20px 20px 0 0;justify-content:center;height:auto;padding:8px 12px;position:fixed;inset:auto 0 0}.navbar-left,.navbar-right{display:none}.navbar-center{justify-content:space-around;gap:2px;width:100%}.nav-tab{flex-direction:column;gap:2px;padding:8px 14px;font-size:10px}.nav-tab .tab-icon{font-size:18px}.main-content{padding:16px 16px 90px}.stats-row{grid-template-columns:repeat(2,1fr);gap:10px}.activity-rings-layout{flex-direction:column;align-items:center}.activity-rings-secondary{flex-direction:row}}.activity-rings-layout{justify-content:center;align-items:center;gap:48px;padding:28px 0 24px;display:flex}.activity-ring-main{justify-content:center;align-items:center;display:flex}.activity-rings-secondary{flex-direction:column;align-items:center;gap:24px;display:flex}.rings-stats-row{border-top:1px solid var(--border);justify-content:center;gap:12px;margin-top:8px;padding-top:8px;display:flex}.rings-stat-item{border-radius:var(--radius-md);background:var(--accent-dim);border:1px solid var(--border);min-width:120px;transition:var(--theme-transition);align-items:center;gap:10px;padding:12px 18px;display:flex}.rings-stat-item:hover{border-color:var(--border-hover)}.rings-stat-icon{font-size:20px;line-height:1}.rings-stat-data{flex-direction:column;gap:1px;display:flex}.rings-stat-value{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:18px;font-weight:800;line-height:1.1}.rings-stat-suffix{color:var(--text-muted);font-size:12px;font-weight:500}.rings-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.rings-habit-breakdown{border-top:1px solid var(--border);margin-bottom:8px;padding:14px 0}.rings-habit-row{border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:10px;padding:6px 8px;display:flex}.rings-habit-row:hover{background:var(--accent-dim)}@media (width<=600px){.activity-rings-layout{flex-direction:column;gap:24px}.activity-rings-secondary{flex-direction:row;gap:16px}.rings-stats-row{flex-wrap:wrap}.rings-stat-item{flex:1;min-width:90px;padding:10px 12px}}