:root{color-scheme:light dark;--color-bg: #fff5f7;--color-text: #4a1128;--color-text-muted: #9d6b7d;--color-accent: #db2777;--color-card-bg: rgba(255, 255, 255, .55);--color-card-border: rgba(219, 39, 119, .18);--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2.5rem;--space-6: 4rem;--font-size-label: clamp(.875rem, 1.5vw, 1.125rem);--font-size-number: clamp(4rem, 20vw, 12rem);--font-size-subtitle: clamp(1rem, 2vw, 1.25rem);--font-size-stat: clamp(1.5rem, 6vw, 2.75rem)}@media(prefers-color-scheme:dark){:root{--color-bg: #1a0e14;--color-text: #fce7f0;--color-text-muted: #c88ba3;--color-accent: #f472b6;--color-card-bg: rgba(40, 15, 25, .45);--color-card-border: rgba(244, 114, 182, .22)}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);overflow-x:hidden}#hearts-bg{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.floating-heart{position:absolute;bottom:-10vh;width:1.5rem;height:1.5rem;color:var(--color-accent);opacity:0;animation-name:floatUp;animation-timing-function:ease-in;animation-iteration-count:infinite}.floating-heart svg{width:100%;height:100%;fill:currentColor}@keyframes floatUp{0%{transform:translate(0);opacity:0}10%{opacity:.55}50%{transform:translate(4vw,-55vh)}90%{opacity:.4}to{transform:translate(-3vw,-110vh);opacity:0}}@media(prefers-reduced-motion:reduce){.floating-heart{animation:none;opacity:.3;bottom:auto}}body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}#app{position:relative;z-index:1;width:92vw;max-width:32rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);border-radius:1.5rem;background:var(--color-card-bg);border:1px solid var(--color-card-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.profiles{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.profile{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.avatar{width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:var(--color-bg);background:var(--color-accent)}.profile-name{font-weight:600;font-size:.95rem}.profile-date{font-size:.8rem;color:var(--color-text-muted)}.profile-heart{width:1.25rem;height:1.25rem;fill:var(--color-accent);flex-shrink:0}.label{font-size:var(--font-size-label);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.counter{font-size:var(--font-size-number);font-weight:800;color:var(--color-accent);line-height:1;margin:var(--space-2) 0}.breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);width:100%;margin:var(--space-2) 0}.breakdown[hidden]{display:none}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:var(--font-size-stat);font-weight:800;color:var(--color-accent);line-height:1;font-variant-numeric:tabular-nums}.stat-label{font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-1)}.subtitle{font-size:var(--font-size-subtitle);color:var(--color-text-muted);max-width:32ch}.mode-toggle{display:inline-flex;border:1px solid var(--color-card-border);border-radius:999px;padding:.25rem;background:#ffffff26;cursor:pointer;font:inherit}.mode-toggle-option{padding:.35rem .9rem;border-radius:999px;font-size:.85rem;color:var(--color-text-muted);transition:background-color .2s ease,color .2s ease}.mode-toggle-option.is-active{background:var(--color-accent);color:var(--color-bg)}@media(max-width:380px){.profiles{flex-direction:column;gap:var(--space-2)}.profile-heart{transform:rotate(90deg)}}@media(min-width:640px){.breakdown{grid-template-columns:repeat(6,1fr)}#app{padding:var(--space-6) var(--space-5)}}