.tytts-player{--ty-bg:#0f0f23;--ty-surface:#19192e;--ty-text:#f8fafc;--ty-muted:#c4c4d4;--ty-border:#4338ca;--ty-accent:#f97316;--ty-accent-dark:#c2410c;box-sizing:border-box;display:grid;gap:16px;max-width:760px;margin:28px auto;padding:20px 22px;border:1px solid color-mix(in srgb,var(--ty-border) 74%,transparent);border-radius:16px;background:linear-gradient(135deg,#11112a,#1b1934);box-shadow:0 12px 30px rgba(15,15,35,.22);color:var(--ty-text);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.tytts-player *{box-sizing:border-box}.tytts-head,.tytts-identity,.tytts-controls,.tytts-modes{display:flex;align-items:center}.tytts-head{justify-content:space-between;gap:16px}.tytts-identity{min-width:0;gap:12px}.tytts-mark{display:grid;flex:0 0 44px;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--ty-accent);color:#2a1305}.tytts-mark svg{width:24px;height:24px}.tytts-identity strong,.tytts-identity span{display:block}.tytts-identity strong{font-size:17px;letter-spacing:.01em}.tytts-identity span{max-width:35ch;overflow:hidden;color:var(--ty-muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.tytts-modes{padding:3px;border:1px solid rgba(196,196,212,.22);border-radius:10px;gap:2px}.tytts-player button,.tytts-player select{font:inherit}.tytts-mode{min-height:36px;padding:0 11px;border:0;border-radius:7px;background:transparent;color:var(--ty-muted);cursor:pointer;transition:background-color .2s ease,color .2s ease}.tytts-mode[aria-pressed=true]{background:#312e81;color:#fff}.tytts-controls{gap:12px}.tytts-play{display:grid;flex:0 0 46px;place-items:center;width:46px;height:46px;padding:0;border:0;border-radius:50%;background:var(--ty-accent);color:#2a1305;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.tytts-play:hover{background:#fb923c}.tytts-play:active{transform:scale(.96)}.tytts-play:disabled{cursor:wait;opacity:.62}.tytts-play svg{width:25px;height:25px}.tytts-progress{width:100%;accent-color:var(--ty-accent);cursor:pointer}.tytts-time{min-width:82px;color:var(--ty-muted);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.tytts-speed{min-height:38px;padding:0 8px;border:1px solid rgba(196,196,212,.35);border-radius:8px;background:#111126;color:var(--ty-text);cursor:pointer}.tytts-status{min-height:24px;margin:0;color:var(--ty-muted);font-size:14px}.tytts-player.is-loading .tytts-status:before{display:inline-block;width:10px;height:10px;margin-right:8px;border:2px solid rgba(248,250,252,.35);border-top-color:var(--ty-accent);border-radius:50%;content:"";animation:tytts-spin .7s linear infinite}.tytts-player button:focus-visible,.tytts-player select:focus-visible,.tytts-player input:focus-visible{outline:3px solid #fbbf24;outline-offset:3px}@keyframes tytts-spin{to{transform:rotate(360deg)}}@media (max-width:560px){.tytts-player{margin:20px 0;padding:16px;border-radius:14px}.tytts-head{align-items:flex-start}.tytts-modes{flex-shrink:0}.tytts-controls{display:grid;grid-template-columns:46px 1fr auto;gap:10px}.tytts-progress{min-width:0}.tytts-time{grid-column:2/4}.tytts-speed{grid-column:3;grid-row:1}}@media (prefers-reduced-motion:reduce){.tytts-player *{transition:none!important;animation-duration:.01ms!important}}