@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Sora:wght@600;700&display=swap";
*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}::selection{color:var(--color-primary-foreground);background:var(--color-primary)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.brand-mark{color:#fff;background:var(--gradient-brand);width:34px;height:34px;box-shadow:var(--shadow-sm);border-radius:10px;flex:none;place-items:center;display:grid}.trend-chart{border-bottom:1px solid var(--color-border-subtle);background-image:linear-gradient(var(--color-border-subtle) 1px, transparent 1px);background-size:100% 25%;grid-template-columns:repeat(12,minmax(18px,1fr));align-items:end;gap:clamp(6px,1.2vw,14px);height:220px;padding-top:24px;display:grid}.trend-bar{background:var(--gradient-brand);opacity:.86;transform-origin:bottom;min-height:10px;animation:chart-rise .5s var(--ease-standard) both;border-radius:7px 7px 2px 2px;position:relative}.trend-bar:hover{opacity:1;filter:saturate(1.12)}.trend-bar:after{content:attr(data-label);color:var(--color-text-muted);font-size:.68rem;font-weight:600;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}@keyframes chart-rise{0%{opacity:0;transform:scaleY(.2)}}.activity-dot{background:var(--color-accent);width:10px;height:10px;box-shadow:0 0 0 5px var(--color-accent-soft);border-radius:999px;flex:none}.upload-zone{cursor:pointer;text-align:center;border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);min-height:116px;transition:border-color var(--transition-fast), background var(--transition-fast);place-items:center;padding:20px;display:grid}.upload-zone:hover,.upload-zone:focus-within{border-color:var(--color-accent);background:var(--color-accent-soft)}@media (max-width:600px){.trend-chart{gap:5px;height:180px}.trend-bar:after{font-size:.58rem}}