:root{--bento-white:#fff;--bento-orange-primary:#f67001;--bento-orange-glow:#f6700133;--bento-orange-border:#f67001cc;--bento-border-color:#2a2a2dcc;--bento-background-dark:#1c1c1ed9}.card-grid{gap:.5em;width:100%;padding:0;font-size:clamp(1rem,.9rem + .5vw,1.25rem);display:grid}.card-grid--results,.card-grid--pair{grid-template-columns:1fr;gap:1rem}.magic-bento-card{border:1px solid var(--bento-border-color);background:var(--bento-background-dark);--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px;border-radius:1.5rem;flex-direction:column;justify-content:space-between;width:100%;max-width:100%;min-height:160px;padding:1.25em;font-weight:300;transition:all .3s;display:flex;position:relative;overflow:hidden}.magic-bento-card:hover{transform:translateY(-2px)}.magic-bento-card__header,.magic-bento-card__content{color:var(--bento-white);z-index:2;display:flex;position:relative}.magic-bento-card__header{justify-content:space-between;gap:.75em}.magic-bento-card__content{flex-direction:column}.magic-bento-card__label{letter-spacing:.1em;text-transform:uppercase;color:#8e8e93;font-size:11px}.magic-bento-card__title{font-size:1.75rem;font-weight:500;font-family:var(--font-dm-mono), monospace;margin:.5em 0 .25em}.magic-bento-card__title--highlight{color:#d4ff70}.magic-bento-card__description{color:#8e8e93;font-size:12px;line-height:1.4}.magic-bento-card__description--lime{color:#d4ff70}.magic-bento-card__description--red{color:#f44336}.magic-bento-card--text-autohide .magic-bento-card__title,.magic-bento-card--text-autohide .magic-bento-card__description{text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.magic-bento-card--text-autohide .magic-bento-card__title{-webkit-line-clamp:1;line-clamp:1}.magic-bento-card--text-autohide .magic-bento-card__description{-webkit-line-clamp:2;line-clamp:2}@media (min-width:640px){.card-grid--results,.card-grid--pair{grid-template-columns:repeat(2,1fr)}}.magic-bento-card--border-glow:after{content:"";background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y), rgba(var(--glow-color), calc(var(--glow-intensity) * .8)) 0%, rgba(var(--glow-color), calc(var(--glow-intensity) * .4)) 30%, transparent 60%);border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:1;z-index:1;padding:6px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.magic-bento-card--border-glow:hover{box-shadow:0 4px 20px #f6700126, 0 0 30px var(--bento-orange-glow)}.particle-container{position:relative;overflow:hidden}.magic-bento-card--overflow-visible{overflow:visible!important}.particle:before{content:"";z-index:-1;background:#f6700133;border-radius:50%;position:absolute;inset:-2px}.particle-container:hover{box-shadow:0 4px 20px #f670011f, 0 0 30px var(--bento-orange-glow)}.global-spotlight{mix-blend-mode:screen;will-change:transform, opacity;pointer-events:none;z-index:200!important}.bento-section{-webkit-user-select:none;user-select:none;position:relative}.magic-bento-card.surface-elevated-inner{background:var(--surface-elevated);border-color:#ffffff80}