@layer theme,base;@layer components{.ls-table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.ls-table>thead th{white-space:nowrap;height:40px;padding:0 8px;font-weight:500}.ls-table>thead th:first-child{border-radius:14px 0 0 14px;padding-left:12px}.ls-table>thead th:last-child{border-radius:0 14px 14px 0;padding-right:12px}.ls-table>tbody>tr>:is(td,th){vertical-align:middle;transition:background-color var(--t-fast) var(--ease);padding:10px 8px}.ls-table>tbody>tr>:is(td,th):first-child{border-radius:14px 0 0 14px;padding-left:12px}.ls-table>tbody>tr>:is(td,th):last-child{border-radius:0 14px 14px 0;padding-right:12px}.ls-table>tbody>tr+tr>:is(td,th){background-image:linear-gradient(#ffffff0f,#ffffff0f);background-repeat:no-repeat;background-size:100% 1px}.ls-table>tbody>tr:is(:hover,:focus-within,[data-on])>:is(td,th){background-color:#ffffff0f;background-image:none}.ls-table>tbody>tr:is(:hover,:focus-within,[data-on])+tr>:is(td,th){background-image:none}.ls-table>tbody>tr[data-on]>:is(td,th):first-child{box-shadow:inset 2px 0 0 var(--accent)}.ls-table>tbody>tr:active>:is(td,th){background-color:var(--surface-hover)}@media (forced-colors:active){.ls-table>tbody>tr[data-on]>:is(td,th):first-child{border-left:2px solid highlight}}.ls-rank{font-family:var(--font-unbounded), "Geist", system-ui, sans-serif;letter-spacing:-.04em;color:var(--ink-2);text-align:center;font-size:14px;font-weight:600;line-height:1}.ls-fan{width:300px;height:180px;position:relative}.ls-fan>.cover{transition:transform var(--t-slow) var(--ease-spring);position:absolute;top:18px;left:50%;box-shadow:0 0 0 1px #ffffff1f,0 22px 40px -14px #000000f2}.ls-fan>.ls-fan-1{z-index:3;transform:translate(-50%)rotate(-2deg)translateY(-6px)}.ls-fan>.ls-fan-2{z-index:2;filter:brightness(.86);transform:translate(-6%)rotate(9deg)translateY(8px)}.ls-fan>.ls-fan-3{z-index:1;filter:brightness(.86);transform:translate(-94%)rotate(-11deg)translateY(10px)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.thead:hover .ls-fan>.ls-fan-1{transform:translate(-50%)rotate(-2deg)translateY(-12px)}.thead:hover .ls-fan>.ls-fan-2{transform:translate(4%)rotate(12deg)translateY(6px)}.thead:hover .ls-fan>.ls-fan-3{transform:translate(-104%)rotate(-14deg)translateY(10px)}}.ls-person-hero.entity-hero{margin-bottom:16px}@media (min-width:900px){.ls-person-hero.entity-hero{grid-template-columns:minmax(0,360px) minmax(0,1fr)}.ls-person-art.hero-art{--cw:260px;height:330px}}@media (min-width:1280px){.ls-person-hero.entity-hero{grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:40px}.ls-person-art.hero-art{--cw:300px;height:380px}}.ls-person-hero--plain.entity-hero{grid-template-columns:minmax(0,1fr)}.ls-era{border-radius:26px;overflow:clip}.ls-ehead{top:calc(var(--nav-offset) + 8px);z-index:20;background:linear-gradient(90deg, color-mix(in oklab, var(--era) 26%, #0e0b1ac7), #0e0b1acc 55%), #0e0b1a8c;-webkit-backdrop-filter:blur(26px)saturate(170%);backdrop-filter:blur(26px)saturate(170%);transition:top var(--dur) var(--ease);border-radius:26px 26px 0 0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px 12px 12px;display:grid;position:sticky;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #ffffff12}.ls-ehead-cover{box-shadow:0 0 0 1px #ffffff26, 0 10px 30px -8px color-mix(in oklab, var(--era) 80%, transparent);border-radius:12px!important;width:48px!important;height:48px!important}@media (min-width:600px){.ls-ehead{gap:18px;padding:14px 18px 14px 14px}.ls-ehead-cover{border-radius:14px!important;width:56px!important;height:56px!important}}@media (min-width:900px){.ls-era{border-radius:28px}.ls-ehead{border-radius:28px 28px 0 0}}@media (prefers-reduced-motion:reduce){.ls-ehead{transition:none}}@media (max-width:899.98px),(max-height:500px) and (pointer:coarse){:root[data-nav=hidden] .ls-ehead{--nav-offset:var(--safe-top)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.ls-ehead{background:linear-gradient(90deg, color-mix(in oklab, var(--era) 22%, #0e0b1af0), #0e0b1af0 55%)}}.ls-stations{grid-template-columns:minmax(0,1fr);gap:2px;margin-inline:-8px;display:grid}.ls-station{transition:background-color var(--t-fast) var(--ease), box-shadow var(--t-med) var(--ease-out);border-radius:18px;grid-template-columns:64px minmax(0,1fr);grid-template-areas:"art text""art actions";align-items:start;gap:10px 14px;padding:10px 8px;display:grid;position:relative}.ls-station:hover{background-color:#ffffff0f}.ls-station[data-on-air]{background-color:color-mix(in oklab, var(--glow-1) 14%, #ffffff0a);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--glow-1) 50%, transparent), 0 0 34px -12px var(--glow-1)}.ls-station-art{aspect-ratio:1;border-radius:14px;grid-area:art;width:64px;display:block}.ls-station-art>.cover{border-radius:inherit;width:100%;height:100%;display:block}.ls-station--era .ls-station-art>.cover{transition:transform var(--t-med) var(--ease-out), box-shadow var(--t-med) var(--ease-out);box-shadow:0 0 0 1px #ffffff1a,0 16px 30px -14px #000000e6}.ls-station-art>.ls-station-icon{background-color:var(--surface);color:var(--ink-2);place-items:center;display:grid}.ls-station-icon>svg{width:42%;height:42%}.ls-station-text{grid-area:text}.ls-station-actions{flex-wrap:wrap;grid-area:actions;gap:8px;display:flex}@media (hover:hover){.ls-station--era:hover .ls-station-art>.cover{box-shadow:var(--glow-tile)}}.ls-station--era:has(:focus-visible) .ls-station-art>.cover{box-shadow:var(--glow-tile)}@media (min-width:600px){.ls-stations{grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:12px;margin-inline:0}.ls-station{border-radius:22px;grid-template:"art""text"1fr"actions"/minmax(0,1fr);align-items:start;gap:12px;padding:10px 10px 14px}.ls-station-art{border-radius:16px;width:100%}.ls-station-actions{margin-top:2px}@media (prefers-reduced-motion:no-preference) and (hover:hover){.ls-station--era:hover .ls-station-art>.cover{transform:translateY(-4px)rotate(-1.5deg)}}}}@layer utilities;.ls-table>thead th.glass-float{background-color:#0b0915e0;box-shadow:inset 0 1px #ffffff1f}@media (max-width:899.98px){.thead>:has(>.ls-fan){display:none}}
