.bento-grid{grid-template-columns:1fr;gap:6px;width:100%;display:grid}@media (min-width:640px){.bento-grid{grid-template-columns:repeat(2,1fr);gap:6px}}@media (min-width:1024px){.bento-grid{grid-template-columns:repeat(4,1fr);gap:8px}}@media (min-width:1440px){.bento-grid{gap:10px}}.bento-full{grid-column:1/-1}@media (min-width:640px){.bento-sm-1{grid-column:span 1}.bento-sm-2{grid-column:span 2}}@media (min-width:1024px){.bento-lg-1{grid-column:span 1}.bento-lg-2{grid-column:span 2}.bento-lg-3{grid-column:span 3}.bento-lg-4{grid-column:span 4}}@media (min-width:640px){.bento-row-2{grid-row:span 2}.bento-row-3{grid-row:span 3}}@media (min-width:1024px){.bento-grid{grid-auto-rows:minmax(0,auto)}}.bento-card{border-radius:20px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.bento-card:after{content:"";border-radius:inherit;pointer-events:none;z-index:1;border:1px solid color-mix(in srgb,var(--foreground)7%,transparent);transition:border-color .3s;position:absolute;inset:0}.dark .bento-card:after{border-color:#ffffff0f}.bento-card>div:first-child{-webkit-backdrop-filter:blur(20px)saturate(1.6);height:100%;background:color-mix(in srgb,var(--card)85%,transparent)!important;border:none!important;border-radius:20px!important}.dark .bento-card>div:first-child{background:color-mix(in srgb,var(--card)72%,transparent)!important}@media (hover:hover){.bento-card:hover{will-change:transform;transform:translateY(-3px)scale(1.01);box-shadow:0 12px 40px #0000001a,0 4px 12px #0000000d}.bento-card:hover:after{border-color:color-mix(in srgb,var(--primary)20%,transparent)}.dark .bento-card:hover{box-shadow:0 12px 40px #00000059,0 4px 12px #0003}}.bento-card:active{transition-duration:.12s;transform:scale(.975)}.bento-hero{border-radius:24px}.bento-hero>div:first-child{-webkit-backdrop-filter:blur(32px)saturate(2);background:linear-gradient(135deg,color-mix(in srgb,var(--primary)12%,var(--card))0%,color-mix(in srgb,var(--primary)3%,var(--card))100%)!important;border-radius:24px!important}.dark .bento-hero>div:first-child{background:linear-gradient(135deg,color-mix(in srgb,var(--primary)20%,var(--card))0%,color-mix(in srgb,var(--primary)5%,var(--card))100%)!important}.bento-hero:after{border-color:color-mix(in srgb,var(--primary)18%,transparent)}.bento-compact>div:first-child [data-slot=card-content]{padding:10px 12px}.bento-compact>div:first-child [data-slot=card-header]{padding:10px 12px 2px}.bento-pill-bar{background:color-mix(in srgb,var(--muted)65%,transparent);-webkit-backdrop-filter:blur(14px);border-radius:14px;align-items:center;padding:5px 10px;display:flex}.dark .bento-pill-bar{background:color-mix(in srgb,var(--muted)40%,transparent)}.bento-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:0 2px 2px;display:flex}.bento-header h1{letter-spacing:-.025em;font-size:1.35rem;font-weight:800}.bento-inner-grid{grid-template-columns:1fr;gap:6px;width:100%;display:grid}@media (min-width:640px){.bento-inner-grid{grid-template-columns:repeat(2,1fr);gap:6px}}@media (min-width:1024px){.bento-inner-grid{grid-template-columns:repeat(4,1fr);gap:8px}}