.ring{flex-direction:column;align-items:center;gap:.4rem;display:inline-flex}.ring-box{aspect-ratio:1;width:100%;max-width:110px;position:relative}.ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-track{fill:none;stroke:currentColor;opacity:.12}.ring-bar{fill:none;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.22,1,.36,1)}.ring-value{place-items:center;font-family:Fraunces,serif;font-size:1.3rem;font-weight:600;display:grid;position:absolute;inset:0}.ring-label{letter-spacing:.04em;opacity:.8;font-size:.8rem;font-weight:600}@media (prefers-reduced-motion:reduce){.ring-bar{transition:none}}
.confetti{pointer-events:none;z-index:80;position:fixed;inset:0;overflow:hidden}.confetti-piece{opacity:0;border-radius:3px;width:10px;height:16px;animation:2.6s ease-in forwards confetti-fall;position:absolute;top:-12px}@keyframes confetti-fall{0%{opacity:1;transform:translate(0,0)rotate(0)}to{transform:translate3d(var(--drift), 105vh, 0) rotate(var(--spin));opacity:.9}}
.dash{padding-top:1.5rem;padding-bottom:4rem}.dash-head{margin-bottom:1.5rem}.dash-date{opacity:.7;margin:0 0 .25rem;font-weight:600}.dash-grid{grid-template-columns:1fr;gap:1rem;display:grid}.dash-grid .card{border-radius:24px;padding:1.25rem}.dash-grid h2{justify-content:space-between;align-items:baseline;margin:0 0 1rem;font-family:Fraunces,serif;font-size:1.25rem;display:flex}.dash-count{color:var(--color-coral);font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;font-weight:700}.rings-row{flex-wrap:wrap;justify-content:space-around;gap:.75rem;display:flex}.habit-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.habit-row{border:1px solid color-mix(in srgb, var(--color-ink) 12%, transparent);background:var(--color-surface);width:100%;min-height:52px;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:.75rem;padding:.5rem .85rem;transition:transform .2s,background .2s;display:flex}.habit-row:hover{transform:translate(3px)}.habit-row[aria-pressed=true]{background:color-mix(in srgb, var(--color-mint) 28%, transparent)}.habit-row[aria-pressed=true] .habit-name{opacity:.7;text-decoration:line-through}.habit-check{border:2px solid var(--color-coral);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:.8rem;font-weight:800;display:grid}.habit-row[aria-pressed=true] .habit-check{background:var(--color-coral);color:#fff}.habit-name{flex:1;font-weight:600}.habit-streak{font-size:.85rem;font-weight:700}.dash-win{color:var(--color-coral);margin:0 0 .75rem;font-weight:700}.mood-row{justify-content:space-between;gap:.5rem;display:flex}.mood-btn{background:var(--color-surface);cursor:pointer;border:2px solid #0000;border-radius:16px;flex:1;min-height:52px;font-size:1.6rem;transition:transform .2s}.mood-btn:hover{transform:scale(1.1)}.mood-btn[aria-pressed=true]{border-color:var(--color-lilac);background:color-mix(in srgb, var(--color-lilac) 30%, transparent)}.dash-note{opacity:.8;margin:.75rem 0 0;font-size:.9rem}.bars{align-items:flex-end;gap:.5rem;height:170px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:.25rem;height:100%;display:flex}.bar{background:linear-gradient(180deg, var(--color-lilac), var(--color-coral));transform-origin:bottom;border-radius:10px 10px 4px 4px;width:100%;max-width:34px;animation:.8s both grow}.bar-val,.bar-day{font-size:.75rem;font-weight:600}.bar-day{opacity:.7}.glasses{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.glass-btn{border:1px solid color-mix(in srgb, var(--color-ink) 12%, transparent);background:var(--color-surface);cursor:pointer;filter:grayscale();opacity:.5;border-radius:16px;min-height:56px;font-size:1.4rem;transition:transform .2s,opacity .2s}.glass-btn[aria-pressed=true]{filter:none;opacity:1;background:color-mix(in srgb, var(--color-mint) 30%, transparent)}.glass-btn:hover{transform:translateY(-2px)}.dash-insight{background:linear-gradient(135deg, var(--color-lilac), var(--color-coral));color:#fff}.dash-insight h2{color:#fff;font-size:1.4rem;display:block}.dash-insight p{margin:0}.dash-insight .dash-kicker{letter-spacing:.06em;text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem;font-weight:700}.dash-rings .rings-row{align-items:flex-end}.dash-mood{flex-direction:column;display:flex}.dash-sleep{overflow:hidden}.dash-water{flex-direction:column;display:flex}@keyframes grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (min-width:720px){.dash-grid{grid-template-columns:repeat(2,1fr)}.dash-habits{grid-row:span 2}}@media (min-width:1100px){.dash-grid{grid-template-columns:repeat(3,1fr)}.dash-insight{grid-column:span 2}}@media (prefers-reduced-motion:reduce){.bar{animation:none}.habit-row,.mood-btn,.glass-btn{transition:none}.habit-row:hover,.mood-btn:hover,.glass-btn:hover{transform:none}}