.bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.bento-card{--i:0;background:var(--white);border:1px solid var(--line);min-width:0;color:var(--ink);animation:.7s cubic-bezier(.2,.8,.2,1) both bento-rise;animation-delay:calc(var(--i) * 80ms);border-radius:20px;flex-direction:column;gap:10px;padding:20px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s cubic-bezier(.2,.8,.2,1);display:flex}.bento-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px -20px #17201b80}.bento-hero{background:var(--deep-green);border-color:var(--deep-green);color:var(--white);grid-area:span 2/span 3;position:relative;overflow:hidden}.bento-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#c9e36b47,#0000 70%);border-radius:50%;width:240px;height:240px;position:absolute;top:-90px;right:-80px}.bento-wide{grid-area:span 2/span 3}.bento-third{grid-column:span 2}.bento-label{color:var(--muted);margin:0;font-size:13px;font-weight:600}.bento-hero .bento-label{color:var(--on-dark-muted)}.bento-big{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(56px,9vw,96px);font-weight:800;line-height:.9}.bento-stat{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:36px;font-weight:800;line-height:1}.bento-stat small{font-family:var(--font-body);color:var(--muted);margin-left:4px;font-size:14px;font-weight:600}.bento-note{color:var(--muted);margin:0;font-size:13px}.bento-chips{z-index:1;flex-wrap:wrap;gap:8px;margin-top:auto;display:flex;position:relative}.bento-chip{color:var(--white);font-variant-numeric:tabular-nums;background:#ffffff1a;border-radius:999px;padding:6px 12px;font-size:13px}.bento-chip b{color:var(--lime);font-weight:700}.bento-action{z-index:1;align-self:flex-start;position:relative}.bento-hero .bento-action{animation:1.6s 1s 2 bento-glow}.bento-bars{flex:1;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:end;gap:10px;min-height:160px;padding-top:20px;display:grid}.bento-col{grid-template-rows:1fr auto;gap:6px;height:100%;display:grid}.bento-bar{--b:0;transform-origin:bottom;min-height:6px;animation:.8s cubic-bezier(.2,.8,.2,1) both bento-grow;animation-delay:calc(.35s + var(--b) * 60ms);background:#c7d6cd;border-radius:10px 10px 4px 4px;align-self:end;position:relative}.bento-bar.on{background:var(--sage)}.bento-bar.now{background:repeating-linear-gradient(135deg, var(--sage) 0 6px, var(--sage-tint) 6px 10px)}.bento-bar.alert{background:var(--amber)}.bento-bar span{text-align:center;font:500 12px var(--font-mono);color:var(--muted);font-variant-numeric:tabular-nums;position:absolute;top:-20px;left:0;right:0}.bento-bar-label{text-align:center;color:var(--muted);overflow-wrap:anywhere;font-size:11px}@keyframes bento-rise{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}@keyframes bento-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes bento-glow{50%{filter:drop-shadow(0 0 10px #c9e36b8c)}}@media (max-width:860px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-hero,.bento-wide{grid-area:auto/span 2}.bento-third{grid-column:span 1}}@media (max-width:480px){.bento-third{grid-column:span 2}}@media (prefers-reduced-motion:reduce){.bento-card,.bento-bar,.bento-hero .bento-action{animation:none}.bento-card{transition:none}}