.magic-bento-grid{gap:.5em;max-width:54em;padding:.75em;font-size:clamp(1rem,.9rem + .5vw,1.5rem);display:grid}.magic-bento-card{aspect-ratio:4/3;--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px;background:#120f17;border:1px solid #ffffff12;border-radius:20px;flex-direction:column;justify-content:space-between;width:100%;max-width:100%;min-height:200px;padding:1.25em;font-weight:300;transition:all .3s;display:flex;position:relative;overflow:hidden}.magic-bento-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.magic-bento-card__header,.magic-bento-card__content{color:#fffffff5;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{color:#ffffff85;font-size:16px;font-family:var(--font-sans,system-ui, sans-serif)}.magic-bento-card__title,.magic-bento-card__description{--clamp-title:1;--clamp-desc:2}.magic-bento-card__title{font-size:18px;font-weight:500;font-family:var(--font-display,system-ui, sans-serif);margin:0 0 .25em}.magic-bento-card__description{opacity:.6;font-size:13px;line-height:1.4;font-family:var(--font-sans,system-ui, sans-serif)}.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:var(--clamp-title);line-clamp:var(--clamp-title)}.magic-bento-card--text-autohide .magic-bento-card__description{-webkit-line-clamp:var(--clamp-desc);line-clamp:var(--clamp-desc)}@media (max-width:599px){.magic-bento-grid{grid-template-columns:1fr;width:100%;margin:0 auto;padding:.5em}.magic-bento-card{width:100%;min-height:180px}}@media (min-width:600px){.magic-bento-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.magic-bento-grid{grid-template-columns:repeat(4,1fr)}.magic-bento-card:nth-child(3){grid-area:span 2/span 2}.magic-bento-card:nth-child(4){grid-area:2/1/span 2/span 2}.magic-bento-card:nth-child(6){grid-area:3/4}.magic-bento-grid:has(.magic-bento-card:nth-child(3)):not(:has(.magic-bento-card:nth-child(4))) .magic-bento-card:first-child{grid-area:span 1/span 2}.magic-bento-grid:has(.magic-bento-card:nth-child(3)):not(:has(.magic-bento-card:nth-child(4))) .magic-bento-card:nth-child(2){grid-area:span 1/span 2}.magic-bento-grid:has(.magic-bento-card:nth-child(3)):not(:has(.magic-bento-card:nth-child(4))) .magic-bento-card:nth-child(3){aspect-ratio:unset;grid-area:span 1/span 4;min-height:200px}}.magic-bento-card--border-glow:after{content:"";background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y), rgba(139, 92, 246, calc(var(--glow-intensity) * .8)) 0%, rgba(139, 92, 246, 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:after{opacity:1}.magic-bento-card--border-glow:hover{box-shadow:0 4px 20px #2e184e66,0 0 30px #8b5cf633}.magic-bento-particle-container{position:relative;overflow:hidden}.magic-bento-particle:before{content:"";z-index:-1;background:#8b5cf633;border-radius:50%;position:absolute;inset:-2px}.magic-bento-particle-container:hover{box-shadow:0 4px 20px #2e184e33,0 0 30px #8b5cf633}.magic-bento-global-spotlight{mix-blend-mode:screen;will-change:transform, opacity;pointer-events:none;z-index:200!important}.magic-bento-section{-webkit-user-select:none;user-select:none;position:relative}.magic-bento-card__github-btn{color:#ffffff73;cursor:pointer;z-index:2;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:background .2s,color .2s,border-color .2s;display:flex;position:relative}.magic-bento-card__github-btn:hover{color:#ffffffd1;background:#ffffff1a;border-color:#fff3}.magic-bento-card:has(.magic-bento-card__mockup){justify-content:flex-start;gap:.6em}.magic-bento-card__mockup{pointer-events:none;flex:1 1 0;min-height:0;overflow:hidden}
.lm-root{opacity:.75;pointer-events:none;width:100%;height:100%;font-size:9px;font-family:var(--font-sans,system-ui, sans-serif);color:#ffffff8c;flex-direction:column;gap:6px;display:flex;overflow:hidden}.lm-drop-zone{border:1px dashed #8b5cf661;border-radius:6px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:5px;min-height:0;padding:8px 10px;display:flex}.lm-drop-zone svg{opacity:.55}.lm-drop-zone span{color:#8b5cf6a6;letter-spacing:.02em;font-size:9px}.lm-pills{flex-wrap:wrap;gap:4px;display:flex}.lm-pill{letter-spacing:.04em;color:#8b5cf680;background:#8b5cf61a;border:1px solid #8b5cf62e;border-radius:3px;padding:2px 6px;font-size:8px;font-weight:600}.lm-pill--active{color:#8b5cf6e6;background:#8b5cf633;border-color:#8b5cf66b}.lm-files{flex-direction:column;gap:5px;display:flex}.lm-file-row{align-items:center;gap:6px;display:flex}.lm-file-name{text-overflow:ellipsis;white-space:nowrap;color:#ffffff59;flex:0 0 54px;font-size:9px;overflow:hidden}.lm-file-bar-wrap{background:#ffffff12;border-radius:2px;flex:1 1 0;height:4px;overflow:hidden}.lm-file-bar__fill{background:#8b5cf68c;border-radius:2px;height:100%}.lm-file-size{color:#8b5cf6b8;text-align:right;flex:none;min-width:26px;font-size:8px;font-weight:600}.lm-kanban{flex:1 1 0;grid-template-columns:repeat(3,1fr);gap:6px;min-height:0;display:grid;overflow:hidden}.lm-kanban-col{flex-direction:column;gap:3px;display:flex;overflow:hidden}.lm-kanban-header{letter-spacing:.07em;text-transform:uppercase;color:#ffffff47;border-bottom:1px solid #ffffff0f;margin-bottom:2px;padding-bottom:3px;font-size:7px;font-weight:700}.lm-kanban-item{color:#ffffff6b;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:9px;line-height:1.6;display:flex;overflow:hidden}.lm-kanban-item--done{color:#ffffff38;font-size:8px}.lm-dot{border-radius:50%;flex:0 0 5px;width:5px;height:5px;display:inline-block}.lm-dot--amber{background:#fbbf24b8}.lm-dot--indigo{background:#6366f1d1}.lm-crm-footer{justify-content:space-between;align-items:center;margin-top:1px;display:flex}.lm-btn-outline{color:#6366f1a6;border:1px solid #6366f152;border-radius:3px;padding:2px 7px;font-size:8px}.lm-crm-count{color:#ffffff38;font-size:8px}.lm-analytics{gap:6px}.lm-metrics{display:flex}.lm-metric{border-left:1px solid #ffffff0f;flex-direction:column;flex:1 1 0;gap:2px;padding:0 10px;display:flex}.lm-metric:first-child{border-left:none;padding-left:0}.lm-metric-row{align-items:baseline;gap:4px;display:flex}.lm-metric-value{color:#ffffffb8;font-size:14px;font-weight:700;font-family:var(--font-display,system-ui, sans-serif);line-height:1}.lm-metric-label{color:#ffffff47;letter-spacing:.03em;margin-top:1px;font-size:8px}.lm-metric-delta{font-size:8px;font-weight:600;line-height:1}.lm-metric-delta--up{color:#22c55ec7}.lm-chart{flex-direction:column;flex:1 1 0;gap:3px;min-height:0;display:flex}.lm-chart svg{flex:1 1 0;width:100%;min-height:0;display:block}.lm-chart-labels{display:flex}.lm-chart-labels span{color:#ffffff2e;text-align:center;flex:1;font-size:7px}