.sp-pill{background:var(--color-accent);max-width:100%;color:var(--color-accent-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;font-weight:700;line-height:1.2;display:inline-flex}.sp-offer{text-overflow:ellipsis;min-width:0;overflow:hidden}.sp-mark{font-size:max(12px,.85em)}.sp-pill.is-card{z-index:2;max-width:calc(100% - 16px);padding:5px 10px;font-size:12px;position:absolute;bottom:8px;left:8px;box-shadow:0 1px 4px #0000002e}.sp-row{flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;display:flex}.sp-row.is-line{margin-top:6px}.sp-row.is-page{margin-top:10px}.sp-pill.is-line{padding:3px 9px;font-size:12px}.sp-pill.is-page{padding:6px 12px;font-size:14px}.sp-until{color:color-mix(in srgb, var(--color-fg) 62%, transparent);white-space:nowrap;font-size:12px;font-weight:600}.sp-row.is-page .sp-until{font-size:13px}.sp-pill.is-mini{margin-top:4px;padding:2px 8px;font-size:12px}.sp-dot{background:var(--color-accent);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-left:6px;display:inline-block}.sp-info{border:1px solid color-mix(in srgb, var(--color-fg) 30%, transparent);width:24px;height:24px;color:color-mix(in srgb, var(--color-fg) 70%, transparent);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font:italic 700 13px/1 Georgia,serif;display:inline-flex;position:relative}.sp-info:after{content:"";position:absolute;inset:-10px}.sp-info[aria-expanded=true]{background:var(--color-accent);color:var(--color-accent-ink);border-color:#0000}.sp-details{color:color-mix(in srgb, var(--color-fg) 80%, transparent);flex-basis:100%;font-size:13px;line-height:1.45}
.str-tag{border:1px solid color-mix(in srgb, var(--color-accent) 45%, transparent);background:color-mix(in srgb, var(--color-accent) 16%, var(--color-surface));width:fit-content;max-width:100%;color:var(--color-fg);letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;margin-top:6px;padding:3px 9px;font-size:12px;font-weight:700;line-height:1.3;display:flex}.str-tag--lg{margin-top:9px;padding:4px 11px;font-size:13px}
.vc-tap{z-index:1;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}.vc-tap:focus-visible{outline:3px solid var(--color-accent);outline-offset:-3px}.vc-big{z-index:2;pointer-events:none;color:#fffffff5;background:#00000073;border-radius:50%;place-items:center;width:72px;height:72px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vc-big svg{width:34px;height:34px;margin-left:4px}.vc-paused-sound{z-index:3;color:#fffffff5;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#00000073;border:0;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;display:flex;position:absolute;top:calc(50% - 108px);left:50%;transform:translate(-50%)}.vc-paused-sound svg{width:24px;height:24px}.vc-paused-sound:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.vc-shade{z-index:1;pointer-events:none;background:linear-gradient(#0000,#00000052);height:72px;position:absolute;bottom:0;left:0;right:0}.vc-note{z-index:3;pointer-events:none;color:#fffffff5;background:#0009;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:700;display:inline-flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.vc-note svg{width:16px;height:16px}.vc-time{z-index:3;pointer-events:none;white-space:nowrap;color:#fffc;font-variant-numeric:tabular-nums;background:#0000008c;border-radius:999px;padding:8px 16px;font-size:18px;font-weight:600;position:absolute;bottom:64px;left:50%;transform:translate(-50%)}.vc-time b{color:#fffffffa;font-weight:800}.vc-sound{z-index:3;color:#fffffff5;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0000008c;border:1px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:absolute;top:10px;right:10px}.vc-sound svg{width:22px;height:22px}.vc-sound:focus-visible,.vc-bar:focus-visible{outline:3px solid var(--color-accent);outline-offset:-3px}.vc-bar{z-index:3;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;height:44px;position:absolute;bottom:0;left:0;right:0}.vc-track{background:#fff6;border-radius:2px;height:4px;transition:height .12s;position:absolute;bottom:14px;left:12px;right:12px;box-shadow:0 1px 3px #00000040}.vc-track i{background:#fffffffa;border-radius:2px;display:block;position:absolute;top:0;bottom:0;left:0}.vc-track b{background:#fffffffa;border-radius:50%;width:12px;height:12px;margin-left:-6px;transition:transform .12s;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 1px 4px #00000059}.vc-bar.is-on .vc-track,.vc-bar:hover .vc-track,.vc-bar:focus-visible .vc-track{border-radius:4px;height:8px}.vc-bar.is-on .vc-track b,.vc-bar:focus-visible .vc-track b{transform:translateY(-50%)scale(1.5)}@media (prefers-reduced-motion:reduce){.vc-track,.vc-track b{transition:none}}
