.task-card{--task-heat:transparent}.task-card[data-heat-level="1"]{--task-heat:var(--heatmap-1)}.task-card[data-heat-level="2"]{--task-heat:var(--heatmap-2)}.task-card[data-heat-level="3"]{--task-heat:var(--heatmap-3)}.task-card[data-heat-level="4"]{--task-heat:var(--heatmap-4)}.task-card[data-heat-level]:not([data-heat-level="0"]){border-top-color:var(--task-heat);background:radial-gradient(circle at 86% 8%,color-mix(in srgb,var(--task-heat) 17%,transparent),transparent 36%),var(--surface-muted);box-shadow:inset 0 2px color-mix(in srgb,var(--task-heat) 75%,transparent),0 8px 24px color-mix(in srgb,var(--task-heat) 12%,transparent)}.task-card.status-active{--task-heat:var(--tracking);background:radial-gradient(circle at 86% 8%,color-mix(in srgb,var(--tracking) 24%,transparent),transparent 42%),var(--surface-muted)}.task-heat-label{display:block;margin:0 0 7px;color:color-mix(in srgb,var(--task-heat) 75%,var(--text-muted));font-size:8px;font-weight:750}.login-streak{--streak-color:var(--heatmap-1);min-height:32px;padding:4px 8px;display:inline-flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--streak-color) 45%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--streak-color) 9%,var(--surface-muted));color:var(--text-muted);font-size:9px}.login-streak[data-level="2"]{--streak-color:var(--heatmap-2)}.login-streak[data-level="3"]{--streak-color:var(--heatmap-3)}.login-streak[data-level="4"]{--streak-color:var(--heatmap-4);box-shadow:0 0 14px color-mix(in srgb,var(--streak-color) 22%,transparent)}.login-streak i{color:var(--streak-color);font-style:normal}.login-streak b{min-width:20px;padding:2px 5px;border-radius:99px;background:color-mix(in srgb,var(--streak-color) 16%,transparent);color:var(--text);font:800 9px Consolas,monospace}.streak-style-setting{margin-top:18px;padding-top:16px;display:flex;align-items:end;gap:10px;border-top:1px solid var(--border)}.streak-style-setting label{flex:1;display:grid;gap:7px;color:var(--text-muted);font-size:11px}@media(max-width:620px){.login-streak>span{display:none}.streak-style-setting{align-items:stretch;flex-direction:column}}@media(prefers-reduced-motion:reduce){.login-streak,.task-card{transition:none!important}}