.kiros-play-wrap{display:flex;align-items:center;gap:12px;padding:12px 0}
.kiros-play-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#C8A96E;border:none;cursor:pointer;color:#0F0F0F;font-size:18px;line-height:1;transition:background .15s,transform .1s}
.kiros-play-btn:hover,.kiros-play-btn:focus-visible{background:#d9bb80;transform:scale(1.06);outline:2px solid #C8A96E;outline-offset:2px}
.kiros-play-btn:active{transform:scale(.96)}
.kiros-play-btn[data-kiros-active="true"]{background:#a88a50}
.kiros-play-btn--no-audio{background:#2A2A2A;color:#555;cursor:default;pointer-events:none}
.kiros-play-btn__icon{display:block;margin-left:2px}
.kiros-play-btn[data-kiros-active="true"] .kiros-play-btn__icon{margin-left:0}
.kiros-play-cover{width:48px;height:48px;object-fit:cover;border-radius:6px;flex-shrink:0}
.kiros-play-info{min-width:0;flex:1}
.kiros-play-info__title{display:block;font-size:14px;font-weight:600;color:#F0F0F0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
.kiros-play-info__meta{display:flex;align-items:center;gap:6px;margin-top:3px}
.kiros-play-info__tags{font-size:11px;color:#888;letter-spacing:.04em}
.kiros-play-tier{font-size:9px;font-weight:700;letter-spacing:.08em;padding:2px 5px;border-radius:3px;line-height:1}
.kiros-play-tier--sub{background:rgba(200,169,110,.18);color:#C8A96E;border:1px solid rgba(200,169,110,.3)}
.kiros-play-tier--paid{background:rgba(100,200,150,.15);color:#64c896;border:1px solid rgba(100,200,150,.25)}
.kiros-player-bar{position:fixed;bottom:0;left:0;right:0;z-index:9000;height:64px;display:flex;align-items:center;gap:10px;padding:0 14px;padding-bottom:env(safe-area-inset-bottom,0px);background:#1A1A1A;border-top:1px solid #2A2A2A;box-shadow:0 -4px 16px rgba(0,0,0,.5)}
.kiros-player-bar__playpause{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#C8A96E;border:none;cursor:pointer;color:#0F0F0F;font-size:16px;transition:background .15s;position:relative}
.kiros-player-bar__playpause:hover{background:#d9bb80}
.kiros-player-bar__playpause.is-loading{background:#555;cursor:wait;color:transparent}
.kiros-player-bar__playpause.is-loading::after{content:'';position:absolute;inset:8px;border:2px solid #888;border-top-color:#C8A96E;border-radius:50%;animation:kiros-spin .7s linear infinite}
@keyframes kiros-spin{to{transform:rotate(360deg)}}
.kiros-player-bar__info{flex:1;min-width:0}
.kiros-player-bar__title{display:block;font-size:13px;font-weight:600;color:#F0F0F0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kiros-player-bar__title.is-error{color:#e06060}
.kiros-player-bar__seek{display:none;flex:0 0 100px;height:4px;background:#2A2A2A;border-radius:2px;cursor:pointer;overflow:hidden}
.kiros-player-bar__fill{height:100%;width:0%;background:#C8A96E;border-radius:2px;transition:width .25s linear}
.kiros-player-bar__time{flex-shrink:0;font-size:11px;color:#888;font-variant-numeric:tabular-nums;min-width:34px;text-align:right}
@media(min-width:420px){.kiros-player-bar__seek{display:block}}
@media(min-width:640px){.kiros-player-bar{padding:0 24px;gap:14px}.kiros-player-bar__playpause{width:44px;height:44px;font-size:18px}.kiros-player-bar__seek{flex:0 0 160px}.kiros-player-bar__title{font-size:14px}}
@media(min-width:1024px){.kiros-player-bar{height:68px}.kiros-player-bar__seek{flex:0 0 240px;height:5px}.kiros-play-btn{width:52px;height:52px}}