:root{--card-radius:6px;--card-shadow:0 1px 2px #2a27230d, 0 6px 18px -6px #2a27231a;--card-shadow-hover:0 2px 4px #2a27230f, 0 16px 34px -10px #2a27232e}.card-hover,.glow-card,.hs-card,.tile-face{border-radius:var(--card-radius)}[data-theme=light] .card-hover,[data-theme=light] .glow-card,[data-theme=light] .hs-card{box-shadow:var(--card-shadow);transition:background-color .25s var(--ease-out), border-color .25s var(--ease-out), box-shadow .25s var(--ease-out), transform .25s var(--ease-out)}[data-theme=light] .card-hover:not(.glow-card){background-color:#fff}[data-theme=light] :is(.card-hover,.glow-card,.hs-card):hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}:root:not([data-theme=light]) body{background-color:#000;background-image:radial-gradient(55% 45% at 22% 30%,#5eead41c,#0000 72%),radial-gradient(45% 40% at 88% 92%,#60a5fa14,#0000 70%),radial-gradient(35% 30% at 95% 5%,#a78bfa0d,#0000 70%);background-attachment:fixed}:root:not([data-theme=light]) .card-hover,:root:not([data-theme=light]) .glow-card{border-color:color-mix(in srgb, var(--accent) calc(var(--glow-edge) * 100%), var(--card-edge));background:radial-gradient(ellipse 70% 70% at 0% 0%, color-mix(in srgb, var(--accent) calc(var(--glow) * 100%), transparent) 0%, transparent 100%)}[data-theme=light] .event-strip{margin:0 -24px -32px;padding:4px 24px 32px;scroll-padding-left:24px}@media (prefers-reduced-motion:reduce){:is(.card-hover,.glow-card,.hs-card):hover{transform:none}}
