.tape-player{max-width:960px;margin:28px auto 36px;padding:22px 30px 16px;border:1px solid #9d7953;border-radius:22px;background:linear-gradient(90deg,#67472f 0 9px,#262c25 10px, #343b30 35%,#202820 calc(100% - 10px),#68482f calc(100% - 9px));box-shadow:inset 0 2px 2px #ddbb8277,inset 0 -5px 5px #080e0a,0 22px 38px #0005;position:relative}
.tape-player [hidden]{display:none!important}.tape-top,.tape-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px}.tape-top{padding-bottom:18px;border-bottom:1px solid #a18b5c55}.tape-brand{font:14px Georgia,serif;letter-spacing:.14em;color:#e3c493;direction:ltr}.tape-brand small{display:block;font:8px Georgia,serif;letter-spacing:.23em;color:#acaa91;margin-top:5px}.tape-badge{font-size:10px;border:1px solid #82724e;border-radius:4px;padding:3px 10px;color:#d7c296;background:#20291f}
.tape-deck{display:grid;grid-template-columns:1fr 1.05fr;gap:28px;align-items:center;padding:24px 0}.cassette-door{position:relative;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:24px 20px;border:2px solid #161e17;border-radius:14px;background:linear-gradient(135deg,#504d38,#35392b 55%,#454833);box-shadow:inset 0 1px 2px #c3ae7577,0 2px 0 #b5a57244,inset 0 -4px 12px #10170e88}
.cassette-door::before,.cassette-door::after{content:'+';position:absolute;top:6px;font:15px monospace;color:#a08e65}.cassette-door::before{right:10px}.cassette-door::after{left:10px}
.cassette-label{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#d4c39b;color:#3d3e2b;border-radius:5px 5px 0 0;border-bottom:3px solid #a27942;font-size:13px}.cassette-label span[lang]{font:8px Georgia,serif;letter-spacing:.06em}
.cassette-window{display:flex;align-items:center;justify-content:space-between;padding:24px 16px;border:3px solid #151d15;border-radius:0 0 9px 9px;background:linear-gradient(150deg,#a2985933,transparent 50%),#131f18;box-shadow:inset 0 2px 7px #0009}
.podcast-reel{display:block;width:82px;aspect-ratio:1;flex-shrink:0;border:6px solid #c4b38a;border-radius:50%;background:radial-gradient(circle,#21271c 0 10%,#d1bd90 11% 22%,transparent 23%),repeating-conic-gradient(#c4b38a 0deg 22deg,#293121 23deg 96deg,#c4b38a 97deg 120deg);box-shadow:0 0 0 2px #756546,0 4px 10px #0007;animation:tape-turn 4s linear infinite;animation-play-state:paused}.tape-player[data-state=playing] .podcast-reel{animation-play-state:running}.tape-bridge{height:30px;flex:1;margin-inline:10px;border-block:2px solid #917448;background:repeating-linear-gradient(90deg,#c8b87344 0 1px,transparent 1px 5px)}
.cassette-caption{font-size:12px;text-align:center;color:#d6c398;margin-top:22px;overflow-wrap:anywhere}.cassette-grille{height:20px;max-width:200px;width:70%;margin:24px auto 0;background:repeating-linear-gradient(90deg,#111a11 0 3px,#7c815033 3px 5px);border-radius:3px}
.tape-controls{min-width:0}.tape-display{border:1px solid #171c10;border-radius:7px;padding:12px 16px;background:linear-gradient(120deg,#192519,#303922);box-shadow:inset 0 3px 6px #0007;color:#ddc68b}.tape-display-label{font-size:9px;color:#b6b98e;display:flex;gap:7px;align-items:center}.tape-display-label i{width:5px;height:5px;border-radius:50%;background:#727b55}.tape-player[data-state=playing] [data-led]{background:#ebbb64;box-shadow:0 0 7px #ecb550}.tape-display p{font-size:13px;line-height:1.9;margin:9px 0;overflow-wrap:anywhere}.tape-clock{display:flex;gap:12px;justify-content:center;align-items:center;font:22px/1.6 "Vazirmatn",Tahoma,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.05em}.tape-clock span{font-size:13px;opacity:.5}.tape-clock [data-duration]{font-size:14px;color:#b1b389}
.tape-progress{margin:15px 0 10px}.tape-progress label{font-size:10px;color:#b9c0a4}.tape-player input[type=range]{appearance:none;height:6px;min-height:0;width:100%;border:1px solid #77724f;border-radius:10px;background:#121c14;padding:0;accent-color:#dec294;cursor:pointer;margin:12px 0}.tape-player input[type=range]::-webkit-slider-thumb{appearance:none;width:17px;height:17px;border-radius:50%;background:linear-gradient(#f0dcac,#ab8e5e);border:2px solid #ead4a7;box-shadow:0 2px 5px #0008}.tape-player input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#d8bc89;border:2px solid #ead4a7}.tape-player input:disabled{opacity:.45;cursor:default}
.tape-transport{display:flex;gap:8px;align-items:stretch}.tape-transport button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:58px;padding:7px 12px;border:1px solid #d3c39c;border-bottom:4px solid #827252;border-radius:4px 4px 7px 7px;background:linear-gradient(#e4d4ae,#b8a47d);box-shadow:inset 0 1px 0 #fff1c8,0 3px 3px #0008;color:#343427;font:12px "Vazirmatn",Tahoma,sans-serif}.tape-transport button>span:first-child{font-size:21px;line-height:1.1}.tape-transport button small{color:inherit;font-size:9px}.tape-transport .tape-play{flex:1.5;background:linear-gradient(#d6b77c,#9b7c46);border-color:#e1c38c;border-bottom-color:#5f4c30}.tape-transport button:hover{filter:brightness(1.12)}.tape-transport button:active{transform:translateY(2px)}.tape-transport button:disabled{opacity:.45;cursor:default}
.tape-settings{display:flex;align-items:center;gap:24px;margin-top:16px}.tape-settings label{font-size:10px;color:#c0c4a9}.tape-settings select{display:block;width:85px;padding:5px 9px;margin-top:5px;min-height:34px;border:1px solid #7f7959;border-radius:5px;background:#182319;color:#ddc999;font:12px "Vazirmatn",Tahoma,sans-serif}.tape-volume{flex:1}.tape-status{font-size:10px;color:#b5bea5;min-height:20px;margin:12px 0 0}.tape-player[data-state=error] .tape-status{color:#f4b59b}.tape-player :focus-visible{outline:2px solid #ffd389;outline-offset:4px}.tape-bottom{padding-top:14px;border-top:1px solid #a18b5c44;font-size:9px;color:#b5b393}.tape-bottom span[lang]{font:8px Georgia,serif;letter-spacing:.1em}.podcast-notes{max-width:960px;margin-inline:auto}.podcast-notes>h2{font-size:15px;color:#d9bc88;border-bottom:1px solid #655e4544;padding-bottom:14px;margin-bottom:22px}
@keyframes tape-turn{to{transform:rotate(360deg)}}
@media(max-width:700px){.tape-player{padding:18px 22px 14px}.tape-deck{grid-template-columns:1fr;gap:20px;padding:20px 0}.cassette-door{padding:20px 22px}.cassette-window{padding:15px 25px}.podcast-reel{width:68px}.cassette-caption{margin-top:14px}.cassette-grille{display:none}.tape-top{gap:8px}.tape-brand{font-size:12px}.tape-badge{font-size:9px;padding:3px 7px}.tape-bottom{flex-wrap:wrap;gap:6px}.tape-display p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.podcast-reel{animation:none}}