body:has(.ular-page){background:var(--snow,#fff);color:var(--eel-ink,#3c3c3c)}.ular-page{background:radial-gradient(ellipse 60% 40% at 50% 0%, #ce82ff14, transparent 60%), radial-gradient(ellipse 50% 40% at 100% 100%, #1cb0f60f, transparent 55%), var(--snow);min-height:100vh}.ular-page .ular-shell{gap:24px;max-width:720px;margin:0 auto;padding:28px 24px 64px;display:grid}.ular-page .ular-brand{font-family:var(--font-display);color:var(--eel-ink);letter-spacing:-.01em;justify-self:start;align-items:center;gap:10px;font-size:18px;font-weight:900;text-decoration:none;display:inline-flex}.ular-page .ular-brand-mark{background:var(--gem-pink);border:2px solid var(--gem-pink-deep);width:32px;height:32px;box-shadow:0 3px 0 var(--gem-pink-deep);color:#fff;border-radius:10px;place-items:center;font-size:16px;font-weight:900;display:grid}.ular-page .ular-hero{text-align:center;justify-items:center;gap:8px;display:grid}.ular-page .ular-hero h1{font-family:var(--font-display);color:var(--eel-ink);letter-spacing:-.018em;margin:0;font-size:clamp(28px,5vw,38px);font-weight:900;line-height:1.1}.ular-page .ular-hero p{color:var(--wolf);max-width:38ch;margin:0;font-size:14px;font-weight:600}.ular-page .ular-card{background:var(--snow);border:2px solid var(--swan);border-radius:var(--radius-xl);box-shadow:0 var(--chunk) 0 var(--swan);gap:14px;padding:24px;display:grid}.ular-page .ular-player-list{gap:8px;display:grid}.ular-page .ular-player-row{background:var(--snow);border:2px solid var(--swan);box-shadow:0 2px 0 var(--swan);border-radius:var(--radius-md);grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.ular-page .ular-player-mark{border:2px solid;border-radius:50%;width:28px;height:28px;box-shadow:0 2px}body:has(.ular-play-wrap){background:var(--snow,#fff)}@media (prefers-reduced-motion:reduce){.ular-page *{transition-duration:.01ms!important;animation-duration:.01ms!important}}