body{margin:0}#canvas-container{width:100vw;height:100vh;position:absolute}:root{--hue: 27;--sat: 69%}.bento-section{pointer-events:none;display:flex}.card-grid{display:grid;gap:.5em;padding:.75em;font-size:clamp(1rem,.9rem + .5vw,1.5rem)}.magic-bento-card{will-change:opacity;display:flex;flex-direction:column;justify-content:space-between;position:relative;padding:1.25em;-webkit-backdrop-filter:blur(30px) saturate(140%);backdrop-filter:blur(30px) saturate(140%);font-weight:300;overflow-y:auto;overflow-x:hidden;transition:all .3s ease;--glow-x: 50%;--glow-y: 50%;--glow-intensity: 0;--glow-radius: 200px}.particle-card{display:flex;flex-direction:column;padding:1.25em;font-weight:300;width:100%}.magic-bento-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffffff26}.magic-bento-card__header,.magic-bento-card__content{display:flex;position:relative;color:var(--white)}.magic-bento-card__header{gap:.75em;justify-content:space-between}.magic-bento-card__content{flex-direction:column}.magic-bento-card__label{font-size:16px}.magic-bento-card__title,.magic-bento-card__description{--clamp-title: 1;--clamp-desc: 2}.magic-bento-card__title{font-weight:700;font-size:16px;margin:0 0 .25em;word-break:break-word;overflow-wrap:break-word;white-space:normal}.magic-bento-card__description{font-size:12px;opacity:.9;word-break:break-word;overflow-wrap:break-word;white-space:normal}.magic-bento-card__text{font-size:12px;font-family:Inter,system-ui,sans-serif;line-height:1.5-1.6;opacity:.9;word-break:break-word;overflow-wrap:break-word;white-space:normal;color:#ffffffeb}.magic-bento-card--text-autohide .magic-bento-card__title,.magic-bento-card--text-autohide .magic-bento-card__description{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.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){.card-grid{grid-template-columns:1fr;width:90%;margin:0 auto;padding:.5em}.magic-bento-card{width:100%;min-height:200px}}@media(min-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.card-grid{grid-template-columns:repeat(4,1fr)}.magic-bento-card:nth-child(3){grid-column:span 2;grid-row:span 2}.magic-bento-card:nth-child(4){grid-column:1 / span 2;grid-row:2 / span 2}.magic-bento-card:nth-child(6){grid-column:4;grid-row:3}}.magic-bento-card--border-glow:after{content:"";position:absolute;inset:0;padding:6px;background:radial-gradient(circle var(--glow-radius) at var(--glow-x) var(--glow-y),var(--glow-color, rgba(132, 0, 255, .8)) 0%,var(--glow-color, rgba(132, 0, 255, .4)) 30%,transparent 60%);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:1;transition:opacity .3s ease;z-index:0}.magic-bento-card--border-glow:hover:after{opacity:1}.particle-container{position:relative;overflow:hidden}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}._container_1w39s_1{position:fixed;z-index:1;top:12px;left:3.5%;width:90%;pointer-events:none;-webkit-user-select:none;user-select:none}._bar_1w39s_11{margin:0 auto;position:relative;height:8px;background:#ddd;border-radius:4px;pointer-events:none}._beam_1w39s_20{position:absolute;top:0;height:100%;background:var( --beam-bg, linear-gradient( 90deg, rgba(255, 200, 0, .6), rgba(255, 230, 150, .9), rgba(255, 200, 0, .6) ) );box-shadow:var(--beam-shadow, 0 0 12px rgba(255, 200, 0, .8));border-radius:4px;transition:all .4s ease;pointer-events:none}._bulbRow_1w39s_40{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);pointer-events:auto}._bulb_1w39s_40{position:absolute;transform:translate(-50%,-50%);top:0;width:18px;height:18px;border-radius:18px;cursor:pointer;background:#fff;border:2px solid #bbb;box-shadow:none}._bulbActive_1w39s_64{background:var(--bulb-bg, #00eeff);border:2px solid var(--bulb-border, #72b4ff);box-shadow:0 0 12px var(--bulb-shadow, #00eeff)}._labelRow_1w39s_70{position:relative;width:100%;margin-top:8px;pointer-events:auto;height:24px}._label_1w39s_70{position:absolute;transform:translate(-50%);font-size:15px;cursor:pointer;white-space:nowrap;color:#fff}._labelActive_1w39s_88{color:var(--color-text, #00eeff)}