:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#050814;--bg-secondary:#0d193073;--bg-tertiary:#14243e8c;--bg-elevated:#1c2e52bf;--border:#00ffcc14;--border-light:#00ffcc0a;--glass-blur:blur(24px);--text-primary:#f0fdf4;--text-secondary:#94a3b8;--text-muted:#475569;--text-accent:#0fc;--heat-0:#0f172a;--heat-1:#064e3b;--heat-2:#065f46;--heat-3:#10b981;--heat-4:#0fc;--heatmap-empty:#e8e8e8;--heatmap-1:#b5d4f4;--heatmap-2:#3b8bd4;--heatmap-3:#185fa5;--heatmap-4:#042c53;--heatmap-habit-1:#c6e48b;--heatmap-habit-2:#7bc96f;--heatmap-habit-3:#239a3b;--heatmap-habit-4:#196127;--accent:#0fc;--accent-gradient:linear-gradient(135deg, #0fc, #10b981);--success:#10b981;--warning:#fbbf24;--danger:#ff3e62;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:32px;--radius-full:9999px;--shadow-sm:0 2px 4px #00000080;--shadow-md:0 8px 16px #0009;--shadow-lg:0 16px 32px #000000b3;--shadow-glow:0 0 20px #00ffcc26;--shadow-glow-intense:0 0 30px #00ffcc4d;--accent-glow:#00ffcc59;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.2s;--duration-normal:.35s;--duration-slow:.5s;--sidebar-collapsed:72px;--sidebar-expanded:260px;--gap-xs:4px;--gap-sm:8px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--gap-2xl:48px;--page-padding:var(--gap-xl);--section-margin:var(--gap-xl)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background:var(--bg-primary);color:var(--text-primary);letter-spacing:.015em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;z-index:0;font-family:Outfit,Inter,-apple-system,sans-serif;line-height:1.6;position:relative}body:before,body:after,#root:before,#root:after{content:"";filter:blur(120px);z-index:-1;pointer-events:none;border-radius:50%;animation:25s ease-in-out infinite alternate float-glow;position:fixed}body:before{background:radial-gradient(circle,#00ffcc4d 0%,#0000 70%);width:80vw;height:80vh;top:-20%;left:-15%}body:after{background:radial-gradient(circle,#10b98159 0%,#0000 75%);width:70vw;height:70vh;animation-delay:-5s;bottom:-20%;right:-15%}#root:before{content:"";background:radial-gradient(circle,#10b9811f 0%,#0000 75%);width:60vw;height:60vh;animation-duration:30s;animation-delay:-12s;top:35%;left:25%}#root:after{content:"";background:radial-gradient(circle,#6366f14d 0%,#0000 70%);width:65vw;height:65vh;animation-duration:20s;animation-delay:-8s;bottom:-15%;left:-10%}@keyframes float-glow{0%{transform:translate(0)scale(1)}50%{transform:translate(6%,12%)scale(1.15)}to{transform:translate(-6%,-6%)scale(.9)}}.app-layout{height:100vh;display:flex;position:relative;overflow:hidden}.app-layout:before{content:"";filter:blur(120px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#8b5cf640 0%,#0000 75%);border-radius:50%;width:60vw;height:60vh;animation:28s ease-in-out infinite alternate-reverse float-glow;position:fixed;top:-10%;right:-5%}.app-main{padding:var(--page-padding);scrollbar-width:thin;scrollbar-color:var(--border) transparent;transition:padding-left var(--duration-normal) var(--ease-out);flex:1;overflow-y:auto}.app-main::-webkit-scrollbar{width:6px}.app-main::-webkit-scrollbar-track{background:0 0}.app-main::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.sidebar{width:var(--sidebar-expanded);background:var(--bg-secondary);-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--border);margin:var(--space-md);border-radius:var(--radius-xl);padding:var(--space-lg) 0;gap:var(--space-md);transition:width var(--duration-normal) var(--ease-out), margin var(--duration-normal) var(--ease-out), opacity var(--duration-normal) var(--ease-out);z-index:10;box-shadow:var(--shadow-md);flex-direction:column;margin-right:0;display:flex;position:relative;overflow:hidden}.sidebar.collapsed{opacity:0;pointer-events:none;width:0;margin-left:0;padding-left:0;padding-right:0}.sidebar-brand{white-space:nowrap;padding:0 var(--space-xl);margin-bottom:var(--space-xl);color:var(--heat-4);letter-spacing:-.01em;justify-content:space-between;align-items:center;font-size:20px;font-weight:800;display:flex}.sidebar-brand .brand-text{transition:opacity var(--duration-fast) var(--ease-out)}.sidebar-toggle-btn{border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;transition:all var(--duration-fast);background:#ffffff0d;justify-content:center;align-items:center;display:flex}.sidebar-toggle-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent)}.sidebar-toggle-fixed{left:var(--space-lg);top:var(--space-lg);z-index:20;background:var(--bg-elevated);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-md);transition:all var(--duration-fast);justify-content:center;align-items:center;display:flex;position:fixed}.sidebar-toggle-fixed:hover{border-color:var(--accent);box-shadow:var(--shadow-glow);transform:scale(1.05)}.sidebar-nav{gap:var(--space-xs);width:100%;padding:0 var(--space-md);flex-direction:column;display:flex}.nav-link{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);color:var(--text-secondary);letter-spacing:.02em;white-space:nowrap;transition:all var(--duration-fast) var(--ease-out);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;width:100%;font-size:14px;font-weight:600;text-decoration:none;display:flex}.nav-link:hover{background:var(--bg-tertiary);color:var(--text-primary);padding-left:calc(var(--space-lg) + 4px)}.nav-link.active{color:var(--accent);border-left:2px solid var(--accent);background:linear-gradient(90deg,#00ffcc14,#0000);box-shadow:inset 4px 0 12px #00ffcc08}.nav-link .nav-label{transition:opacity var(--duration-fast) var(--ease-out)}.page-header{margin-bottom:var(--gap-xl)}.page-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--gap-xs);background:linear-gradient(to bottom right,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800}.page-subtitle{color:var(--text-secondary);letter-spacing:.01em;opacity:.8;font-size:15px;font-weight:500}.card{background:var(--bg-secondary);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm);z-index:1;position:relative}.card:hover{box-shadow:var(--shadow-glow);border-color:#00ffcc40;transform:translateY(-2px)}.card-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-accent);margin-bottom:var(--space-md);opacity:.9;font-size:13px;font-weight:700}.status-banner{justify-content:space-between;align-items:center;gap:var(--gap-md);margin-bottom:var(--gap-lg);border-radius:var(--radius-md);color:var(--text-primary);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#ff638414;border:1px solid #ff63842e;padding:12px 16px;display:flex}.status-action{border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);font:inherit;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:#ffffff0a;padding:8px 12px;font-weight:700}.status-action:hover{border-color:var(--accent);box-shadow:var(--shadow-glow)}.habit-mgmt-grid{gap:var(--gap-lg);margin-bottom:var(--gap-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.habit-mgmt-card{flex-direction:column;display:flex}.has-open-dropdown{z-index:50!important}.stat-row{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{background:var(--bg-secondary);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);align-items:center;gap:var(--space-lg);transition:all var(--duration-normal) var(--ease-out);display:flex}.stat-card:hover{box-shadow:var(--shadow-glow-intense);border-color:#00ffcc59;transform:translateY(-4px)}.stat-card.glow{border-color:var(--accent);box-shadow:var(--shadow-glow-intense)}.stat-icon{text-align:center;filter:drop-shadow(0 0 10px #00ffcc4d);min-width:48px;font-size:32px}.stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:2px;font-size:12px;font-weight:700}.stat-value{background:linear-gradient(135deg, #fff, var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:36px;font-weight:800;line-height:1}.stat-unit{color:var(--text-muted);margin-left:6px;font-size:14px;font-weight:600}.section-title{letter-spacing:-.01em;color:var(--text-primary);align-items:center;gap:var(--gap-sm);text-transform:uppercase;font-size:18px;font-weight:800;display:flex}.section-title:before{content:"";border-radius:var(--radius-full);background:currentColor;width:4px;height:20px;display:block;box-shadow:0 0 10px}.heatmap-wrapper{padding-bottom:var(--space-sm);overflow-x:auto}.heatmap-months{color:var(--text-muted);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em;grid-template-columns:repeat(53,11px);gap:3px;padding-left:36px;font-size:10px;font-weight:700;display:grid}.heatmap-body{gap:0;display:flex;position:relative}.heatmap-days-label{color:var(--text-muted);padding-right:var(--space-sm);flex-direction:column;justify-content:space-between;min-width:36px;height:95px;padding-top:1px;font-size:10px;display:flex}.heatmap-grid{grid-template-rows:repeat(7,11px);grid-auto-columns:11px;grid-auto-flow:column;gap:3px;display:grid}.heatmap-cell{width:11px;height:11px;transition:all var(--duration-fast) var(--ease-out);cursor:pointer;border-radius:2px;position:relative}.heatmap-cell:hover{z-index:2;transform:scale(1.4)}.heatmap-cell.level-0,.legend-cell.level-0{background:var(--heat-0)}.heatmap-cell.level-1,.legend-cell.level-1{background:var(--heat-1)}.heatmap-cell.level-2,.legend-cell.level-2{background:var(--heat-2)}.heatmap-cell.level-3,.legend-cell.level-3{background:var(--heat-3)}.heatmap-cell.level-4,.legend-cell.level-4{background:var(--heat-4)}.heatmap-cell.today{outline:2px solid var(--heat-4);outline-offset:-1px}.heatmap-legend{align-items:center;gap:var(--space-sm);margin-top:var(--space-md);color:var(--text-secondary);justify-content:flex-end;font-size:11px;display:flex}.legend-cells{gap:3px;display:flex}.legend-cell{border-radius:2px;width:11px;height:11px}.heatmap-tooltip{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);color:var(--text-primary);pointer-events:none;z-index:100;box-shadow:var(--shadow-md);white-space:nowrap;opacity:0;transition:opacity var(--duration-fast);font-size:12px;position:absolute}.heatmap-tooltip.visible{opacity:1}.habit-list{gap:var(--space-sm);flex-direction:column;display:flex}.area-grid{gap:var(--gap-2xl);grid-template-columns:repeat(auto-fill,minmax(400px,1fr));align-items:start;display:grid}@media (width<=900px){.area-grid{grid-template-columns:1fr}}.habit-card{align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out);display:flex}.habit-card:hover{background:var(--bg-tertiary);box-shadow:var(--shadow-glow);border-color:#00ffcc40;transform:translateY(-2px)}.habit-check{border-radius:var(--radius-sm);border:2px solid var(--border);cursor:pointer;width:28px;height:28px;transition:all var(--duration-fast) var(--ease-out);color:#0000;background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.habit-check:hover{border-color:var(--accent);box-shadow:0 0 15px #0fc3}.habit-check.checked{background:var(--accent);border-color:var(--accent);color:#000;box-shadow:var(--shadow-glow)}.habit-name{color:var(--text-primary);flex:1;font-size:16px;font-weight:600}.habit-area-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-full);padding:2px 8px;font-size:11px;font-weight:600}input[type=color]{appearance:none;border-radius:var(--radius-sm);cursor:pointer;width:24px;height:24px;transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast);background:0 0;border:none;padding:0}input[type=color]:hover{transform:scale(1.1)}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:inset 0 0 10px #0003}input[type=color]::-moz-color-swatch{border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:inset 0 0 10px #0003}.habit-delete{opacity:0;color:var(--text-muted);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--duration-fast);background:0 0;border:none;font-size:16px}.habit-card:hover .habit-delete{opacity:1}.habit-delete:hover{color:var(--danger);background:#f851491a}.add-habit-form{gap:var(--space-sm);margin-bottom:var(--space-xl);display:flex}.input{background:var(--bg-secondary);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--duration-fast);outline:none;padding:4px 12px;font-family:inherit;font-size:14px}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-muted)}.select{appearance:none;background:var(--bg-secondary);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:60px;max-width:110px;color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast);text-align:center;outline:none;min-width:140px;padding:5px 8px;font-family:inherit;font-size:12px;box-shadow:inset 0 1px 2px #ffffff0d}.select:hover{background-color:var(--bg-tertiary);border-color:#00ffcc4d}.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #00ffcc1a,inset 0 1px 2px #ffffff0d}.select option{color:var(--text-primary);padding:var(--space-md);background:#0d1930}.dropdown-container{position:relative}.custom-select-trigger{background:var(--bg-secondary);width:100%;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;min-width:120px;padding:5px 8px;font-size:12px;font-weight:600;display:flex;box-shadow:inset 0 1px 2px #ffffff0d}.analytics-dropdown,.analytics-dropdown .custom-select-trigger{min-width:100px;max-width:160px}.custom-select-trigger:hover{background:var(--bg-tertiary);box-shadow:var(--shadow-glow);border-color:#00ffcc4d}.dropdown-menu{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-md);z-index:9999;width:max-content;min-width:100%;box-shadow:var(--shadow-lg), var(--shadow-glow);animation:dropdown-fade-in var(--duration-fast) var(--ease-out);background:#080c18fa;padding:4px;position:absolute;top:calc(100% + 4px);left:0}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast);align-items:center;gap:var(--space-sm);font-size:14px;font-weight:500;display:flex}.dropdown-item:hover{color:var(--accent);padding-left:calc(var(--space-md) + 4px);background:#00ffcc14}.dropdown-item.selected{color:var(--accent);background:#00ffcc1f;font-weight:800}.color-picker-container{gap:var(--space-sm);flex-direction:column;padding:4px;display:flex}.preset-palette{grid-template-columns:repeat(5,1fr);grid-auto-rows:min-content;gap:6px;display:grid}.color-dot{border-radius:var(--radius-full);cursor:pointer;width:24px;height:24px;transition:all var(--duration-fast) var(--ease-out);border:2px solid #0000;position:relative}.color-dot:hover{z-index:1;transform:scale(1.2)}.color-dot.active{border-color:#fff;box-shadow:0 0 15px}.color-dot.active:after{content:"";border-radius:var(--radius-full);border:1px solid #fff3;position:absolute;inset:-4px}.custom-color-trigger{border-radius:var(--radius-full);border:2px solid var(--border);cursor:pointer;color:#fff;width:24px;height:24px;transition:all var(--duration-fast);background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex}.custom-color-trigger:hover{transform:rotate(45deg)scale(1.1)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;letter-spacing:.02em;border:none;font-family:inherit;font-size:15px;font-weight:800;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent), #059669);color:#052e16;box-shadow:0 4px 15px #00ffcc40}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #0fc6}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:#ffffff08}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-light);background:#ffffff14;transform:translateY(-1px)}.btn-ghost.active{color:var(--accent);border-color:var(--accent);box-shadow:var(--shadow-glow);background:#00ffcc14}.pie-chart-container{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.pie-chart-svg{transform:rotate(-90deg)}.pie-legend{gap:var(--space-sm) var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.pie-legend-item{align-items:center;gap:var(--space-xs);color:var(--text-secondary);font-size:12px;display:flex}.pie-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dashboard-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.dashboard-command-grid{gap:var(--gap-lg);grid-template-columns:minmax(320px,1.05fr) minmax(360px,1fr);align-items:start;display:grid}.dashboard-bottom-grid{gap:var(--gap-lg);grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr);align-items:start;display:grid}.dashboard-card{min-height:100%}.dashboard-card-header{justify-content:space-between;align-items:flex-start;gap:var(--gap-md);margin-bottom:var(--gap-md);display:flex}.dashboard-card-subtitle{color:var(--text-secondary);max-width:52ch;font-size:13px}.dashboard-inline-button{padding:10px 14px;font-size:12px}.dashboard-empty{min-height:180px}.dashboard-quick-check{overflow:hidden}.quick-check-groups{gap:var(--gap-md);max-height:480px;padding-right:4px;display:grid;overflow-y:auto}.quick-check-group{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--gap-md)}.quick-check-group-header{justify-content:space-between;align-items:center;gap:var(--gap-sm);margin-bottom:var(--gap-md);display:flex}.quick-check-area{align-items:center;gap:var(--gap-sm);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:800;display:flex}.quick-check-pill{border-radius:var(--radius-full);border:1px solid var(--border);justify-content:center;align-items:center;min-width:48px;padding:5px 10px;font-size:12px;font-weight:800;display:inline-flex}.quick-check-items{gap:10px;display:grid}.quick-check-item{border-radius:var(--radius-md);border:1px solid var(--border);width:100%;color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:#ffffff05;align-items:center;gap:12px;padding:12px 14px;display:flex}.quick-check-item:hover{border-color:#00ffcc2e;transform:translateY(-1px)}.quick-check-box{border:1px solid var(--border);color:#02140d;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:900;display:inline-flex}.quick-check-label{text-align:left;font-size:14px;font-weight:600}.weekly-grid-shell{overflow-x:auto}.dashboard-weekly-grid th.today-column,.dashboard-weekly-grid td.today-column{background:#ffffff08}.dashboard-habit-cell{align-items:center;gap:10px;display:flex}.dashboard-habit-color{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dashboard-habit-name{color:var(--text-primary);font-size:13px;font-weight:700}.dashboard-habit-area{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.dashboard-grid-cell{border:1px solid var(--border);width:22px;height:22px;transition:all var(--duration-fast) var(--ease-out);border-radius:7px}.dashboard-grid-cell:not(.future):hover{transform:scale(1.08)}.dashboard-grid-cell.future{border-style:dashed}.focus-ring-body{justify-items:center;gap:var(--gap-md);padding-top:var(--gap-sm);display:grid}.focus-ring-summary{text-align:center;gap:4px;display:grid}.focus-ring-total{background:linear-gradient(135deg, #fff, var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:34px;font-weight:800;line-height:1}.focus-ring-caption{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.report-preview-metrics{gap:var(--gap-sm);margin-bottom:var(--gap-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.report-preview-stat{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff08;gap:4px;padding:14px;display:grid}.report-preview-value{font-size:24px;font-weight:800;line-height:1.1}.report-preview-label,.report-highlight-label,.report-preview-note{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.report-preview-highlights{gap:var(--gap-sm);margin-bottom:var(--gap-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.report-highlight{border-radius:var(--radius-md);border:1px solid var(--border);background:linear-gradient(#ffffff0a,#ffffff05);gap:6px;padding:14px;display:grid}.report-highlight strong{font-size:14px}.report-recommendations{gap:10px;display:grid}.report-recommendation{border-radius:var(--radius-md);color:var(--text-primary);background:#fbbf2414;border-left:3px solid #fbbf24d9;padding:12px 14px}.report-preview-note{margin-top:var(--gap-md)}.dashboard-targets-card{overflow:hidden}.target-card,.target-placeholder{border-radius:var(--radius-lg);border:1px solid var(--border);width:100%}.target-card{padding:var(--gap-md);gap:var(--gap-sm);display:grid}.target-card.large{align-content:start;min-height:100%}.target-card.small{min-height:180px}.target-card-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.target-badge,.target-action{border-radius:var(--radius-full);border:1px solid var(--border);letter-spacing:.06em;text-transform:uppercase;justify-content:center;align-items:center;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.target-action{color:var(--text-secondary);cursor:pointer;background:#ffffff0a}.target-action.danger{color:#fda4af}.target-card-title{font-size:24px;font-weight:800;line-height:1.1}.target-card-description{color:var(--text-secondary);font-size:13px}.target-countdown{letter-spacing:-.02em;font-family:JetBrains Mono,monospace;font-weight:800}.target-countdown.small{font-size:20px}.target-deadline{color:var(--text-secondary);font-size:12px}.target-progress-bar{border-radius:var(--radius-full);height:6px;margin:var(--gap-sm) 0;background:#ffffff14;position:relative;overflow:hidden}.target-progress-fill{border-radius:var(--radius-full);height:100%;transition:width 1s linear;box-shadow:0 0 10px}.target-progress-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600;position:absolute;top:-18px;right:0}.target-badge.reached{border-color:var(--success)!important;color:var(--success)!important;background:#10b98126!important}.target-badge.expired{border-color:var(--danger)!important;color:var(--danger)!important;background:#ff3e6226!important}.target-card.small{border-left:4px solid var(--target-accent,var(--accent))}.target-countdown.small{flex-wrap:wrap;gap:2px;font-size:16px;display:flex}.target-complete-button{margin-top:var(--gap-sm);justify-self:start}.target-placeholder{min-height:180px;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:#ffffff05;border-style:dashed;justify-content:center;align-items:center;display:flex}.target-placeholder:hover{color:var(--text-primary);border-color:#00ffcc38}.target-form{margin-bottom:var(--gap-md);border-radius:var(--radius-lg);border:1px solid var(--border);background:#ffffff08;gap:10px;padding:14px;display:grid}.target-input{width:100%}.target-textarea{resize:vertical;min-height:84px;padding:10px 12px}.target-form-row,.target-form-actions{justify-content:space-between;align-items:center;gap:var(--gap-md);flex-wrap:wrap;display:flex}.target-color-palette{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.target-color-swatch{cursor:pointer;width:22px;height:22px;transition:transform var(--duration-fast) var(--ease-out);border:2px solid #0000;border-radius:50%}.target-color-swatch.active{border-color:#fff;box-shadow:0 0 12px #ffffff3d}.target-primary-toggle{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.target-completed-list{margin-top:var(--gap-md);gap:8px;display:grid}.target-completed-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:11px;font-weight:800}.target-completed-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}@media (width<=1100px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.dashboard-command-grid,.dashboard-bottom-grid,.targets-grid{grid-template-columns:1fr}}@media (width<=750px){.dashboard-grid,.report-preview-metrics,.report-preview-highlights{grid-template-columns:1fr}.dashboard-card-header{flex-direction:column;align-items:stretch}}.weekly-grid th{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:var(--space-sm);text-align:center;font-size:11px;font-weight:600}.weekly-grid th:first-child{text-align:left}.weekly-grid td{padding:var(--space-sm);text-align:center}.weekly-grid td:first-child{text-align:left;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:13px;font-weight:500;overflow:hidden}.weekly-dot{width:20px;height:20px;transition:all var(--duration-fast) var(--ease-out);border-radius:50%;display:inline-block}.weekly-dot.done{background:var(--heat-3);box-shadow:0 0 8px #39d3534d}.weekly-dot.missed{background:var(--bg-tertiary);border:1px solid var(--border)}.weekly-dot.future{border:1px dashed var(--border-light);background:0 0}.pomodoro-container{width:100%;max-width:1200px;margin:0 auto}.pomodoro-grid{gap:var(--gap-2xl);grid-template-columns:1.2fr .8fr;align-items:start;display:grid}@media (width<=1100px){.pomodoro-grid{gap:var(--gap-xl);grid-template-columns:1fr}}.pomodoro-main-area{align-items:center;gap:var(--gap-xl);top:var(--gap-xl);flex-direction:column;display:flex;position:sticky}.pomodoro-stats-area{gap:var(--gap-xl);flex-direction:column;display:flex}.timer-ring-container{width:280px;height:280px;position:relative}.timer-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-ring-bg{fill:none;stroke:var(--bg-tertiary);stroke-width:6px}.timer-ring-progress{fill:none;stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset 1s linear, stroke var(--duration-normal)}.timer-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timer-time{font-variant-numeric:tabular-nums;letter-spacing:-1px;font-family:JetBrains Mono,monospace;font-size:48px;font-weight:700}.timer-phase{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-top:var(--space-xs);font-size:13px;font-weight:600}.timer-session{color:var(--text-muted);margin-top:2px;font-size:12px}.preset-buttons{gap:var(--space-sm);background:var(--bg-secondary);border-radius:var(--radius-full);border:1px solid var(--border);padding:6px;display:flex}.preset-btn{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:700}.preset-btn:hover{color:var(--text-primary);background:#ffffff08}.preset-btn.active{background:var(--accent);color:#000;box-shadow:var(--shadow-glow)}.timer-controls{gap:var(--space-lg);align-items:center;display:flex}.timer-btn{border-radius:var(--radius-lg);border:1px solid var(--border);cursor:pointer;width:64px;height:64px;transition:all var(--duration-normal) var(--ease-out);background:var(--bg-elevated);color:var(--text-primary);justify-content:center;align-items:center;display:flex}.timer-btn svg{stroke-width:2.5px;width:28px;height:28px}.timer-btn-start{background:var(--accent);color:#000;box-shadow:var(--shadow-glow);border-color:#0000}.timer-btn-start:hover{box-shadow:var(--shadow-glow-intense);transform:translateY(-4px)scale(1.05)}.timer-btn-pause{color:var(--warning);border-color:var(--warning);background:#fbbf241a}.timer-btn-pause:hover{background:var(--warning);color:#000;transform:translateY(-4px)}.timer-btn-reset{width:48px;height:48px;color:var(--text-muted);border-color:var(--border);background:0 0}.timer-btn-reset:hover{color:var(--text-primary);border-color:var(--text-secondary);background:var(--bg-tertiary);transform:rotate(-45deg)}.pomodoro-log{width:100%}.pomodoro-log-item{align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;color:var(--text-secondary);border-bottom:1px solid var(--border-light);font-size:13px;display:flex}.pomodoro-log-item:last-child{border-bottom:none}.toggle-group{gap:var(--space-xs);background:var(--bg-tertiary);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-md);width:fit-content;padding:3px;display:flex}.toggle-btn{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;font-family:inherit;font-size:12px;font-weight:600}.toggle-btn.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.empty-state{padding:var(--space-2xl);color:var(--text-muted);text-align:center;justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.empty-icon{opacity:.5;font-size:48px}.empty-text{font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-in{animation:fadeIn var(--duration-normal) var(--ease-out)}.animate-slide{animation:slideIn var(--duration-normal) var(--ease-out)}.anim-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out)}.section{margin-bottom:var(--space-xl)}.section-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.section-title{color:var(--text-accent)}.focus-activity-card{margin-top:24px}.activity-map-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.focus-time-display{flex-direction:column;margin:12px 0;display:flex}.focus-time-val{letter-spacing:-.02em;background:linear-gradient(135deg, #fff, var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:800}.focus-time-range{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;opacity:.7;font-size:14px;font-weight:600}.activity-legend{color:var(--text-muted);margin-top:var(--gap-md);gap:16px;font-size:11px;font-weight:600;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.timeframe-toggles{background:var(--bg-tertiary);border-radius:12px;gap:4px;padding:4px;display:flex}.timeframe-toggles .toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-size:10px;font-weight:700;transition:all .2s}.timeframe-toggles .toggle-btn.active{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px #6366f14d}.activity-grid-weekly{grid-template-columns:repeat(7,1fr);gap:12px;margin-top:8px;display:grid}.activity-cell{aspect-ratio:auto;border-radius:var(--radius-lg);min-height:100px;transition:all .3s var(--ease-out);flex-direction:column;justify-content:center;align-items:center;display:flex}.activity-cell:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.cell-day{color:var(--text-muted);margin-bottom:4px;font-size:14px;font-weight:700}.cell-mins{color:#ffffffb3;font-size:11px;font-weight:600}.area-selector{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px;display:flex}.area-pill{border-radius:var(--radius-full);background:var(--bg-tertiary);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);padding:8px 18px;font-size:13px;font-weight:700}.area-pill:hover{border-color:#00d2ff4d;transform:translateY(-2px)}.area-pill.active{background:var(--color);box-shadow:0 0 15px var(--shadow-color);border-color:#0000;color:#000!important}.habit-checkin-row{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);display:flex}.habit-checkin-row:hover{border-color:var(--border);background:var(--bg-tertiary)}.habit-info{align-items:center;gap:var(--space-sm);flex:1;min-width:0;display:flex}.habit-info .habit-name{align-items:center;gap:var(--space-sm);display:flex}.not-scheduled-badge{background:var(--bg-tertiary);color:var(--text-muted);border-radius:var(--radius-sm);padding:2px 6px;font-size:10px;font-weight:500}.streak-badge{color:#f59e0b;border-radius:var(--radius-full);white-space:nowrap;background:#f59e0b1a;padding:2px 8px;font-size:12px;font-weight:700}.mini-trail{flex-shrink:0;gap:3px;display:flex}.mini-trail-cell{background:var(--heat-0);width:10px;height:10px;transition:all var(--duration-fast);border-radius:2px}.mini-trail-cell.missed{border:1px solid #ffffff1a}.habit-menu-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast);background:0 0;border:none;padding:4px 8px;font-size:16px}.habit-menu-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.habit-menu{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:100;min-width:120px;position:absolute;top:100%;right:0;overflow:hidden}.habit-menu .menu-item{width:100%;padding:var(--space-sm) var(--space-md);text-align:left;color:var(--text-primary);cursor:pointer;transition:background var(--duration-fast);background:0 0;border:none;font-size:13px;display:block}.habit-menu .menu-item:hover{background:var(--bg-tertiary)}.habit-menu .menu-item.danger{color:var(--danger)}.habit-menu .menu-item.danger:hover{background:#ff3e621a}.streak-leaderboard{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden}.leaderboard-header{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-light);grid-template-columns:40px 1fr 80px 80px 60px;font-size:11px;font-weight:700;display:grid}.leaderboard-body{max-height:300px;overflow-y:auto}.leaderboard-row{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-light);transition:background var(--duration-fast);grid-template-columns:40px 1fr 80px 80px 60px;font-size:13px;display:grid}.leaderboard-row:hover{background:var(--bg-tertiary)}.leaderboard-row .col-rank{color:var(--text-muted);font-weight:700}.leaderboard-row .col-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.leaderboard-row .col-area{text-transform:capitalize;font-weight:500}.leaderboard-row .col-streak{color:#f59e0b;font-weight:700}.leaderboard-row .col-best{color:var(--text-secondary)}.streak-leaderboard-empty{text-align:center;padding:var(--space-xl);color:var(--text-muted);font-size:14px}.day-selector button{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast);font-size:11px;font-weight:600}.day-selector button:hover{border-color:var(--accent)}.day-selector button.active{background:var(--accent);color:#000;border-color:var(--accent);box-shadow:0 0 10px #00ffcc4d}.area-progress{align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:12px;display:flex}.area-progress-bar{background:var(--bg-tertiary);border-radius:var(--radius-full);flex:1;height:4px;overflow:hidden}.area-progress-fill{border-radius:var(--radius-full);height:100%;transition:width var(--duration-normal) var(--ease-out)}.health-grid{gap:var(--gap-lg);margin-bottom:var(--gap-xl);grid-template-columns:repeat(auto-fit,minmax(360px,1fr));display:grid}.health-card{background:var(--bg-secondary);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg)}.checkin-summary{gap:var(--gap-md);flex-direction:column;display:flex}.checkin-done{color:var(--success);font-size:16px;font-weight:700}.checkin-quick-stats{gap:var(--gap-md);color:var(--text-secondary);font-size:14px;display:flex}.checkin-form{gap:var(--gap-md);flex-direction:column;display:flex}.checkin-grid{gap:var(--gap-md);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.checkin-field{gap:var(--space-xs);flex-direction:column;display:flex}.checkin-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.checkin-field input[type=number],.checkin-field textarea{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--text-primary);font-size:14px}.checkin-field input:focus,.checkin-field textarea:focus{border-color:var(--accent);outline:none}.checkin-field.full-width{grid-column:1/-1}.star{color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;font-size:20px}.star.active{color:var(--warning)}.slider-field input[type=range]{accent-color:var(--accent);flex:1}.slider-field span{color:var(--text-secondary);min-width:40px;font-size:14px;font-weight:600}.longevity-display{gap:var(--gap-md);flex-direction:column;display:flex}.longevity-main{justify-content:space-between;align-items:flex-start;display:flex}.longevity-bio-age{flex-direction:column;display:flex}.longevity-bio-age .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.longevity-bio-age .value{color:var(--text-primary);font-size:32px;font-weight:800}.longevity-delta{border-radius:var(--radius-full);padding:4px 12px;font-size:14px;font-weight:700}.longevity-delta.positive{color:var(--success);background:#10b98126}.longevity-delta.negative{color:var(--danger);background:#ff3e6226}.score-value{background:linear-gradient(135deg, #fff, var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800}.score-max{color:var(--text-muted);font-size:18px}.longevity-factors{gap:var(--gap-sm);grid-template-columns:repeat(2,1fr);display:grid}.longevity-factors .factor{padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm);justify-content:space-between;font-size:13px;display:flex}.longevity-factors .factor span:first-child{color:var(--text-secondary)}.longevity-factors .factor span:last-child{color:var(--text-primary);font-weight:700}.trend-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.trend-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:12px;font-weight:700}.trend-sparkline{align-items:flex-end;gap:2px;height:60px;display:flex}.spark-bar{background:var(--accent);min-height:4px;transition:height var(--duration-normal);border-radius:2px 2px 0 0;flex:1}.trend-current{color:var(--text-primary);font-size:18px;font-weight:800}.marker-form-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--gap-md)}.marker-form{gap:var(--gap-md);flex-direction:column;display:flex}.marker-grid{gap:var(--gap-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.marker-form input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--text-primary);font-size:14px}.marker-form input:focus{border-color:var(--accent);outline:none}.marker-list{gap:var(--space-sm);flex-direction:column;display:flex}.marker-item{align-items:center;gap:var(--gap-md);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;display:flex}.marker-date{color:var(--text-primary);font-weight:600}.wheel-page{flex-direction:column;max-width:1400px;min-height:100%;margin:0 auto;display:flex}.wheel-header-top{justify-content:space-between;align-items:flex-start;gap:var(--gap-md);margin-bottom:var(--gap-lg);display:flex}.wheel-header-actions{gap:var(--gap-sm);display:flex}.wheel-stats{gap:var(--gap-xl);padding:var(--gap-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--gap-xl);display:flex}.wheel-stat{flex-direction:column;gap:2px;display:flex}.wheel-stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11px;font-weight:700}.wheel-stat-value{color:var(--accent);font-size:24px;font-weight:800}.wheel-layout{gap:var(--gap-2xl);grid-template-columns:1fr 320px;align-items:start;max-height:calc(100vh - 200px);display:grid;overflow-y:auto}.wheel-layout.expanded{grid-template-columns:1fr 280px}.wheel-main{padding:var(--gap-xl);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;justify-content:flex-start;align-items:center;min-height:500px;max-height:calc(100vh - 200px);display:flex;position:relative;overflow-y:auto}.wheel-container{align-items:center;gap:var(--gap-lg);flex-direction:column;width:100%;max-height:100%;display:flex;overflow-y:auto}.wheel-svg{filter:drop-shadow(0 0 20px #00ffcc1a)}.wheel-expand-btn{bottom:var(--gap-md);right:var(--gap-md);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast);font-size:18px;position:absolute}.wheel-expand-btn:hover{background:var(--accent);color:#000;border-color:var(--accent)}.wheel-sliders{gap:var(--gap-md);width:100%;max-width:800px;max-height:400px;padding-right:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid;overflow-y:auto}.wheel-slider-row{gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-sm);flex-direction:column;display:flex}.wheel-slider-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em;font-size:13px;font-weight:700}.wheel-slider-group{color:var(--text-muted);text-transform:none;font-size:11px;font-weight:500}.wheel-slider-inputs{gap:var(--space-xs);flex-direction:column;display:flex}.wheel-slider-field{align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:11px;display:flex}.wheel-slider-field span:first-child{min-width:50px}.wheel-range{appearance:none;background:var(--bg-primary);border-radius:var(--radius-full);cursor:pointer;flex:1;height:4px}.wheel-range::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 0 8px #0fc6}.wheel-range.target::-webkit-slider-thumb{background:var(--warning);box-shadow:0 0 8px #fbbf2466}.wheel-slider-value{text-align:right;min-width:24px;color:var(--text-primary);font-weight:700}.wheel-sidebar{gap:var(--gap-lg);flex-direction:column;display:flex}.wheel-snapshots,.wheel-group-legend{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--gap-md)}.wheel-snapshots-empty{text-align:center;padding:var(--gap-xl);color:var(--text-muted)}.wheel-snapshots-empty .muted{color:var(--text-muted);opacity:.7;font-size:12px}.wheel-snapshot-list{gap:var(--gap-sm);flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.wheel-snapshot-item{align-items:center;gap:var(--gap-md);padding:var(--space-xs);border-radius:var(--radius-sm);transition:background var(--duration-fast);display:flex}.wheel-snapshot-item:hover{background:var(--bg-tertiary)}.wheel-snapshot-date{color:var(--text-secondary);min-width:60px;font-size:12px;font-weight:600}.wheel-snapshot-sparkline{flex:1;align-items:flex-end;gap:2px;height:32px;display:flex}.wheel-legend-items{gap:var(--gap-sm);display:grid}.wheel-legend-group{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;display:flex}.legend-group-name{color:var(--text-secondary);font-size:12px;font-weight:600}.legend-axis-dot{color:#000;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;font-weight:800;display:flex}.wheel-loading,.wheel-error{justify-content:center;align-items:center;gap:var(--gap-md);min-height:400px;color:var(--text-muted);flex-direction:column;display:flex}.wheel-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.analytics-tabs{background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--gap-lg);gap:4px;padding:4px;display:flex}.analytics-tab{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;padding:10px 20px;font-size:13px;font-weight:600}.analytics-tab:hover{color:var(--text-secondary);background:var(--bg-tertiary)}.analytics-tab.active{background:var(--accent-gradient);color:#000;box-shadow:0 0 20px var(--shadow-glow);transform:translateY(-2px)}.analytics-content{min-height:400px}.analytics-empty{justify-content:center;align-items:center;gap:var(--gap-md);padding:var(--gap-2xl);background:var(--bg-secondary);border:1px dashed var(--border);border-radius:var(--radius-lg);color:var(--text-muted);text-align:center;flex-direction:column;display:flex}.analytics-overview .stat-row{gap:var(--gap-md);margin-bottom:var(--gap-xl);grid-template-columns:repeat(3,1fr);display:grid}.analytics-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--gap-lg);text-align:center;transition:transform var(--duration-normal), box-shadow var(--duration-normal)}.analytics-card:hover{border-color:var(--border);transform:translateY(-4px);box-shadow:0 8px 24px #0003}.analytics-card-value{letter-spacing:-.02em;font-size:36px;font-weight:800}.analytics-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:var(--gap-xs);font-size:12px}.analytics-section{margin-bottom:var(--gap-xl)}.analytics-section-title{color:var(--text-secondary);margin-bottom:var(--gap-md);text-transform:uppercase;letter-spacing:.05em;font-size:14px;font-weight:600}.momentum-chart{gap:var(--gap-md);flex-direction:column;display:flex}.momentum-number{letter-spacing:-.02em;font-size:48px;font-weight:800}.momentum-trend{font-size:18px;font-weight:600}.momentum-sparkline{width:100%;height:60px}.momentum-labels{color:var(--text-muted);justify-content:space-between;font-size:11px;display:flex}.peak-hours-chart{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--gap-lg)}.peak-hours-summary strong{color:var(--accent)}.peak-hours-grid{gap:var(--gap-sm);flex-direction:column;display:flex;overflow-x:auto}.peak-hours-hours{gap:2px;padding-left:26px;display:flex}.peak-hours-label{width:66px;color:var(--text-muted);text-align:left;font-size:9px}.peak-hours-days{flex-direction:column;flex:1;gap:2px;display:flex}.peak-hours-row{align-items:center;gap:2px;display:flex}.peak-hours-day-label{width:24px;color:var(--text-muted);font-size:10px}.peak-hours-cell{width:20px;height:20px;transition:transform var(--duration-fast), box-shadow var(--duration-fast);border-radius:3px}.peak-hours-cell:hover{z-index:10;transform:scale(1.2);box-shadow:0 0 8px #fff3}.peak-hours-legend{justify-content:flex-end;align-items:center;gap:var(--gap-sm);margin-top:var(--gap-md);color:var(--text-muted);font-size:10px;display:flex}.area-balance-chart{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--gap-lg);transition:box-shadow var(--duration-normal)}.area-balance-chart:hover{box-shadow:0 4px 20px #00000026}.area-balance-bars{gap:var(--gap-md);flex-direction:column;display:flex}.area-balance-row{align-items:center;gap:var(--gap-md);display:flex}.area-balance-label{text-transform:capitalize;width:80px;color:var(--text-secondary);font-size:12px;font-weight:600}.area-balance-bar-container{background:var(--bg-tertiary);border-radius:var(--radius-sm);flex:1;height:12px;overflow:hidden}.area-balance-bar{border-radius:var(--radius-sm);height:100%;transition:width var(--duration-normal) var(--ease-out)}.area-balance-value{width:40px;color:var(--text-muted);text-align:right;font-size:12px;font-weight:600}.sleep-focus-correlation{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--gap-lg);transition:box-shadow var(--duration-normal)}.sleep-focus-correlation:hover{box-shadow:0 4px 20px #00000026}.correlation-stats{align-items:center;gap:var(--gap-lg);margin-bottom:var(--gap-md);display:flex}.correlation-value{font-size:32px;font-weight:800}.correlation-label{color:var(--text-secondary);font-size:13px}.correlation-scatter{width:100%;max-width:300px;height:200px}.correlation-insight{margin-top:var(--gap-md);color:var(--text-muted);font-size:13px;font-style:italic}.habit-area-analytics{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--gap-lg)}.habit-area-bars{gap:var(--gap-md);flex-direction:column;display:flex}.habit-area-row{align-items:center;gap:var(--gap-md);display:flex}.habit-area-label{text-transform:capitalize;width:80px;font-size:12px;font-weight:600}.habit-area-bar-container{background:var(--bg-tertiary);border-radius:var(--radius-sm);flex:1;height:12px;overflow:hidden}.habit-area-bar{border-radius:var(--radius-sm);height:100%}.habit-area-value{width:40px;color:var(--text-muted);text-align:right;font-size:12px;font-weight:600}.habit-area-summary{margin-top:var(--gap-md);color:var(--text-muted);font-size:12px}.health-correlations{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--gap-lg)}.correlation-header{margin-bottom:var(--gap-lg);justify-content:space-between;align-items:center;display:flex}.correlation-stat{flex-direction:column;display:flex}.correlation-number{color:var(--accent);font-size:32px;font-weight:800}.correlation-desc{color:var(--text-muted);font-size:12px}.correlation-badge{background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-secondary);padding:4px 12px;font-size:11px;font-weight:600}.correlation-matrix{flex-direction:column;gap:4px;display:flex}.correlation-axis-label{width:20px;color:var(--text-muted);font-size:9px}.correlation-cell{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-primary);justify-content:center;align-items:center;font-size:10px;display:flex}.correlation-cell-count{font-weight:600}.correlation-axis-label-bottom{gap:4px;margin-top:4px;margin-left:24px;display:flex}.correlation-axis-label-bottom span{width:36px;color:var(--text-muted);text-align:center;font-size:9px}.wheel-analytics{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--gap-lg)}.wheel-balance-score{text-align:center;margin-bottom:var(--gap-lg)}.wheel-balance-number{font-size:48px;font-weight:800}.wheel-balance-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:12px;display:block}.wheel-group-bars{gap:var(--gap-sm);margin-bottom:var(--gap-lg);flex-direction:column;display:flex}.wheel-group-row{align-items:center;gap:var(--gap-md);display:flex}.wheel-group-label{width:100px;color:var(--text-secondary);font-size:12px;font-weight:600}.wheel-group-bar-container{background:var(--bg-tertiary);border-radius:var(--radius-sm);flex:1;height:12px;overflow:hidden}.wheel-group-bar{border-radius:var(--radius-sm);height:100%}.wheel-group-value{width:30px;color:var(--text-muted);text-align:right;font-size:12px;font-weight:600}.wheel-axis-list{gap:var(--gap-xs);flex-direction:column;display:flex}.wheel-axis-row{align-items:center;gap:var(--gap-md);padding:var(--gap-sm) var(--gap-md);border-radius:var(--radius-sm);border-left:3px solid #0000;display:flex}.wheel-axis-rank{color:var(--text-muted);width:24px;font-size:11px}.wheel-axis-name{flex:1;font-size:13px;font-weight:600}.wheel-axis-score{color:var(--text-muted);font-size:12px;font-weight:700}.wheel-insight{margin-top:var(--gap-lg);color:var(--text-muted);text-align:center;font-size:12px}.wheel-sliders-grid{gap:var(--gap-md);margin-top:var(--gap-xl);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.wheel-slider-card{padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.wheel-slider-header{align-items:center;gap:8px;margin-bottom:4px;font-size:13px;display:flex}.wheel-slider-header .dot{border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px}.wheel-slider-controls{flex-direction:column;gap:12px;display:flex}.control-group{flex-direction:column;gap:4px;display:flex}.control-group label{color:var(--text-secondary);font-size:11px;font-weight:700}.control-group.target label{color:var(--text-muted)}.wheel-segment{stroke-linejoin:round}.wheel-segment:hover{filter:brightness(1.1);stroke:#fff3;stroke-width:1px}.weekly-report{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.weekly-report.dashboard-report{max-height:350px;overflow-y:auto}.dashboard-bottom-grid .weekly-report{max-height:400px;overflow-y:auto}.weekly-report-header{align-items:center;gap:var(--gap-lg);padding:var(--gap-lg);cursor:pointer;transition:background var(--duration-fast);display:flex}.weekly-report-title{flex:1}.weekly-report-week{color:var(--text-muted);margin-top:4px;font-size:12px;display:block}.weekly-report-summary{gap:var(--gap-lg);display:flex}.weekly-report-stat-value{color:var(--accent);font-size:24px;font-weight:700;display:block}.weekly-report-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.weekly-report-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:12px}.weekly-report-body{border-top:1px solid var(--border-light);padding:var(--gap-lg)}.weekly-report-section{margin-bottom:var(--gap-lg)}.weekly-report-section h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--gap-md);font-size:12px;font-weight:600}.weekly-report-grid{gap:var(--gap-md);grid-template-columns:repeat(2,1fr);display:grid}.weekly-report-item{background:var(--bg-tertiary);padding:var(--gap-md);border-radius:var(--radius-sm);text-align:center}.weekly-report-item-value{color:var(--text-primary);font-size:18px;font-weight:700;display:block}.weekly-report-item-label{color:var(--text-muted);margin-top:4px;font-size:10px;display:block}.recommendations ul{gap:var(--gap-sm);flex-direction:column;list-style:none;display:flex}.recommendations li{padding:var(--gap-sm) var(--gap-md);border-left:3px solid var(--warning);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);background:#fbbf241a;font-size:13px}.weekly-report-actions{padding-top:var(--gap-md);border-top:1px solid var(--border-light);justify-content:flex-end;display:flex}.focus-sessions-list{gap:var(--gap-sm);flex-direction:column;display:flex}.focus-session-item{align-items:center;gap:var(--gap-md);padding:var(--gap-sm) var(--gap-md);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-light);display:flex}.focus-session-area{color:var(--accent);flex:1;font-weight:600}.focus-session-duration{color:var(--text-primary);font-weight:700}.focus-session-date{color:var(--text-muted);font-size:11px}.focus-sessions-more{text-align:center;color:var(--text-muted);padding:var(--gap-sm);font-size:12px}.streak-mini-list{gap:var(--gap-sm);flex-direction:column;display:flex}.streak-mini-row{align-items:center;gap:var(--gap-md);padding:var(--gap-sm) var(--gap-md);background:var(--bg-secondary);border-radius:var(--radius-sm);display:flex}.streak-mini-rank{color:var(--text-muted);width:24px;font-size:12px;font-weight:700}.streak-mini-name{flex:1;font-size:13px}.streak-mini-streak{font-weight:700}.health-metrics-grid{gap:var(--gap-md);grid-template-columns:repeat(4,1fr);display:grid}.health-metric-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--gap-lg);text-align:center}.health-metric-value{color:var(--accent);font-size:28px;font-weight:700;display:block}.health-metric-label{color:var(--text-muted);margin-top:4px;font-size:11px;display:block}@media (width<=900px){.analytics-overview .stat-row{grid-template-columns:1fr}.analytics-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.health-metrics-grid{grid-template-columns:repeat(2,1fr)}.wheel-layout{grid-template-columns:1fr}.wheel-header-top{flex-direction:column}.wheel-staks{flex-wrap:wrap}}.shimmer-container{justify-content:center;align-items:center;display:flex}.shimmer-gradient{background:linear-gradient(110deg,#0000 0%,#ffffff0a 20%,#ffffff14 40%,#ffffff0a 60%,#0000 100%);animation:1.8s ease-in-out infinite shimmer-sweep;position:absolute;inset:0}.shimmer-card{transition:all var(--duration-normal) var(--ease-out)}.shimmer-card.glow{border-color:#00ffcc40;box-shadow:0 0 20px #00ffcc1a}.shimmer-icon{justify-content:center;align-items:center;min-width:48px;display:flex}.shimmer-stat-content{flex-direction:column;gap:8px;display:flex}.shimmer-timer-ring{margin:var(--gap-xl) 0}@keyframes shimmer-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.stat-card{position:relative;overflow:hidden}.stat-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#ffffff08 0%,#0000 60%);position:absolute;inset:0}.stat-card:hover:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 30px #00ffcc0d}.stat-value,.target-countdown.large,.score-value,.momentum-number,.longevity-score .score-value{background:linear-gradient(135deg, #fff 0%, var(--accent) 50%, #0fcc 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #00ffcc4d);-webkit-background-clip:text;background-clip:text;position:relative}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 0 20px #00ffcc4d)}50%{filter:drop-shadow(0 0 30px #00ffcc80)}}.stat-value.highlight{animation:3s ease-in-out infinite glow-pulse}.card{position:relative}.card:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(at 50% 0,#00ffcc0d 0%,#0000 70%);position:absolute;inset:0}.btn-primary{position:relative}.btn-primary:after{content:"";border-radius:inherit;background:inherit;filter:blur(12px);opacity:0;transition:opacity var(--duration-normal) var(--ease-out);z-index:-1;position:absolute;inset:-2px}.btn-primary:hover:after{opacity:.4}.analytics-loading-dot{animation:1.5s infinite pulse}.analytics-section-spaced{margin-top:var(--gap-xl)}.recommendation-copy{flex-direction:column;gap:6px;display:flex}.recommendation-copy strong{letter-spacing:-.01em;font-size:18px}.recommendation-copy p{color:var(--text-secondary);font-size:14px}.recommendation-badge{border-radius:var(--radius-full);color:var(--text-accent);text-transform:uppercase;letter-spacing:.08em;background:#00ffcc1f;align-self:flex-start;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.recommendation-actions{align-items:center;gap:var(--gap-sm);display:flex}.intention-input-wrapper{margin-bottom:var(--gap-lg)}.intention-input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);text-align:center;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);padding:12px 16px;font-size:14px}.intention-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #00ffcc1a}.intention-input::placeholder{color:var(--text-muted)}.timer-section-wrapper{position:relative}.timer-btn-label{font-size:12px;font-weight:700}.pomodoro-break-summary{text-align:center;color:var(--text-muted);letter-spacing:.02em;opacity:.88;font-size:12px;font-weight:600}.pomodoro-log-card{width:100%}.pomodoro-log-title{color:var(--text-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--gap-md);font-size:13px}.settings-grid{gap:var(--gap-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.settings-card{gap:var(--gap-lg);flex-direction:column;min-height:100%;display:flex}.settings-field{flex-direction:column;gap:8px;display:flex}.settings-label{color:var(--text-primary);letter-spacing:.01em;font-size:13px;font-weight:700}.settings-pill-row{flex-wrap:wrap}.settings-suffix{color:var(--text-muted);pointer-events:none;font-size:12px;font-weight:700;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.settings-toggle{justify-content:space-between;align-items:center;gap:var(--gap-lg);text-align:left;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);padding:var(--gap-md);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);display:flex}.settings-toggle:hover{border-color:#0fc3;transform:translateY(-1px)}.settings-toggle.active{border-color:#00ffcc47;box-shadow:0 0 0 1px #00ffcc14}.settings-toggle-indicator{text-align:center;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.08em;background:#ffffff0d;min-width:44px;padding:8px 10px;font-size:12px;font-weight:800}.settings-status-actions{align-items:center;gap:var(--gap-sm);display:flex}body:before{background:radial-gradient(circle,#00ffcc2e 0%,#0000 72%)}body:after{background:radial-gradient(circle,#10b98133 0%,#0000 76%)}#root:before{background:radial-gradient(circle,#10b98114 0%,#0000 76%)}#root:after{background:radial-gradient(circle,#6366f12e 0%,#0000 72%)}@media (width<=1100px){.settings-grid,.settings-field-grid{grid-template-columns:1fr}}@media (width<=900px){.recommendation-banner{flex-direction:column;align-items:stretch}.recommendation-actions{justify-content:stretch;width:100%}.recommendation-actions .btn{flex:1}.app-main{padding:var(--gap-lg)}}@media (width<=700px){.page-title{font-size:30px}.settings-status-actions{justify-content:stretch;width:100%}.settings-status-actions .status-action{flex:1}.status-banner{flex-direction:column;align-items:stretch}.timer-controls{flex-wrap:wrap;justify-content:center}}@media (prefers-reduced-motion:reduce){body:before,body:after,#root:before,#root:after,.animate-in,.animate-slide,.analytics-loading-dot,.shimmer-gradient,.stat-value.highlight{animation:none!important}*{scroll-behavior:auto!important}}html[data-reduced-motion=true] body:before,html[data-reduced-motion=true] body:after,html[data-reduced-motion=true] #root:before,html[data-reduced-motion=true] #root:after,html[data-reduced-motion=true] .animate-in,html[data-reduced-motion=true] .animate-slide,html[data-reduced-motion=true] .analytics-loading-dot,html[data-reduced-motion=true] .shimmer-gradient,html[data-reduced-motion=true] .stat-value.highlight{animation:none!important}html[data-reduced-motion=true] *{transition-duration:.01ms!important}.app-boot-shell,.guest-entry-shell{background:linear-gradient(135deg,#050814f5,#07121ff0),radial-gradient(circle at 16% 18%,#00ffcc24,#0000 28%),radial-gradient(circle at 84% 74%,#6366f11f,#0000 30%);place-items:center;min-height:100vh;padding:clamp(24px,5vw,56px);display:grid}.app-boot-shell{color:var(--text-secondary);letter-spacing:.02em;gap:16px;font-weight:700}.app-boot-mark{border:2px solid #ffffff14;border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;animation:.9s linear infinite spin}.guest-entry-panel{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#08111fb3;border:1px solid #00ffcc29;border-radius:24px;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:clamp(28px,5vw,64px);width:min(920px,100%);padding:clamp(24px,4vw,48px);display:grid;box-shadow:0 32px 90px #0000006b,inset 0 1px #ffffff0f}.guest-entry-copy{flex-direction:column;gap:18px;display:flex}.guest-entry-kicker{color:var(--text-accent);text-transform:uppercase;letter-spacing:.12em;align-self:flex-start;font-size:12px;font-weight:800}.guest-entry-copy h1{letter-spacing:0;font-size:clamp(44px,8vw,84px);line-height:.92}.guest-entry-copy p{max-width:560px;color:var(--text-secondary);font-size:16px}.guest-entry-form{background:#ffffff0b;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:14px;padding:22px;display:flex}.guest-entry-form label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-size:12px;font-weight:800}.guest-entry-error{color:var(--danger);font-size:12px;font-weight:700}.topbar-user{border-radius:var(--radius-full);border:1px solid var(--border);min-height:36px;color:var(--text-primary);background:#ffffff0a;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.topbar-user-indicator{background:var(--accent);border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #00ffcc6b}@media (width<=780px){.guest-entry-panel{border-radius:18px;grid-template-columns:1fr}.guest-entry-form{padding:18px}.topbar-user{display:none}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-sans:"SF Pro Text", "SF Pro Display", "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", "JetBrains Mono", "Cascadia Code", Consolas, monospace;--type-0:.75rem;--type-1:.8125rem;--type-2:.875rem;--type-3:1rem;--type-4:1.125rem;--type-5:1.375rem;--type-6:clamp(1.8rem, 2.2vw, 2.6rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:2.5rem;--space-9:3rem;--radius-1:10px;--radius-2:14px;--radius-3:18px;--radius-4:24px;--radius-round:999px;--blur-0:0px;--blur-1:10px;--blur-2:20px;--blur-3:36px;--blur-4:60px;--shadow-1:0 8px 22px #03091842;--shadow-2:0 18px 44px #0309186b;--shadow-3:0 30px 80px #02071494;--inner-shadow:inset 0 1px 0 #ffffff24, inset 0 -1px 0 #ffffff08;--glow-low:0 0 0 1px #79a3ff29, 0 0 20px #79a3ff24;--glow-mid:0 0 0 1px #79a3ff3d, 0 0 24px #6acbff3d;--glow-high:0 0 0 1px #79a3ff5c, 0 0 34px #7ad4ff4d;--ease-spring:cubic-bezier(.2, .88, .32, 1.16);--ease-smooth:cubic-bezier(.16, 1, .3, 1);--ease-soft:cubic-bezier(.3, .7, .4, 1);--dur-fast:.14s;--dur-mid:.28s;--dur-slow:.48s;--color-ink-0:#f6f8fd;--color-ink-1:#d4ddf4;--color-ink-2:#a3b1ce;--color-ink-3:#7383a3;--color-ink-4:#4d5b79;--color-surface-0:#090f1f;--color-surface-1:#0e182a9e;--color-surface-2:#18243a85;--color-surface-3:#22334ea3;--color-line-1:#dbe8ff1a;--color-line-2:#dbe8ff2e;--color-accent-1:#7db6ff;--color-accent-2:#80d7ff;--color-accent-3:#79d3cf;--color-danger:#ff6b88;--color-warning:#ffd27d;--color-success:#7fe5a8;--accent-gradient:linear-gradient(128deg, #8aa9ff 0%, #6fd8ff 52%, #79d3cf 100%);--bg-primary:var(--color-surface-0);--bg-secondary:var(--color-surface-1);--bg-tertiary:var(--color-surface-2);--bg-elevated:var(--color-surface-3);--border:var(--color-line-1);--border-light:#dbe8ff0f;--text-primary:var(--color-ink-0);--text-secondary:var(--color-ink-2);--text-muted:var(--color-ink-3);--text-accent:var(--color-accent-2);--accent:var(--color-accent-1);--success:var(--color-success);--warning:var(--color-warning);--danger:var(--color-danger);--glass-blur:blur(var(--blur-2));--shadow-sm:var(--shadow-1);--shadow-md:var(--shadow-2);--shadow-lg:var(--shadow-3);--shadow-glow:var(--glow-mid);--shadow-glow-intense:var(--glow-high);--ease-out:var(--ease-smooth);--duration-fast:var(--dur-fast);--duration-normal:var(--dur-mid);--duration-slow:var(--dur-slow);--radius-sm:var(--radius-1);--radius-md:var(--radius-2);--radius-lg:var(--radius-3);--radius-xl:var(--radius-4);--radius-full:var(--radius-round);--gap-xs:var(--space-1);--gap-sm:var(--space-2);--gap-md:var(--space-4);--gap-lg:var(--space-6);--gap-xl:var(--space-8);--gap-2xl:var(--space-9);--space-xs:var(--space-1);--space-sm:var(--space-2);--space-md:var(--space-4);--space-lg:var(--space-6);--space-xl:var(--space-8);--page-padding:var(--space-6)}*{scrollbar-width:thin;scrollbar-color:#b8cef547 transparent}body{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:.005em;background:radial-gradient(1400px 900px at 18% -10%,#7aa3ff2e,#0000 60%),radial-gradient(1200px 780px at 110% 10%,#78d7ff24,#0000 58%),radial-gradient(1000px 700px at 50% 120%,#68b4d61f,#0000 65%),#070d1a}body:before,body:after,#root:before,#root:after{opacity:.8;filter:blur(var(--blur-4))!important}.app-layout{height:100vh;padding:var(--space-4);gap:var(--space-4);grid-template-columns:auto 1fr;display:grid;overflow:hidden}.workspace-shell{gap:var(--space-4);grid-template-rows:auto 1fr;min-width:0;min-height:0;display:grid}.topbar{justify-content:space-between;align-items:center;gap:var(--space-4);border:1px solid var(--color-line-1);border-radius:calc(var(--radius-3) + 2px);-webkit-backdrop-filter:blur(var(--blur-1));box-shadow:var(--shadow-1), var(--inner-shadow);background:linear-gradient(170deg,#1d2a4499,#0f1624bd);padding:.9rem 1rem;display:flex}.topbar-left,.topbar-right{align-items:center;gap:var(--space-4);min-width:0;display:flex}.window-controls{align-items:center;gap:.45rem;display:inline-flex}.window-dot{border-radius:50%;width:11px;height:11px;display:block;box-shadow:inset 0 1px #ffffff38,0 0 0 1px #00000038}.window-dot.close{background:#ff5f57}.window-dot.minimize{background:#febc2e}.window-dot.zoom{background:#28c840}.topbar-title-group{flex-direction:column;min-width:0;display:flex}.topbar-kicker{color:var(--text-muted);font-size:var(--type-0);text-transform:uppercase;letter-spacing:.12em}.topbar-title{font-size:var(--type-2);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.topbar-search{justify-content:space-between;align-items:center;gap:var(--space-2);border-radius:var(--radius-1);border:1px solid var(--color-line-1);min-width:230px;color:var(--text-secondary);font:inherit;transition:border-color var(--dur-fast) var(--ease-smooth), box-shadow var(--dur-fast) var(--ease-smooth), transform var(--dur-fast) var(--ease-spring);background:#0c1320c2;padding:.5rem .6rem .5rem .7rem;display:inline-flex}.topbar-search:hover,.topbar-search:focus-visible{border-color:var(--color-line-2);box-shadow:var(--glow-low);transform:translateY(-1px)}.topbar-search-label{font-size:var(--type-1)}.topbar-search kbd,.command-item kbd{font-family:var(--font-mono);border:1px solid var(--color-line-2);color:var(--text-secondary);background:#ffffff0f;border-radius:7px;padding:.18rem .34rem;font-size:.68rem}.topbar-date{color:var(--text-muted);font-size:var(--type-1);white-space:nowrap}.sidebar{border-radius:var(--radius-4);border:1px solid var(--color-line-1);width:265px;-webkit-backdrop-filter:blur(var(--blur-2));box-shadow:var(--shadow-2), var(--inner-shadow);padding:var(--space-6) 0;background:linear-gradient(175deg,#1d2c4899 0%,#0b121ee0 100%);margin:0;position:relative}.sidebar:after{content:"";border-radius:inherit;opacity:.22;pointer-events:none;background:linear-gradient(#ffffff1c,#0000);height:42%;position:absolute;inset:1px 1px auto}.sidebar.collapsed{opacity:0;pointer-events:none;border-width:0;width:0;min-width:0;padding:0}.sidebar-brand{padding:0 var(--space-5);margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.brand-text{font-size:var(--type-4);letter-spacing:-.01em;color:#f4f8ff;font-weight:600}.sidebar-toggle-btn,.sidebar-toggle-fixed{border:1px solid var(--color-line-1);color:var(--text-secondary);transition:transform var(--dur-fast) var(--ease-spring), border-color var(--dur-fast), box-shadow var(--dur-fast), color var(--dur-fast);background:#0c121eb8;border-radius:10px}.sidebar-toggle-btn:hover,.sidebar-toggle-fixed:hover{color:var(--text-primary);border-color:var(--color-line-2);box-shadow:var(--glow-low);transform:translateY(-1px)}.sidebar-toggle-glyph{letter-spacing:.08em;font-size:.64rem;font-weight:700;display:inline-block}.sidebar-nav{padding:0 var(--space-4);gap:.35rem}.nav-link{color:var(--text-secondary);transition:transform var(--dur-fast) var(--ease-spring), background var(--dur-fast), border-color var(--dur-fast), box-shadow var(--dur-fast), color var(--dur-fast);border:1px solid #0000;border-radius:12px;grid-template-columns:1.4rem 1fr;align-items:center;gap:.7rem;padding:.72rem .85rem;display:grid}.nav-link:hover{color:var(--text-primary);background:#ffffff0d;transform:translate(2px)}.nav-link.active{color:#f5f8ff;box-shadow:var(--glow-low);background:linear-gradient(120deg,#7fa3ff38,#77d1ff21);border-color:#9cbdff6b}.nav-dot{letter-spacing:.05em;width:1.3rem;height:1.3rem;color:var(--text-muted);border:1px solid var(--color-line-1);background:#ffffff0a;border-radius:.48rem;place-items:center;font-size:.64rem;font-weight:700;display:inline-grid}.nav-link.active .nav-dot{color:var(--text-primary);background:#94bcff29;border-color:#9cbdff8c}.app-main{min-height:0;padding:var(--space-6);border-radius:calc(var(--radius-4) + 4px);border:1px solid var(--color-line-1);-webkit-backdrop-filter:blur(var(--blur-2));box-shadow:var(--shadow-2), var(--inner-shadow);background:linear-gradient(175deg,#1622388f,#0a101cc7);overflow-y:auto}.is-sidebar-collapsed .app-main{padding-left:var(--space-6)}.page-shell{gap:var(--space-6);flex-direction:column;min-height:100%;display:flex}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-5);display:flex}.page-header-copy{flex-direction:column;gap:.45rem;min-width:0;display:flex}.page-eyebrow{width:fit-content;font-size:var(--type-0);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);display:inline-flex}.page-title{font-size:var(--type-6);letter-spacing:-.03em;color:#f6f9ff;font-weight:620;line-height:1.02}.page-subtitle{font-size:var(--type-2);color:var(--text-secondary);max-width:78ch}.page-header-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.card,.health-card,.analytics-section,.target-card,.trend-card,.wheel-stat,.wheel-snapshots,.wheel-group-legend,.status-banner{border:1px solid var(--color-line-1);border-radius:var(--radius-3);box-shadow:var(--shadow-1), var(--inner-shadow);background:linear-gradient(165deg,#18243a99,#0d1525d1)}.card{padding:var(--space-5);transition:transform var(--dur-mid) var(--ease-spring), box-shadow var(--dur-mid) var(--ease-smooth), border-color var(--dur-mid) var(--ease-smooth)}.card:hover{border-color:var(--color-line-2);box-shadow:var(--shadow-2), var(--inner-shadow), var(--glow-low);transform:translateY(-2px)}.card-title,.section-title,.analytics-section-title{color:#ecf2ff;letter-spacing:.01em}.card-title{text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:700}.section-title{font-size:var(--type-4);text-transform:none;font-weight:600}.status-banner{justify-content:space-between;align-items:center;gap:var(--space-4);color:var(--text-primary);padding:.9rem 1rem;display:flex}.status-banner-subtle{background:linear-gradient(145deg,#5b7cbe3d,#141d31b8);border-color:#9dbeff42}.status-banner-danger{background:linear-gradient(145deg,#7f2d4661,#240f1bbd);border-color:#ff719847}.status-banner-actions,.settings-status-actions{align-items:center;gap:var(--space-2);display:flex}.status-action,.btn,.target-action,.timer-btn,.toggle-btn,.preset-btn,.analytics-tab{border:1px solid var(--color-line-1);border-radius:var(--radius-1);color:var(--text-primary);font:inherit;transition:transform var(--dur-fast) var(--ease-spring), border-color var(--dur-fast), box-shadow var(--dur-fast), background var(--dur-fast), color var(--dur-fast);background:#0c1220c2}.status-action,.btn{font-size:var(--type-1);padding:.48rem .78rem;font-weight:600}.btn:hover,.status-action:hover,.target-action:hover,.toggle-btn:hover,.preset-btn:hover,.analytics-tab:hover{border-color:var(--color-line-2);box-shadow:var(--glow-low);transform:translateY(-1px)}.btn-primary,.timer-btn-start,.target-complete-button{background:var(--accent-gradient);color:#04111d;border-color:#b4dbff8c;box-shadow:0 10px 30px #6facff4d}.btn-primary:hover,.timer-btn-start:hover,.target-complete-button:hover{box-shadow:0 14px 34px #6fbeff61, var(--glow-mid)}.btn-ghost,.dashboard-inline-button,.timer-btn-reset,.timer-btn-pause{color:var(--text-secondary);background:#111a2ba8}.input,textarea,select{border-radius:var(--radius-1);border:1px solid var(--color-line-1);width:100%;color:var(--text-primary);font:inherit;transition:border-color var(--dur-fast), box-shadow var(--dur-fast), background var(--dur-fast);background:#070d18c2;padding:.56rem .72rem}.input:focus,textarea:focus,select:focus{box-shadow:var(--glow-low);background:#0a111feb;border-color:#a7c9ff8f;outline:none}.input::placeholder,textarea::placeholder{color:var(--text-muted)}.segmented,.preset-buttons,.analytics-tabs,.toggle-group,.timeframe-toggles{border-radius:calc(var(--radius-1) + 2px);border:1px solid var(--color-line-1);background:#0a101db8;flex-wrap:wrap;gap:.35rem;padding:.28rem;display:inline-flex}.segmented-btn,.preset-btn,.analytics-tab,.toggle-btn{border-radius:calc(var(--radius-1) - 2px);font-size:var(--type-1);color:var(--text-secondary);background:0 0;border:1px solid #0000;padding:.42rem .72rem;font-weight:580}.segmented.compact .segmented-btn{font-size:var(--type-0);padding:.28rem .56rem}.segmented-btn.active,.preset-btn.active,.analytics-tab.active,.toggle-btn.active,.btn.active{color:#f5f8ff;box-shadow:var(--glow-low);background:linear-gradient(125deg,#769cf247,#70d0f733);border-color:#a5c8ff8c}.empty-state{padding:var(--space-8);border-radius:var(--radius-3);color:var(--text-secondary);background:#0e172861;border:1px dashed #c0d4f93d;place-items:center;display:grid}.empty-icon{color:var(--text-muted);font-size:var(--type-4)}.stat-row{gap:var(--space-4)}.stat-card{border-radius:var(--radius-3);border:1px solid var(--color-line-1);box-shadow:var(--shadow-1), var(--inner-shadow);background:linear-gradient(150deg,#1c2b4699,#0c1321c7)}.stat-card.glow{box-shadow:var(--shadow-2), var(--glow-mid);border-color:#a2c6ff8f}.stat-icon{width:42px;height:42px;color:var(--text-secondary);background:#ffffff0f;border:1px solid #d4e4ff38;border-radius:12px;place-items:center;font-size:.95rem;font-weight:650;display:grid}.stat-value{letter-spacing:-.03em;background:var(--accent-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,2.1vw,2.5rem);font-weight:620}.dashboard-command-grid,.dashboard-bottom-grid,.pomodoro-grid,.health-grid,.settings-grid{gap:var(--space-4);display:grid}.dashboard-command-grid{grid-template-columns:1.2fr 1fr}.dashboard-bottom-grid{grid-template-columns:1fr 1fr}.dashboard-card{gap:var(--space-4);flex-direction:column;display:flex}.dashboard-card-subtitle{color:var(--text-secondary);font-size:var(--type-1)}.quick-check-groups{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));display:grid}.quick-check-group{border-radius:var(--radius-2);border:1px solid var(--color-line-1);padding:var(--space-3);box-shadow:var(--inner-shadow)}.quick-check-group-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.quick-check-area{color:var(--text-primary);font-size:var(--type-2);align-items:center;gap:.45rem;display:inline-flex}.quick-check-area-dot{border-radius:50%;width:.55rem;height:.55rem}.quick-check-pill{border:1px solid var(--color-line-1);border-radius:var(--radius-round);font-size:var(--type-0);padding:.15rem .52rem;font-weight:650}.quick-check-items{margin-top:var(--space-2);flex-direction:column;gap:.4rem;display:flex}.quick-check-item{border:1px solid var(--color-line-1);border-radius:var(--radius-1);width:100%;color:var(--text-primary);background:#0d14219e;grid-template-columns:1.2rem 1fr;align-items:center;gap:.6rem;padding:.45rem .52rem;display:grid}.quick-check-item.checked{box-shadow:var(--glow-low);border-color:#a3c5ff6b}.quick-check-box{border:1px solid var(--color-line-2);border-radius:5px;place-items:center;width:1rem;height:1rem;font-size:.68rem;display:grid}.weekly-grid-shell{border-radius:var(--radius-2);border:1px solid var(--color-line-1);overflow:auto}.weekly-grid{border-collapse:collapse;width:100%}.weekly-grid th,.weekly-grid td{border-bottom:1px solid var(--color-line-1);text-align:center;padding:.55rem .68rem}.weekly-grid th{color:var(--text-secondary);font-size:var(--type-1);text-transform:uppercase;letter-spacing:.06em;background:#111a2ccc}.weekly-grid td:first-child,.weekly-grid th:first-child{text-align:left}.dashboard-grid-cell{border:1px solid var(--color-line-1);border-radius:8px;width:24px;height:24px}.dashboard-grid-cell.done{transform:scale(1.02);box-shadow:0 0 12px #7db7ff5c}.today-column{background:#84aeff1f}.target-form{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-2);border:1px solid var(--color-line-1);background:#0c132194;display:grid}.target-form-row,.target-form-actions{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.target-color-palette{gap:var(--space-1);display:inline-flex}.target-color-swatch{border:1px solid #ffffff3d;border-radius:50%;width:1.1rem;height:1.1rem}.target-color-swatch.active{box-shadow:0 0 0 2px #ffffff14,0 0 0 3px #99c0ff6b}.targets-grid{gap:var(--space-3);grid-template-columns:1.15fr .85fr;display:grid}.targets-secondary-column{gap:var(--space-3);display:grid}.target-card{border-radius:var(--radius-2);padding:var(--space-4);gap:var(--space-2);border-style:solid;border-width:1px;flex-direction:column;display:flex}.target-card-title{letter-spacing:-.01em;font-size:1.04rem;font-weight:620}.target-card-top{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.target-badge{border-radius:var(--radius-round);border:1px solid var(--color-line-1);font-size:var(--type-0);text-transform:uppercase;letter-spacing:.08em;padding:.14rem .46rem;font-weight:700}.target-card-actions{gap:.35rem;display:inline-flex}.target-action{padding:.22rem .42rem;font-size:.68rem}.target-action.danger{color:#ff9cb6;border-color:#ff84a047}.target-countdown{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:.02em;font-size:1.02rem}.target-countdown.large{font-size:1.28rem}.target-progress-bar{flex-direction:column;gap:.35rem;display:flex}.target-progress-fill{border-radius:var(--radius-round);height:7px}.target-progress-label,.target-deadline{font-size:var(--type-0);color:var(--text-secondary)}.target-completed-list{border-top:1px solid var(--color-line-1);padding-top:var(--space-3)}.target-completed-heading{font-size:var(--type-0);text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted)}.target-completed-item{color:var(--text-secondary);font-size:var(--type-1);align-items:center;gap:.45rem;margin-top:.35rem;margin-right:.75rem;display:inline-flex}.target-completed-dot{border-radius:50%;width:.44rem;height:.44rem}.target-placeholder{border-radius:var(--radius-2);width:100%;min-height:98px;color:var(--text-muted);background:#121a2973;border:1px dashed #b7cef752}.target-placeholder.primary{min-height:150px}.habit-checkin-row{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-2);border:1px solid var(--color-line-1);transition:transform var(--dur-fast) var(--ease-spring), border-color var(--dur-fast), box-shadow var(--dur-fast);background:#0f18278f;grid-template-columns:auto 1fr auto auto;display:grid}.habit-checkin-row:hover{border-color:var(--color-line-2);box-shadow:var(--glow-low);transform:translateY(-1px)}.habit-check{border:1px solid var(--color-line-2);color:#06111f;background:#ffffff05;border-radius:.44rem;width:1.45rem;height:1.45rem}.habit-info{align-items:center;gap:var(--space-2);min-width:0;display:inline-flex}.habit-name{font-weight:560}.not-scheduled-badge,.streak-badge{border-radius:var(--radius-round);border:1px solid var(--color-line-1);font-size:var(--type-0);color:var(--text-secondary);padding:.1rem .45rem}.mini-trail{align-items:center;gap:.22rem;display:inline-flex}.mini-trail-cell{background:#ffffff0d;border-radius:3px;width:.52rem;height:.52rem}.habit-actions{position:relative}.habit-menu-btn{border:1px solid var(--color-line-1);width:1.5rem;height:1.5rem;color:var(--text-secondary);background:#ffffff08;border-radius:.45rem}.habit-menu{border:1px solid var(--color-line-1);z-index:30;background:#0b121ef0;border-radius:10px;padding:.25rem;position:absolute;top:calc(100% + 6px);right:0}.menu-item{width:100%;color:var(--text-secondary);text-align:left;background:0 0;border:none;border-radius:8px;padding:.28rem .48rem}.menu-item.danger{color:#ff9ab2}.dropdown-container{min-width:135px;position:relative}.custom-select-trigger{border:1px solid var(--color-line-1);border-radius:var(--radius-1);color:var(--text-primary);cursor:pointer;background:#0c1320c2;padding:.5rem .66rem}.custom-select-trigger.active{border-color:var(--color-line-2);box-shadow:var(--glow-low)}.dropdown-menu{border-radius:var(--radius-1);border:1px solid var(--color-line-2);-webkit-backdrop-filter:blur(var(--blur-1));z-index:60;background:#0c121ff5;padding:.24rem;position:absolute;top:calc(100% + 6px);left:0;right:0}.dropdown-item{color:var(--text-secondary);border-radius:8px;align-items:center;gap:.44rem;padding:.4rem .5rem;display:flex}.dropdown-item:hover,.dropdown-item.selected{color:var(--text-primary);background:#86a9ff24}.day-selector{margin-top:var(--space-2);gap:.3rem;display:inline-flex}.day-selector button{border:1px solid var(--color-line-1);width:1.6rem;height:1.6rem;color:var(--text-secondary);background:#ffffff05;border-radius:.5rem}.day-selector button.active{background:var(--accent-gradient);color:#031425;border-color:#b1d3ff99}.heatmap-container,.streak-leaderboard{border-radius:var(--radius-2)}.heatmap-cell{border:1px solid #ffffff0a;border-radius:3px}.streak-leaderboard{border:1px solid var(--color-line-1);overflow:hidden}.leaderboard-header,.leaderboard-row{gap:var(--space-2);grid-template-columns:.5fr 2fr 1fr .8fr .8fr;align-items:center;padding:.55rem .7rem;display:grid}.leaderboard-header{color:var(--text-muted);font-size:var(--type-0);text-transform:uppercase;letter-spacing:.08em;background:#141f32d1}.leaderboard-row{border-top:1px solid var(--color-line-1)}.pomodoro-grid{grid-template-columns:1.4fr 1fr}.pomodoro-main-area,.pomodoro-log,.focus-activity-card{border-radius:var(--radius-3);border:1px solid var(--color-line-1);box-shadow:var(--shadow-1), var(--inner-shadow);background:linear-gradient(160deg,#17243a94,#0c1320c7)}.pomodoro-main-area{padding:var(--space-5)}.recommendation-banner{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-3);box-shadow:var(--shadow-1), var(--glow-low);background:linear-gradient(128deg,#7c9eec3d,#6ad6ff26,#79d8c329);border:1px solid #a3c6ff57;display:flex}.recommendation-badge{font-size:var(--type-0);text-transform:uppercase;letter-spacing:.1em;color:#e8f2ff;border-radius:var(--radius-round);background:#ffffff24;border:1px solid #bdd6ff66;padding:.18rem .48rem;font-weight:700;display:inline-flex}.intention-input{text-align:center}.timer-ring-container{margin:var(--space-6) 0;place-items:center;display:grid;position:relative}.timer-ring-svg{width:min(100%,360px);height:auto}.timer-center{text-align:center;position:absolute}.timer-time{letter-spacing:-.04em;font-size:clamp(2.1rem,4vw,3.2rem);font-weight:620}.timer-phase{font-size:var(--type-0);text-transform:uppercase}.area-selector{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.area-pill{border:1px solid var(--color-line-1);border-radius:var(--radius-round);color:var(--text-secondary);font-size:var(--type-1);background:#ffffff08;padding:.24rem .65rem}.area-pill.active{color:#f2f8ff;border-color:color-mix(in srgb, var(--color,#8ab4ff) 56%, white 18%);background:color-mix(in srgb, var(--color,#8ab4ff) 28%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--color,#8ab4ff) 24%, transparent), 0 0 14px var(--shadow-color,#8ab4ff4d)}.timer-controls{justify-content:center;gap:var(--space-2);display:flex}.timer-btn{border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.timer-btn svg{width:20px;height:20px}.pomodoro-break-summary{text-align:center;color:var(--text-muted);font-size:var(--type-1)}.activity-map-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.focus-time-display{flex-direction:column;gap:.22rem;display:flex}.focus-time-val{letter-spacing:-.02em;font-size:1.3rem;font-weight:620}.focus-time-range{font-size:var(--type-0);color:var(--text-muted)}.activity-cell{transition:transform var(--dur-fast) var(--ease-spring), box-shadow var(--dur-fast) var(--ease-smooth)}.activity-cell:hover{transform:translateY(-2px)}.activity-legend{align-items:center;gap:var(--space-2);display:flex}.legend-item{font-size:var(--type-0);color:var(--text-secondary);align-items:center;gap:.3rem;display:inline-flex}.legend-box{border-radius:4px;width:.8rem;height:.55rem}.session-log{width:100%}.session-log-empty{padding:var(--space-4);text-align:center;color:var(--text-muted)}.session-timeline{flex-direction:column;gap:.45rem;display:flex}.session-item{align-items:flex-start;gap:var(--space-3);border:1px solid var(--color-line-1);transition:transform var(--dur-fast), border-color var(--dur-fast), box-shadow var(--dur-fast);background:#0d152394;border-radius:10px;padding:.56rem .6rem;display:flex}.session-item:hover{border-color:var(--color-line-2);transform:translateY(-1px)}.session-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.session-content{flex:1;min-width:0}.session-header{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.session-time{font-size:var(--type-0);color:var(--text-muted)}.session-duration{font-size:var(--type-2);font-weight:620}.session-area{font-size:var(--type-0);text-transform:uppercase;letter-spacing:.06em}.session-intention{font-size:var(--type-1);color:var(--text-secondary);margin-top:.18rem}.session-quality{margin-top:.3rem}.quality-badge{border-radius:var(--radius-round);color:#eaf4ff;font-size:var(--type-0);text-transform:uppercase;letter-spacing:.07em;background:#7aaeff3d;border:1px solid #a4c9ff80;padding:.1rem .46rem;display:inline-block}.quality-rating-overlay{z-index:70;-webkit-backdrop-filter:blur(var(--blur-1));backdrop-filter:blur(var(--blur-1));background:#060a12c7;place-items:center;display:grid;position:fixed;inset:0}.quality-rating-card{border-radius:var(--radius-3);width:min(420px,100vw - 2rem);box-shadow:var(--shadow-2), var(--glow-mid);padding:var(--space-6);text-align:center;animation:modal-in var(--dur-mid) var(--ease-spring);background:linear-gradient(160deg,#1f2f4cbd,#0c1422e6);border:1px solid #abcdff57}.quality-stars{align-items:center;gap:var(--space-2);margin:var(--space-4) 0 var(--space-2);display:inline-flex}.quality-star{color:#cedef866;width:40px;height:40px;transition:transform var(--dur-fast) var(--ease-spring), color var(--dur-fast), text-shadow var(--dur-fast);background:0 0;border:none;border-radius:10px}.quality-star:hover{transform:translateY(-1px)scale(1.05)}.quality-star.filled{color:#9cc6ff;text-shadow:0 0 16px #9cc6ff75}.quality-star.selected{transform:scale(1.08)}.quality-star svg{width:26px;height:26px}.quality-label{color:var(--text-secondary);min-height:1.4rem}.quality-countdown{margin-top:var(--space-3);flex-direction:column;align-items:center;gap:.42rem;display:flex}.countdown-bar{border-radius:var(--radius-round);background:#ffffff14;width:100%;height:5px;overflow:hidden}.countdown-progress{background:var(--accent-gradient);height:100%}.quality-confirmed{margin-top:var(--space-3);color:var(--text-accent)}.health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.health-card{padding:var(--space-5)}.checkin-grid,.marker-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.checkin-field,.settings-field,.control-group{flex-direction:column;gap:.35rem;display:flex}.checkin-field label,.settings-label{color:#edf3ff;font-size:var(--type-1);font-weight:570}.settings-helper{color:var(--text-muted);font-size:var(--type-0);line-height:1.4}.checkin-field.full-width{margin-top:var(--space-2)}.checkin-field textarea{resize:vertical;min-height:84px}.star-rating{gap:.28rem;display:inline-flex}.star{border:1px solid var(--color-line-1);width:1.8rem;height:1.8rem;color:var(--text-muted);background:#ffffff08;border-radius:8px}.star.active{color:#9cc6ff;box-shadow:var(--glow-low);border-color:#a5c8ff6b}.slider-field{align-items:center;gap:var(--space-2);display:flex}.slider-field input[type=range],.control-group input[type=range]{accent-color:#89bdff;width:100%}.trends-row{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.trend-card{padding:var(--space-4);border-radius:var(--radius-2)}.trend-sparkline{grid-template-columns:repeat(auto-fit,minmax(8px,1fr));align-items:end;gap:.2rem;min-height:56px;display:grid}.spark-bar{background:linear-gradient(#85c4fff2,#78a4eb7a);border-radius:5px 5px 2px 2px}.marker-form-card{padding:var(--space-4);border-radius:var(--radius-2);border:1px solid var(--color-line-1);background:#0e162594}.marker-list{margin-top:var(--space-3);flex-direction:column;gap:.35rem;display:flex}.marker-item{align-items:center;gap:var(--space-3);color:var(--text-secondary);border:1px solid var(--color-line-1);background:#0c13218c;border-radius:10px;padding:.42rem .55rem;display:flex}.marker-date{color:var(--text-muted);font-size:var(--type-0);min-width:6rem}.longevity-display{gap:var(--space-3);display:grid}.longevity-main{justify-content:space-between;gap:var(--space-3);display:flex}.longevity-bio-age .label{font-size:var(--type-0);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.longevity-bio-age .value{font-size:1.5rem;font-weight:620;display:block}.longevity-delta{font-size:var(--type-1);align-self:flex-end}.longevity-delta.positive{color:var(--success)}.longevity-delta.negative{color:var(--warning)}.longevity-score{align-items:baseline;gap:.3rem;display:flex}.score-value{color:#f4f8ff;font-size:2rem;font-weight:650;line-height:1}.score-max{color:var(--text-muted)}.longevity-factors{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;display:grid}.factor{border:1px solid var(--color-line-1);color:var(--text-secondary);font-size:var(--type-1);background:#ffffff08;border-radius:9px;justify-content:space-between;align-items:center;padding:.35rem .46rem;display:flex}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-card{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.settings-field-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.settings-input-with-suffix{position:relative}.settings-input-with-suffix .input{padding-right:3rem}.settings-suffix{color:var(--text-muted);font-size:var(--type-0);position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.settings-toggle-list{gap:var(--space-2);flex-direction:column;display:flex}.settings-toggle{border:1px solid var(--color-line-1);border-radius:var(--radius-2);width:100%;color:var(--text-primary);justify-content:space-between;align-items:center;gap:var(--space-2);background:#0d1421a8;padding:.72rem;display:flex}.settings-toggle.active{box-shadow:var(--glow-low);border-color:#a6cbff70}.settings-toggle-indicator{border-radius:var(--radius-round);border:1px solid var(--color-line-2);font-size:var(--type-0);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);padding:.2rem .55rem}.analytics-content,.analytics-overview,.analytics-focus,.analytics-habits,.analytics-health,.analytics-wheel{gap:var(--space-4);flex-direction:column;display:flex}.analytics-section{padding:var(--space-5)}.analytics-section-title{font-size:var(--type-4);margin-bottom:var(--space-3);font-weight:600}.analytics-card{border:1px solid var(--color-line-1);border-radius:var(--radius-2);padding:var(--space-4);background:#0e1524a6}.analytics-card-value{font-size:1.9rem;font-weight:650;line-height:1}.analytics-card-label{color:var(--text-muted);font-size:var(--type-1);margin-top:.2rem}.analytics-empty{border-radius:var(--radius-2);padding:var(--space-4);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:var(--space-3);background:#0f172680;border:1px dashed #c1d6f942;display:flex}.momentum-chart,.peak-hours-chart,.area-balance-chart,.sleep-focus-correlation,.habit-area-analytics,.health-correlations,.wheel-analytics,.weekly-report{border:1px solid var(--color-line-1);border-radius:var(--radius-2);padding:var(--space-4);background:#0e15249e}.momentum-current{align-items:baseline;gap:.5rem;display:flex}.momentum-number{font-size:2rem;font-weight:650}.momentum-trend{font-size:var(--type-2)}.momentum-sparkline{width:100%;margin-top:var(--space-2)}.momentum-labels{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--type-0);justify-content:space-between;display:flex}.peak-hours-summary{margin-bottom:var(--space-2);color:var(--text-secondary)}.peak-hours-grid{gap:var(--space-2);display:grid}.peak-hours-hours{grid-template-columns:repeat(8,1fr);gap:.3rem;margin-left:2.2rem;display:grid}.peak-hours-label{font-size:var(--type-0);color:var(--text-muted);text-align:center}.peak-hours-row{grid-template-columns:2rem repeat(24,1fr);align-items:center;gap:.2rem;display:grid}.peak-hours-day-label{color:var(--text-muted);font-size:var(--type-0)}.peak-hours-cell{aspect-ratio:1;border-radius:3px}.peak-hours-legend{margin-top:var(--space-2);font-size:var(--type-0);color:var(--text-muted);justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.peak-hours-legend-scale{gap:.2rem;display:inline-flex}.peak-hours-legend-cell{border-radius:4px;width:.7rem;height:.6rem}.area-balance-bars{flex-direction:column;gap:.48rem;display:flex}.area-balance-row{align-items:center;gap:var(--space-2);grid-template-columns:minmax(80px,.7fr) 1fr auto;display:grid}.area-balance-label,.habit-area-label,.wheel-group-label{color:var(--text-secondary);font-size:var(--type-1)}.area-balance-bar-container,.habit-area-bar-container,.wheel-group-bar-container{border-radius:var(--radius-round);background:#ffffff14;height:10px;overflow:hidden}.area-balance-bar,.habit-area-bar,.wheel-group-bar{border-radius:inherit;height:100%}.area-balance-value,.habit-area-value,.wheel-group-value{color:var(--text-secondary);font-size:var(--type-1);font-weight:570}.area-balance-timeline{margin-top:var(--space-3)}.area-balance-timeline-label{font-size:var(--type-0);color:var(--text-muted)}.area-balance-mini-bars{grid-template-columns:repeat(auto-fit,minmax(6px,1fr));align-items:end;gap:.2rem;height:40px;margin-top:.35rem;display:grid}.area-balance-mini-bar{border-radius:5px 5px 2px 2px}.correlation-stats,.correlation-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.correlation-value,.correlation-number{font-size:1.8rem;font-weight:650}.correlation-label,.correlation-desc{color:var(--text-secondary);font-size:var(--type-1)}.correlation-scatter{width:100%;max-width:320px;margin-top:var(--space-2)}.correlation-insight{margin-top:var(--space-2);color:var(--text-muted);font-size:var(--type-1)}.habit-area-bars,.wheel-group-bars,.wheel-axis-list{flex-direction:column;gap:.5rem;display:flex}.habit-area-row,.wheel-group-row,.wheel-axis-row{gap:var(--space-2);grid-template-columns:minmax(80px,.8fr) 1fr auto;align-items:center;display:grid}.wheel-axis-row{background:#ffffff08;border-left:3px solid #0000;border-radius:9px;grid-template-columns:auto 1fr auto;padding:.3rem .45rem}.wheel-insight{margin-top:var(--space-2);color:var(--text-muted);font-size:var(--type-1)}.health-correlations .correlation-matrix{margin-top:var(--space-3);flex-direction:column;gap:.24rem;display:flex}.correlation-row{align-items:center;gap:.24rem;display:flex}.correlation-axis-label{width:1.4rem;font-size:var(--type-0);color:var(--text-muted)}.correlation-cell{border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.correlation-axis-label-bottom{gap:.24rem;margin-left:1.6rem;display:flex}.correlation-axis-label-bottom span{text-align:center;width:34px;color:var(--text-muted);font-size:var(--type-0)}.weekly-report{padding:0;overflow:hidden}.weekly-report-header{align-items:center;gap:var(--space-4);padding:var(--space-4);cursor:pointer;display:flex}.weekly-report-header:hover{background:#ffffff08}.weekly-report-summary{gap:var(--space-3);margin-left:auto;display:flex}.weekly-report-stat{text-align:center}.weekly-report-stat-value{font-size:1.1rem;font-weight:620;display:block}.weekly-report-stat-label{font-size:var(--type-0);color:var(--text-muted);display:block}.weekly-report-body{padding:0 var(--space-4) var(--space-4);border-top:1px solid var(--color-line-1)}.weekly-report-section{margin-top:var(--space-3)}.weekly-report-section h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:var(--type-0);margin-bottom:.45rem}.weekly-report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.weekly-report-item{border:1px solid var(--color-line-1);background:#ffffff08;border-radius:9px;padding:.42rem .52rem}.weekly-report-item-value{font-weight:610;display:block}.weekly-report-item-label{color:var(--text-muted);font-size:var(--type-0)}.recommendations ul{gap:.4rem;list-style:none;display:grid}.recommendations li{color:var(--text-secondary);font-size:var(--type-1);background:#7badff1a;border:1px solid #b3ceff3d;border-radius:10px;padding:.45rem .55rem}.weekly-report-actions{margin-top:var(--space-3);justify-content:flex-end;display:flex}.wheel-page .wheel-stats{gap:var(--space-3);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.wheel-stat{padding:var(--space-3);flex-direction:column;gap:.22rem;display:flex}.wheel-stat-label{font-size:var(--type-0);color:var(--text-muted);text-transform:uppercase;letter-spacing:.09em}.wheel-stat-value{font-size:1.34rem;font-weight:620}.wheel-layout{gap:var(--space-4);grid-template-columns:1.25fr .75fr;display:grid}.wheel-main{border-radius:var(--radius-3);border:1px solid var(--color-line-1);padding:var(--space-5);background:linear-gradient(165deg,#18243a99,#0d1524cc);position:relative}.wheel-expand-btn{border:1px solid var(--color-line-1);width:1.8rem;height:1.8rem;color:var(--text-secondary);background:#0b111db3;border-radius:9px;position:absolute;top:.65rem;right:.65rem}.wheel-sidebar{gap:var(--space-4);display:grid}.wheel-snapshots,.wheel-group-legend{padding:var(--space-4)}.wheel-snapshot-list{flex-direction:column;gap:.45rem;display:flex}.wheel-snapshot-item{justify-content:space-between;align-items:center;gap:var(--space-3);border:1px solid var(--color-line-1);background:#ffffff08;border-radius:10px;padding:.45rem .55rem;display:flex}.wheel-snapshot-date{color:var(--text-secondary);font-size:var(--type-1)}.wheel-snapshot-sparkline{grid-template-columns:repeat(10,1fr);align-items:end;gap:.15rem;width:78px;height:34px;display:grid}.wheel-legend-items{flex-direction:column;gap:.5rem;display:flex}.wheel-legend-group{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.legend-group-name{color:var(--text-secondary);font-size:var(--type-1)}.legend-group-axes{gap:.3rem;display:inline-flex}.legend-axis-dot{color:#fff;border-radius:50%;place-items:center;width:1rem;height:1rem;font-size:.56rem;display:grid}.wheel-container{gap:var(--space-4);display:grid}.wheel-svg{width:100%;height:auto}.wheel-sliders-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.wheel-slider-card{padding:var(--space-4)}.wheel-slider-header{align-items:center;gap:.42rem;display:inline-flex}.wheel-slider-header .dot{border-radius:50%;width:.52rem;height:.52rem}.wheel-slider-controls{margin-top:var(--space-2);gap:var(--space-2);display:grid}.command-palette-overlay{z-index:80;-webkit-backdrop-filter:blur(var(--blur-1));background:#060b13b8;place-items:start center;padding-top:clamp(72px,12vh,120px);display:grid;position:fixed;inset:0}.command-palette{border-radius:var(--radius-3);width:min(640px,100vw - 1.5rem);box-shadow:var(--shadow-3), var(--glow-high);animation:modal-in var(--dur-mid) var(--ease-spring);background:linear-gradient(165deg,#1c2b46d1,#0a111cf0);border:1px solid #afcfff6b;overflow:hidden}.command-palette-search{align-items:center;gap:var(--space-2);border-bottom:1px solid var(--color-line-1);grid-template-columns:auto 1fr;padding:.75rem .85rem;display:grid}.command-palette-icon{font-family:var(--font-mono);font-size:var(--type-0);color:var(--text-muted);border:1px solid var(--color-line-1);border-radius:8px;padding:.18rem .34rem}.command-palette-input{color:var(--text-primary);font:inherit;background:0 0;border:none;outline:none}.command-palette-list{gap:.3rem;max-height:min(420px,60vh);padding:.4rem;display:grid;overflow:auto}.command-item{border-radius:var(--radius-1);width:100%;color:inherit;text-align:left;justify-content:space-between;align-items:center;gap:var(--space-2);background:0 0;border:1px solid #0000;padding:.56rem .62rem;display:flex}.command-item.active{box-shadow:var(--glow-low);background:linear-gradient(120deg,#80a1f43d,#6cd2ff24);border-color:#a7caff80}.command-item-main{flex-direction:column;gap:.12rem;display:flex}.command-item-label{font-size:var(--type-2);color:var(--text-primary)}.command-item-hint{font-size:var(--type-0);color:var(--text-muted)}.command-palette-empty{color:var(--text-muted);padding:.7rem}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1240px){.dashboard-command-grid,.dashboard-bottom-grid,.pomodoro-grid,.settings-grid,.health-grid,.wheel-layout{grid-template-columns:1fr}.wheel-page .wheel-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.app-layout{padding:var(--space-3);grid-template-columns:1fr}.sidebar{width:100%;padding:var(--space-4) 0}.sidebar.collapsed{display:none}.sidebar-toggle-fixed{left:var(--space-3);top:var(--space-3)}.topbar{flex-direction:column;align-items:stretch}.topbar-right{justify-content:space-between}.topbar-search{width:100%;min-width:0}.app-main{padding:var(--space-4)}.settings-field-grid,.checkin-grid,.marker-grid,.weekly-report-grid{grid-template-columns:1fr}.page-header{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}}html[data-reduced-motion=true] *,html[data-reduced-motion=true] :before,html[data-reduced-motion=true] :after{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}