.tape-frame{justify-content:center;display:flex;overflow:hidden}.cassette-shell{transform-origin:top;background:#1a1a1a;border:2px solid #000;border-radius:16px;flex:none;justify-content:center;width:560px;height:350px;margin-bottom:-180px;display:flex;position:relative;overflow:hidden;transform:scale(.485);box-shadow:0 20px 40px #00000080}@media (min-width:360px){.cassette-shell{margin-bottom:-155px;transform:scale(.557)}}@media (min-width:412px){.cassette-shell{margin-bottom:-122px;transform:scale(.65)}}.shell-light-gray{background:#d3d3d3;border:2px solid #999}.shell-medium-gray{background:#888;border:2px solid #555}.shell-dark-gray{background:#444;border:2px solid #111}.shell-white{background:#fdfdfd;border:2px solid #ddd}.shell-vintage{background:#e0cda9;border:2px solid #bca580}.shell-clear{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#23232366;border:2px solid #ffffff1a}.shell-clear-red{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#b4141466;border:2px solid #ff646433}.shell-clear-orange{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#d2640066;border:2px solid #ff963233}.shell-clear-yellow{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#dcc80066;border:2px solid #ffff3233}.shell-clear-green{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00963266;border:2px solid #64ff9633}.shell-clear-cyan{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#09c6;border:2px solid #00c8ff33}.shell-clear-blue{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0050b466;border:2px solid #6496ff33}.shell-clear-pink{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#c8147866;border:2px solid #ff64b433}.shell-clear-purple{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#7814b466;border:2px solid #b464ff33}.shell-nebula{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#39ff1466,#0ff6,#ff69b466,#9d00ff66);border:2px solid #0ff3}.cassette-label{z-index:2;background:#fdfaf0;border-radius:6px;flex-direction:column;width:500px;height:235px;margin-top:30px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000004d}.shell-white .cassette-label{background:#e8e8e8}.label-top-row{z-index:3;justify-content:center;width:100%;padding-top:10px;display:flex;position:relative}.artist-date-wrapper{border-bottom:1px solid #00000026;justify-content:space-between;align-items:baseline;gap:8px;width:92%;padding-bottom:2px;display:flex}.artist-name{font-family:var(--f-reenie), cursive;color:#111;white-space:nowrap;flex:none;font-size:48px;line-height:1}.venue-name{font-family:var(--f-reenie), cursive;color:#444;text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:34px;line-height:1;overflow:hidden}.show-date{font-family:var(--f-reenie), cursive;color:#333;white-space:nowrap;flex:none;font-size:32px;line-height:1}.label-track-row{z-index:3;border-bottom:1px solid #00000026;justify-content:space-between;align-items:baseline;width:92%;margin:6px auto 0;padding-bottom:2px;display:flex;position:relative}.track-name-container{font-family:var(--f-gochi), cursive;color:#111;text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-width:0;padding-right:15px;font-size:22px;line-height:1;overflow:hidden}.track-controls-container{font-family:var(--f-gochi), cursive;color:#111;white-space:nowrap;flex:none;gap:8px;font-size:22px;line-height:1;display:flex}.marker-ctrl{cursor:pointer;z-index:10;font:inherit;color:inherit;background:0 0;border:0;padding:0 4px;transition:color .1s,transform .1s}.marker-ctrl:active{color:#d35400;transform:scale(1.1)}@media (hover:hover){.marker-ctrl:hover{color:#d35400;transform:scale(1.1)}}.marker-ctrl:focus-visible{outline-offset:2px;outline:2px solid #d35400}.stripe-panel{z-index:1;flex-direction:column;gap:3px;width:70px;height:75px;display:flex;position:absolute;top:125px}.panel-left{left:0}.panel-right{right:0}.stripe-frame{z-index:1;width:500px;height:5px;display:flex;position:absolute;left:0}.top-frame{top:125px}.bot-frame{top:195px}.stripe{flex:1;width:100%}.cassette-window{z-index:2;background:#000000d9;border:2px solid #ccc;border-radius:8px;width:360px;height:75px;position:absolute;top:125px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 5px 15px #000}.shell-clear .cassette-window{background:#0000008c;border-color:#fff3}.shell-clear-red .cassette-window{background:#3200008c;border-color:#ff646433}.shell-clear-orange .cassette-window{background:#3c19008c;border-color:#ff963233}.shell-clear-yellow .cassette-window{background:#3c32008c;border-color:#ffff3233}.shell-clear-green .cassette-window{background:#00280a8c;border-color:#64ff9633}.shell-clear-cyan .cassette-window{background:#00283c8c;border-color:#00c8ff33}.shell-clear-blue .cassette-window{background:#0014328c;border-color:#6496ff33}.shell-clear-pink .cassette-window{background:#3c001e8c;border-color:#ff64b433}.shell-clear-purple .cassette-window{background:#1e00328c;border-color:#b464ff33}.shell-vintage .cassette-window{border-color:#bca580}.shell-nebula .cassette-window{background:#1e00328c;border-color:#0ff3}.tape-strip{z-index:1;background:#281a13;border-top:1px solid #111;width:100%;height:8px;position:absolute;bottom:-2px;left:0;box-shadow:0 -2px 5px #0009}.tape-pack{z-index:2;background:#281a13;border:1px solid #111;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 15px #000}.pack-left{width:140px;height:140px;left:calc(50% - 90px)}.pack-right{width:80px;height:80px;left:calc(50% + 90px);box-shadow:inset 0 0 5px #000}.reel{z-index:3;background:#f0f0f0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 5px #000}.left-reel{left:calc(50% - 90px)}.right-reel{left:calc(50% + 90px)}.hub-teeth{border-top:6px solid #333;border-bottom:6px solid #333;width:4px;height:100%;position:absolute;left:50%;transform:translate(-50%)}.rot60{transform:translate(-50%)rotate(60deg)}.rot120{transform:translate(-50%)rotate(120deg)}.spinning{animation:3s linear infinite spinHub}@keyframes spinHub{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinning{animation:none}}.label-stubs-box{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#111;border-radius:3px;padding:4px;font-family:Helvetica,sans-serif;font-size:9px;font-weight:700;line-height:1}.label-bottom-branding{color:#333;opacity:.9;justify-content:space-between;align-items:center;width:100%;padding:0 20px 0 8px;font-family:Arial,sans-serif;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:8px}.cassette-bridge{clip-path:polygon(6% 0,94% 0,100% 100%,0 100%);z-index:4;width:400px;height:75px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.shell-black .cassette-bridge{background:linear-gradient(#2c2c2c 0%,#1a1a1a 20%,#050505 100%);border-top:2px solid #333}.shell-light-gray .cassette-bridge{background:linear-gradient(#e0e0e0 0%,silver 20%,#a0a0a0 100%);border-top:2px solid #fff}.shell-medium-gray .cassette-bridge{background:linear-gradient(#999 0%,#777 20%,#555 100%);border-top:2px solid #aaa}.shell-dark-gray .cassette-bridge{background:linear-gradient(#555 0%,#333 20%,#111 100%);border-top:2px solid #666}.shell-white .cassette-bridge{background:linear-gradient(#fff 0%,#f0f0f0 20%,#d0d0d0 100%);border-top:2px solid #fff}.shell-vintage .cassette-bridge{background:linear-gradient(#e0cda9 0%,#c3b18f 20%,#a69476 100%);border-top:2px solid #fcefd6}.shell-clear .cassette-bridge{background:linear-gradient(#3c3c3c99 0%,#1e1e1e66 100%);border-top:2px solid #fff3}.shell-clear-red .cassette-bridge{background:linear-gradient(#b4141499 0%,#5a0a0a66 100%);border-top:2px solid #ff646433}.shell-clear-orange .cassette-bridge{background:linear-gradient(#d2640099 0%,#64320066 100%);border-top:2px solid #ff963233}.shell-clear-yellow .cassette-bridge{background:linear-gradient(#dcc80099 0%,#645a0066 100%);border-top:2px solid #ffff3233}.shell-clear-green .cassette-bridge{background:linear-gradient(#00963299 0%,#00461466 100%);border-top:2px solid #64ff9633}.shell-clear-cyan .cassette-bridge{background:linear-gradient(#09c9 0%,#00325066 100%);border-top:2px solid #00c8ff33}.shell-clear-blue .cassette-bridge{background:linear-gradient(#0050b499 0%,#00285a66 100%);border-top:2px solid #6496ff33}.shell-clear-pink .cassette-bridge{background:linear-gradient(#c8147899 0%,#640a3c66 100%);border-top:2px solid #ff64b433}.shell-clear-purple .cassette-bridge{background:linear-gradient(#7814b499 0%,#3c0a5a66 100%);border-top:2px solid #b464ff33}.shell-nebula .cassette-bridge{background:linear-gradient(#00ffff80 0%,#9d00ff4d 100%);border-top:2px solid #0ff3}.cassette-holes{justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 55px;display:flex}.hole{background:#050505;border-radius:50%;box-shadow:inset 0 4px 6px #000}.h-s{width:14px;height:14px}.h-l{width:24px;height:24px;margin-top:-12px}.screw{z-index:5;background:#111;border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:inset 0 2px 2px #000}.tl{top:12px;left:12px}.tr{top:12px;right:12px}.bl{bottom:12px;left:12px}.br{bottom:12px;right:12px}.bm{margin-left:-7px;bottom:12px;left:50%}.tape-credit{font:400 12px/1.4 var(--font-barlow), sans-serif;color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:14px;display:flex}.tape-credit a{color:var(--blue);text-decoration:none}.tape-sbd{font:700 9.5px/1 var(--font-archivo), sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);border:1px solid var(--rule-strong);padding:4px 6px}.stub-actions-note.is-quiet{color:var(--muted-light)}