.hm-wrap{--hm-0:color-mix(in oklab,var(--bg-sunken) 70%,var(--bg-card));--hm-1:color-mix(in oklab,var(--brand-500) 22%,var(--bg-card));--hm-2:color-mix(in oklab,var(--brand-500) 42%,var(--bg-card));--hm-3:color-mix(in oklab,var(--brand-500) 66%,var(--bg-card));--hm-4:var(--brand-500);--hm-edge:color-mix(in oklab,var(--ink-900) 7%,transparent);position:relative;display:inline-flex;flex-direction:column;gap:8px}.hm-grid-area{box-sizing:content-box}.hm-grid,.hm-grid-area{position:relative}.hm-cell{position:absolute;border-radius:2.5px;background:var(--hm-0);box-shadow:inset 0 0 0 1px var(--hm-edge);transition:transform .12s ease,box-shadow .12s ease}.hm-cell[data-tier="1"]{background:var(--hm-1);box-shadow:none}.hm-cell[data-tier="2"]{background:var(--hm-2);box-shadow:none}.hm-cell[data-tier="3"]{background:var(--hm-3);box-shadow:none}.hm-cell[data-tier="4"]{background:var(--hm-4);box-shadow:none}.hm-cell:focus-visible,.hm-cell:hover{transform:scale(1.18);box-shadow:0 0 0 1.5px color-mix(in oklab,var(--brand-500) 60%,transparent);outline:none;z-index:2}.hm-months{position:absolute;pointer-events:none}.hm-month{position:absolute;top:0;font-size:10px;color:var(--ink-400);font-family:var(--font-pixel-ui);white-space:nowrap}.hm-weekdays{position:absolute;left:0;width:14px;pointer-events:none}.hm-weekday{position:absolute;left:0;font-size:9px}.hm-legend,.hm-weekday{color:var(--ink-400);font-family:var(--font-pixel-ui)}.hm-legend{display:inline-flex;align-items:center;gap:4px;font-size:10px}.hm-legend-text{margin:0 2px}.hm-legend-cell{width:10px;height:10px;border-radius:2.5px;background:var(--hm-0);box-shadow:inset 0 0 0 1px var(--hm-edge)}.hm-legend-cell[data-tier="1"]{background:var(--hm-1);box-shadow:none}.hm-legend-cell[data-tier="2"]{background:var(--hm-2);box-shadow:none}.hm-legend-cell[data-tier="3"]{background:var(--hm-3);box-shadow:none}.hm-legend-cell[data-tier="4"]{background:var(--hm-4);box-shadow:none}.hm-tip{position:absolute;transform:translate(-50%,calc(-100% - 8px));background:var(--bg-inverse);color:var(--ink-inv);padding:5px 9px;border-radius:var(--r-sm);font-size:11px;line-height:1.35;white-space:nowrap;pointer-events:none;z-index:10;box-shadow:var(--sh-3);display:flex;flex-direction:column;gap:1px}.hm-tip strong{font-weight:700;font-family:var(--font-pixel-ui)}.hm-tip span{opacity:.78;font-size:10px}.hm-tip:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%) rotate(45deg);width:7px;height:7px;background:var(--bg-inverse)}.hm-empty{font-size:12px;color:var(--ink-400);padding:10px 0}@media (prefers-reduced-motion:reduce){.hm-cell{transition:none}.hm-cell:focus-visible,.hm-cell:hover{transform:none}}.share-card-dialog{max-width:560px!important;width:calc(100% - 2rem)}.share-card-tabs{display:inline-flex;gap:4px;padding:3px;border-radius:var(--r-pill);background:var(--bg-sunken);width:fit-content}.sct-tab{appearance:none;border:none;background:transparent;padding:5px 16px;border-radius:var(--r-pill);font-size:12px;font-family:var(--font-pixel-ui);color:var(--ink-500);cursor:pointer;transition:background .15s ease,color .15s ease}.sct-tab:hover:not(:disabled){color:var(--ink-800)}.sct-tab.on{background:var(--bg-card);color:var(--brand-500);box-shadow:var(--sh-1)}.sct-tab:disabled{opacity:.45;cursor:not-allowed}.share-card-preview{display:flex;justify-content:center;padding:6px 0 2px}.share-card-canvas{display:block;width:100%;max-width:440px;height:auto;border-radius:var(--r-xl);box-shadow:var(--sh-3)}.share-card-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.scf-btn{appearance:none;border:1px solid var(--line-2);background:var(--bg-card);color:var(--ink-700);padding:8px 18px;border-radius:var(--r-md);font-size:13px;font-family:var(--font-pixel-ui);cursor:pointer;transition:background .15s ease,border-color .15s ease}.scf-btn:hover{background:var(--bg-hover)}.scf-btn.primary{background:var(--brand-500);border-color:var(--brand-500);color:#fff}.scf-btn.primary:hover{background:var(--brand-600)}.scf-btn:disabled{opacity:.6;cursor:progress}:where([data-theme=dark],.dark) .scf-btn.primary{color:#16162B}.streak-card{display:flex;flex-direction:column;gap:14px;padding:18px 20px}.streak-head{align-items:flex-start;justify-content:space-between;gap:16px}.streak-head,.streak-kpis{display:flex;flex-wrap:wrap}.streak-kpis{align-items:baseline;gap:26px}.streak-kpi{display:flex;flex-direction:column;gap:2px}.streak-kpi .sk-num{font-size:30px;line-height:1;font-weight:700;color:var(--ink-900);font-variant-numeric:tabular-nums}.streak-kpi.primary .sk-num{font-size:38px;color:var(--brand-500)}.streak-kpi .sk-label{font-size:11px;color:var(--ink-400);font-family:var(--font-pixel-ui)}.streak-kpi.muted .sk-num{color:var(--ink-600);font-size:24px}.streak-share-btn{appearance:none;border:1px solid color-mix(in oklab,var(--brand-500) 32%,var(--line-2));background:color-mix(in oklab,var(--brand-500) 8%,var(--bg-card));color:var(--brand-500);padding:7px 16px;border-radius:var(--r-pill);font-size:12px;font-family:var(--font-pixel-ui);cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:background .15s ease,transform .12s ease,border-color .15s ease}.streak-share-btn:hover{background:color-mix(in oklab,var(--brand-500) 14%,var(--bg-card));transform:translateY(-1px)}.streak-share-btn span[aria-hidden]{color:var(--accent-warm)}.streak-encourage{margin:0;font-size:13px;color:var(--ink-600);line-height:1.5}.streak-heat{overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.streak-heat::-webkit-scrollbar{height:6px}.streak-heat::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:var(--r-pill)}.streak-card.is-empty{gap:12px}.streak-empty{display:flex;flex-direction:column;gap:10px;padding:12px 2px 4px}.se-row{display:flex;align-items:center;gap:4px}.se-cell{width:13px;height:13px;border-radius:3px;background:color-mix(in oklab,var(--bg-sunken) 70%,var(--bg-card));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ink-900) 7%,transparent)}.se-cell.lit{background:var(--brand-500);box-shadow:none;animation:se-pulse 2.4s ease-in-out infinite}.se-cell.dim{background:color-mix(in oklab,var(--brand-500) 38%,var(--bg-card));box-shadow:none}.se-arrow{color:var(--ink-400);font-size:13px;margin:0 3px}.se-sprout{font-size:15px;line-height:1}.se-line{margin:0;font-size:12.5px;color:var(--ink-500);line-height:1.6}@keyframes se-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.streak-share-btn:hover{transform:none}.se-cell.lit{animation:none}}.streak-card-compact{display:flex;align-items:center;gap:14px;padding:8px 12px;border-radius:var(--r-lg);background:color-mix(in oklab,var(--brand-500) 5%,var(--bg-card));border:1px solid color-mix(in oklab,var(--brand-500) 16%,transparent);font-family:var(--font-pixel-ui);min-width:0}.streak-card-compact .skc-kpis{display:flex;align-items:baseline;gap:12px;flex:0 0 auto}.streak-card-compact .skc-kpi{display:flex;align-items:baseline;gap:3px;font-size:11px;color:var(--ink-500);white-space:nowrap}.streak-card-compact .skc-kpi b{font-size:16px;line-height:1;color:var(--ink-900)}.streak-card-compact .skc-kpi.primary b{color:var(--brand-600)}.streak-card-compact .skc-kpi.muted,.streak-card-compact .skc-kpi.muted b{color:var(--ink-400)}.streak-card-compact .skc-kpi i{font-style:normal}.streak-card-compact .skc-heat{flex:1 1 auto;min-width:0;display:flex;justify-content:flex-end;overflow:hidden}.streak-card-compact .skc-empty{flex:1 1 auto;text-align:right;font-size:11.5px;color:var(--ink-500)}.streak-card-compact .skc-share{flex:0 0 auto;display:inline-flex;align-items:center;gap:3px;padding:3px 9px;border-radius:var(--r-pill,999px);font-size:11px;font-family:var(--font-pixel-ui);color:var(--brand-600);background:color-mix(in oklab,var(--brand-500) 10%,transparent);border:1px solid color-mix(in oklab,var(--brand-500) 24%,transparent);cursor:pointer}.streak-card-compact .skc-share:hover{background:color-mix(in oklab,var(--brand-500) 16%,transparent)}