/* Classic-era screen vocabulary. Shell geometry and player behavior are unchanged. */
.screen{font-family:Helvetica,Arial,sans-serif}
.status{background:linear-gradient(#fafafa,#c5c5c5);border-bottom-color:#888;color:#161616;text-shadow:0 1px #ffffffaa}
.pane:not(.media-pane):not(#snake):not(#photo-view){background:#fff;color:#161616}
.list-row{font-weight:700;border-bottom-color:#ebebeb;color:#161616}
.list-row.active,#library .music-row.active{background:linear-gradient(#68b5ee 0%,#368ee0 48%,#207ad2 51%,#1371c7 100%);color:#fff;text-shadow:none}
.ipod-menu .list-row{border-bottom:0}
#root-menu{overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr)}
#root-menu[hidden]{display:none}
.classic-menu-list{min-width:0;overflow-y:auto;background:white;border-right:0;scrollbar-width:none;position:relative;z-index:1}
#root-menu .list-row{height:24px;min-height:24px;padding:3px 5px;font-size:12px;line-height:18px;gap:2px;white-space:nowrap;letter-spacing:-.2px}
#root-menu .list-row:after{font-size:19px;font-weight:700;line-height:15px}
.classic-menu-art{display:none;position:relative;overflow:hidden;background:linear-gradient(140deg,#fff,#e5e5e5);height:100%}
.classic-menu-art img{width:100%;height:100%;object-fit:cover;display:block}
.classic-menu-art img[hidden],#classic-menu-symbol[hidden]{display:none}
.classic-menu-art[data-destination="menu-shop"] img{object-fit:contain;background:#fff;padding:7px}
#classic-menu-symbol{height:100%;display:flex;align-items:center;justify-content:center;color:#8d969f;font:bold 100px/1 Helvetica,Arial,sans-serif;text-shadow:0 2px white;transform:rotate(-12deg)}
#library .music-row{border-bottom-color:#e9e9e9}
.music-row img{border-radius:0;box-shadow:none}
.release-heading,.connect-intro{background:#fff;border-bottom-color:#ddd}
.release-note{background:#f5f5f5;color:#666}
.release-links{background:#eee}.release-links a:not(.active){background:#fff;color:#161616}
/* Cover Flow stays black; one clear primary action, one quiet secondary action. */
.screen:has(#flow:not([hidden])){background:#000}
.flow{background:none}.caption strong{font-size:12px;letter-spacing:0}.caption span{color:#aaa}
.home-actions{gap:15px;bottom:5px}.home-actions button{border-radius:2px;min-height:25px;padding:3px 10px;font-size:10px}
.home-actions #home-details{border-color:transparent;background:none;color:#ddd;padding-left:0;padding-right:0}
.home-actions #home-play{background:linear-gradient(#68b5ee,#1476cc);border-color:#3989ca}
/* No early iPhone pinstripes, glossy blue navigation, or rounded grouped cards. */
#shop,#shop-product{background:#fff;padding:0 7px 5px}
.store-strip{display:none}.store-subtitle{margin:0 -7px;padding:5px 7px;background:#f4f4f4;text-shadow:none;text-align:left;color:#666;font-size:9px;border-bottom:1px solid #ddd}
#shop-products{border:0;border-radius:0;box-shadow:none;margin:0 -7px}
#shop .shop-card{min-height:60px;padding:5px 7px;border-bottom:1px solid #e5e5e5;grid-template-columns:45px minmax(0,1fr) 65px}
.shop-card img{width:45px;height:45px;background:white}.shop-card strong{font-size:11px}
#shop .shop-card.active{background:linear-gradient(#68b5ee,#1371c7);box-shadow:none;color:#fff}
#shop .shop-card.active strong,#shop .shop-card.active small{color:#fff}
.store-status,.shop-card[data-product] .store-status{background:none;border:0;border-radius:0;box-shadow:none;color:inherit;text-shadow:none;font-size:9px;line-height:12px;padding:0}
#shop .shop-card.active .store-status{color:white}
.store-connect{border-top:1px solid #ddd;margin-top:5px;font-weight:700;padding-left:2px;padding-right:2px}.store-footer{text-shadow:none;color:#777;font-size:9px}
.shop-product-heading{height:auto;min-height:25px;padding:4px 7px;margin:0 -7px 5px;line-height:16px;background:#ededed;color:#222;border-bottom:1px solid #bbb;box-shadow:none;text-shadow:none;font-size:11px;gap:5px}
.shop-product-heading .store-back{display:none}.shop-product-heading span{background:none;border:0;padding:0;box-shadow:none;color:#555;font-size:9px}
#shop-product-image,#shop-image-views{border-radius:0;box-shadow:none;border-color:#ddd}
#shop-image-views .list-row{background:#f4f4f4;text-shadow:none;color:#333}
#shop-image-views .list-row[aria-pressed="true"]{background:linear-gradient(#68b5ee,#1371c7);color:#fff;box-shadow:none;text-shadow:none}
.shop-product-copy,.store-photo-caption{text-shadow:none;color:#666}
.now-playing{background:#fff}.now-top img{box-shadow:none}.now-top strong{font-size:13px;font-weight:700}.now-top span{color:#333}.now-top small{letter-spacing:0;color:#777;font-size:8px}
.now-actions{border-top:1px solid #ddd;padding-top:4px}.now-actions button,.now-actions a{font-weight:700;font-size:9px;color:#222}
#seek{accent-color:#2582d3}.times{color:#333}#audio-status{color:#666}
/* The classic's Now Playing composition: tilted sleeve, reflected edge, text at right. */
.now-top{min-height:97px;gap:13px;align-items:flex-start;padding-top:3px;perspective:420px}
.now-top img{width:82px;height:82px;flex:0 0 82px;transform:rotateY(13deg);transform-origin:right center;-webkit-box-reflect:below 2px linear-gradient(transparent 76%,#0002)}
.now-top>div{padding-top:5px}
#audio-status{margin-top:1px;min-height:13px;font-size:8px}
.now-playing #seek{height:14px}
.now-actions{margin-top:3px}
