/* generated from podcast_player.player_css(); do not edit */
.kp{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:start}.kp-play{width:56px;height:56px;border-radius:50%;border:0;background:var(--koda-blue,#3B82F6);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}.kp-play svg{width:26px;height:26px;fill:currentColor}.kp-play .kp-ic-pause,.kp.is-playing .kp-ic-play{display:none}.kp.is-playing .kp-ic-pause{display:block}.kp-play:focus-visible{outline:2px solid var(--koda-blue,#3B82F6);outline-offset:3px}.kp-body{min-width:0}.kp-k{font-family:var(--font-mono);font-size:var(--fs-micro-1);letter-spacing:.14em;text-transform:uppercase;color:var(--outline);margin-bottom:6px}.kp-title{font-family:var(--font-display);font-size:var(--fs-2);font-weight:var(--fw-display,500);letter-spacing:var(--tr-2,-.01em);line-height:1.25;margin:0 0 10px;color:var(--on-surface)}.kp-title a{color:inherit;text-decoration:none}.kp-title a:hover{color:var(--koda-blue,#3B82F6)}.kp-row{display:flex;align-items:center;gap:10px}.kp-t{font-family:var(--font-mono);font-size:var(--fs-micro-1);color:var(--on-surface-variant);font-variant-numeric:tabular-nums;min-width:4ch}.kp-bar{flex:1;height:4px;accent-color:var(--koda-blue,#3B82F6);cursor:pointer;margin:0;min-width:0}.kp-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.kp-btn{font-family:var(--font-mono);font-size:var(--fs-micro-1);letter-spacing:.08em;text-transform:uppercase;background:transparent;color:var(--on-surface);border:1px solid var(--border-strong,var(--outline));border-radius:4px;padding:6px 10px;cursor:pointer;font-variant-numeric:tabular-nums}.kp-btn:hover{border-color:var(--koda-blue,#3B82F6);color:var(--koda-blue,#3B82F6)}.kp-resume{font-family:var(--font-mono);font-size:var(--fs-micro-1);color:var(--outline)}.kp-subs{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}.kp-sub{font-family:var(--font-mono);font-size:var(--fs-micro-1);letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface);text-decoration:none;border:0;border-bottom:1px solid var(--border-strong,var(--outline));padding:0 0 2px;background:none;cursor:pointer;border-radius:0}.kp-sub:hover{color:var(--koda-blue,#3B82F6);border-color:var(--koda-blue,#3B82F6)}.kp-copy.is-done{color:var(--koda-blue,#3B82F6)}@media(max-width:600px){.kp{grid-template-columns:48px 1fr;gap:12px}.kp-play{width:48px;height:48px}}