@keyframes dashmic-home-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes dashmic-home-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes dashmic-home-progress{0%{width:23%}50%{width:31%}to{width:23%}}@keyframes dashmic-home-lyric{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.08);transform:scale(1.018)}}@keyframes dashmic-home-live{0%,to{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.home-glow{pointer-events:none;background:radial-gradient(circle at 18% 15%, color-mix(in oklab, var(--primary) 19%, transparent), transparent 33%), radial-gradient(circle at 82% 5%, color-mix(in oklab, var(--primary) 10%, transparent), transparent 30%);filter:blur(12px);opacity:.9;height:75vh;position:fixed;inset:-20vh -15vw auto}.home-enter{animation:.65s cubic-bezier(.22,1,.36,1) both dashmic-home-rise}.home-delay-1{animation-delay:80ms}.home-delay-2{animation-delay:.17s}.home-screen-shell{border:1px solid var(--border);background:linear-gradient(145deg, color-mix(in oklab, var(--card) 96%, transparent), color-mix(in oklab, var(--secondary) 76%, transparent));box-shadow:0 40px 100px -48px color-mix(in oklab, var(--foreground) 44%, transparent), inset 0 1px 0 color-mix(in oklab, var(--foreground) 6%, transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:2rem;padding:clamp(1.25rem,3vw,2rem);position:relative;overflow:hidden}.home-screen-shell:before{content:"";background:color-mix(in oklab, var(--primary) 15%, transparent);filter:blur(48px);pointer-events:none;border-radius:999px;height:70%;position:absolute;inset:-35% -18% auto 45%}.home-screen-topbar,.home-now-playing{justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative}.home-now-playing{margin-top:clamp(2rem,5vw,3.5rem)}.home-lyrics-window{text-align:center;flex-direction:column;justify-content:center;gap:clamp(.65rem,1.8vw,1.1rem);min-height:clamp(260px,34vw,390px);padding:1.5rem 0 1rem;display:flex;position:relative}.home-lyric-muted{color:color-mix(in oklab, var(--muted-foreground) 55%, transparent);font-size:clamp(1rem,2vw,1.35rem);font-weight:600;transition:opacity .3s}.home-lyric-near{color:color-mix(in oklab, var(--foreground) 48%, transparent)}.home-lyric-active{letter-spacing:-.045em;color:var(--primary);text-wrap:balance;margin:.25rem 0;font-size:clamp(2.15rem,5vw,4.4rem);font-weight:750;line-height:.98;animation:3.8s ease-in-out infinite dashmic-home-lyric}.home-live-dot{background:var(--primary);width:.45rem;height:.45rem;box-shadow:0 0 0 4px color-mix(in oklab, var(--primary) 13%, transparent);border-radius:999px;animation:1.8s ease-in-out infinite dashmic-home-live}.home-progress{width:27%;animation:8s ease-in-out infinite dashmic-home-progress}.home-float-chip{z-index:10;border:1px solid var(--border);background:color-mix(in oklab, var(--background) 90%, transparent);box-shadow:0 20px 45px -28px color-mix(in oklab, var(--foreground) 45%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);white-space:nowrap;border-radius:1rem;align-items:center;gap:.55rem;padding:.8rem 1rem;font-size:.8rem;font-weight:650;animation:5s ease-in-out infinite dashmic-home-float;display:none;position:absolute}.home-float-chip-one{top:16%;right:-4%}.home-float-chip-two{animation-delay:-2.4s;bottom:15%;left:-6%}.home-feature-card{border:1px solid var(--border);background:color-mix(in oklab, var(--card) 76%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:1.6rem;min-height:250px;padding:1.6rem;transition:transform .26s cubic-bezier(.22,1,.36,1),border-color .26s,background .26s;position:relative;overflow:hidden}.home-feature-card:after{content:"";background:color-mix(in oklab, var(--primary) 10%, transparent);filter:blur(35px);opacity:0;border-radius:999px;height:75%;transition:opacity .26s;position:absolute;inset:auto -25% -50% 35%}.home-feature-card:hover{border-color:color-mix(in oklab, var(--primary) 35%, var(--border));background:color-mix(in oklab, var(--card) 92%, transparent);transform:translateY(-5px)}.home-feature-card:hover:after{opacity:1}@media (width>=1280px){.home-float-chip{display:flex}}@media (prefers-reduced-motion:reduce){.home-enter,.home-lyric-active,.home-live-dot,.home-progress,.home-float-chip{animation:none}.home-feature-card,main a{transition:none!important}.home-feature-card:hover,main a:hover{transform:none!important}}
