.slots{border-radius:var(--r-soft);gap:1rem;padding:clamp(1.4rem,3vw,2rem);display:grid;position:relative}.slots-paper{background:var(--paper);box-shadow:0 0 0 1px var(--rule), 0 24px 50px -30px #14362973}.slots-dark{color:#ecebf6;background:#3a3560}.slots-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem 1rem;display:flex}.slots-title{font-size:var(--s1)}.slots-dark .slots-title{color:#fff}.slots-live{font-size:var(--s-1);color:var(--muted);align-items:center;gap:.45rem;display:inline-flex}.slots-dark .slots-live{color:#c9c5e6}.pulse{background:#3fa66f;border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 #3fa66f80}@media (prefers-reduced-motion:no-preference){.slots[data-fresh] .pulse{animation:2.4s ease-out 3 pulse}@keyframes pulse{0%{box-shadow:0 0 #3fa66f8c}to{box-shadow:0 0 0 10px #3fa66f00}}}.slot-pills{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.pill{background:var(--sun);min-width:5.4rem;color:var(--myrtle-deep);border:2px solid var(--sun);border-radius:18px;justify-items:center;padding:.55rem .9rem .5rem;line-height:1.15;display:grid}.pill .t{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:800}.pill .w{font-size:.85rem;font-weight:600}.pill.taken{color:var(--muted);border:2px dashed var(--rule);background:0 0}.pill.taken .t{text-decoration:line-through 2px}.slots-dark .pill.taken{color:#bdb8dc;border-color:#6c669a}.slots-say{font-weight:500}.slots-call .btn{width:100%}@media (width>=560px){.slots-call .btn{width:auto}}.slots-next{border-top:1px dashed var(--rule);gap:.55rem;margin:.25rem 0 0;padding-top:1rem;display:grid}.slots-dark .slots-next{border-top-color:#6c669a}.slots-next div{flex-wrap:wrap;justify-content:space-between;gap:0 1rem;display:flex}.slots-next dt{color:var(--muted)}.slots-dark .slots-next dt{color:#c9c5e6}.slots-next dd{margin:0;font-weight:650}