.ipod-page{min-height:100vh;padding:38px 20px 34px;display:flex;flex-direction:column;align-items:center;color:#25282c;background:radial-gradient(ellipse at 50% 43%,rgba(255,255,255,.96),transparent 49%),linear-gradient(145deg,#f1f2f4,#e3e5e8 52%,#d7d9de);font-family:Arial,Helvetica,sans-serif}.ipod-page-header{width:min(100%,520px);margin-bottom:25px;text-align:center}.ipod-back-link{display:inline-flex;gap:7px;align-items:center;color:#777b80;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;text-decoration:none;transition:color .16s ease}.ipod-back-link:hover{color:#24272b}.ipod-eyebrow{margin:20px 0 7px;color:#858a91;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.ipod-page-header h1{margin:0;color:#30343a;font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,5vw,29px);font-weight:400;letter-spacing:-.035em}.ipod-device{position:relative;width:min(100%,354px);padding:22px 22px 19px;overflow:hidden;border:1px solid rgba(255,255,255,.92);border-radius:36px;background:linear-gradient(105deg,rgba(255,255,255,.7),transparent 27%,transparent 73%,rgba(255,255,255,.62)),linear-gradient(155deg,#f8f9fa,#e5e7e9 42%,#d6d9dc);box-shadow:0 28px 55px rgba(58,64,72,.2),0 8px 18px rgba(58,64,72,.12),inset 0 1px 0 #fff,inset 0 -2px 3px rgba(118,124,132,.22)}.ipod-device-top{height:23px;margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:5px}.ipod-brand{color:#81868c;font-size:17px;font-weight:700;letter-spacing:-.08em}.ipod-screen-frame{padding:7px;border:1px solid #73777b;border-radius:9px;background:linear-gradient(145deg,#656a6f,#25292d);box-shadow:inset 0 1px 3px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.85)}.ipod-screen{position:relative;height:226px;overflow:hidden;border:1px solid #40474f;background:#f7f8fa;box-shadow:inset 0 0 15px rgba(40,50,60,.1)}.ipod-status-bar{height:27px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c6cbd0;background:linear-gradient(#fff,#e8ebee);color:#343a40;font-size:11px;font-weight:700;text-shadow:0 1px #fff}.ipod-status-right{display:flex;align-items:center;gap:5px;margin-left:auto;color:#424951;font-size:10px}.ipod-volume-slider{width:39px;height:10px;margin:0;accent-color:#6899c1;cursor:pointer}.ipod-playing-dot{width:6px;height:6px;border-radius:50%;background:#5da675;box-shadow:0 0 0 2px rgba(93,166,117,.16)}.ipod-battery{position:relative;width:15px;height:8px;padding:1px;border:1px solid #59616a;border-radius:2px}.ipod-battery:after{position:absolute;top:2px;right:-3px;width:2px;height:3px;background:#59616a;content:""}.ipod-battery span{display:block;width:100%;height:100%;background:#73ad80}.ipod-library{height:calc(100% - 27px);display:grid;grid-template-columns:minmax(0,1fr) 42%;grid-template-rows:34px minmax(0,1fr)}.ipod-list-heading{grid-column:1;grid-row:1;min-width:0;padding:0 10px;display:flex;align-items:center;justify-content:space-between;color:#313943}.ipod-list-heading strong{font-size:15px;letter-spacing:-.03em}.ipod-list-heading>span{color:#8b9299;font-size:8px;font-weight:700;letter-spacing:.12em}.ipod-library-art{grid-column:2;grid-row:1/-1;min-width:0;min-height:0;margin:4px 4px 4px 0;overflow:hidden;border-left:1px solid #d3d7da;padding-left:4px}.ipod-library-art .ipod-artwork{width:100%;height:100%;border:0;box-shadow:none}.ipod-song-list{grid-column:1;grid-row:2;min-height:0;margin:0;padding:0;overflow-y:auto;list-style:none;scrollbar-color:#b7bec4 transparent;scrollbar-width:thin}.ipod-song-row{width:100%;min-height:31px;padding:0 8px;display:grid;grid-template-columns:23px minmax(0,1fr) 12px;align-items:center;gap:3px;border:0;border-top:1px solid #e1e4e7;background:transparent;color:#384049;cursor:pointer;text-align:left}.ipod-song-row:hover{background:#eaf1f7}.ipod-song-row.is-selected{border-color:#4678a7;background:linear-gradient(#82acd0,#5d8db6);color:#fff;text-shadow:0 -1px rgba(34,69,99,.36)}.ipod-song-index{color:#89929b;font-size:9px;font-variant-numeric:tabular-nums}.ipod-song-row.is-selected .ipod-song-index{color:#f5f9fc}.ipod-song-title{overflow:hidden;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.ipod-song-arrow{justify-self:end;color:#939ba3;font-size:20px;font-weight:300;line-height:1}.ipod-song-row.is-selected .ipod-song-arrow{color:#fff}.ipod-empty-message{grid-column:1;grid-row:2;align-self:start;margin:15px 10px;color:#747d85;font-size:11px;line-height:1.6}.ipod-now-playing{height:calc(100% - 27px);padding:10px 15px 8px;display:flex;flex-direction:column;align-items:center}.ipod-now-playing .ipod-artwork{width:84px;height:78px}.ipod-artwork{position:relative;width:112px;height:104px;flex:0 0 auto;overflow:hidden;border:1px solid #c1c6ca;background:radial-gradient(circle,rgba(255,255,255,.58) 1px,transparent 1.5px) 0 0 /5px 5px,linear-gradient(145deg,#c0a3d8,#d17d9f 38%,#e8ad90 48%,#344a59 49%,#e1a34b);box-shadow:0 2px 5px rgba(36,44,51,.22)}.ipod-artwork-sun{position:absolute;top:19%;right:17%;width:24%;aspect-ratio:1;border-radius:50%;background:#fff0c8;box-shadow:0 0 15px rgba(255,228,185,.65)}.ipod-artwork-horizon{position:absolute;right:-8%;bottom:13%;left:-5%;height:28%;border-top:1px solid rgba(255,255,255,.62);background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.16) 6px 7px);transform:skewY(-8deg)}.ipod-artwork-label{position:absolute;top:10%;left:8%;color:#343650;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:clamp(11px,3vw,18px);font-weight:700;line-height:.9;letter-spacing:-.06em}.ipod-track-info{width:100%;margin-top:8px;text-align:center}.ipod-track-kicker{margin:0 0 3px;color:#8a9299;font-size:7px;font-weight:700;letter-spacing:.17em}.ipod-track-name{margin:0;overflow:hidden;color:#303841;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.ipod-share-button{margin-top:5px;padding:3px 7px;display:inline-flex;align-items:center;gap:5px;border:1px solid #d5d9dd;border-radius:3px;background:linear-gradient(#fff,#edf0f2);color:#606a73;cursor:pointer;font-family:inherit;font-size:9px}.ipod-share-button:hover{border-color:#9eabb6;color:#34495b}.ipod-share-button:focus-visible{outline:2px solid #5d8db6;outline-offset:2px}.ipod-share-button svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.ipod-share-message{margin:3px 0 0;color:#647b6a;font-size:8px}.ipod-track-artist{margin:3px 0 0;color:#848c94;font-size:9px}.ipod-progress{width:100%;margin-top:auto}.ipod-progress input{width:100%;height:11px;margin:0;accent-color:#5d8db6;cursor:pointer}.ipod-time-labels{display:flex;justify-content:space-between;color:#78818a;font-size:8px;font-variant-numeric:tabular-nums}.ipod-playback-error{position:absolute;right:6px;bottom:4px;left:6px;margin:0;color:#9c3d37;font-size:9px;text-align:center}.ipod-wheel{position:relative;width:228px;height:228px;margin:21px auto 0;border:1px solid #d5d8db;border-radius:50%;background:radial-gradient(circle at 34% 23%,rgba(255,255,255,.95),transparent 30%),linear-gradient(145deg,#f7f8f9 4%,#e8eaec 48%,#d8dade);box-shadow:0 5px 9px rgba(74,80,87,.22),inset 0 2px 3px rgba(255,255,255,.92),inset 0 -3px 5px rgba(103,109,117,.2)}.ipod-wheel-button{position:absolute;z-index:1;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#777d84;cursor:pointer;-webkit-tap-highlight-color:transparent}.ipod-wheel-button:hover{color:#353b41}.ipod-skip-icon{display:block;width:19px;height:12px;fill:currentColor}.ipod-wheel-button:focus-visible,.ipod-wheel-center:focus-visible{outline:2px solid #5d8db6;outline-offset:3px}.ipod-wheel-menu{top:19px;left:50%;width:70px;height:24px;transform:translateX(-50%);font-size:10px;font-weight:700;letter-spacing:.08em}.ipod-wheel-previous{left:19px}.ipod-wheel-next,.ipod-wheel-previous{top:50%;width:35px;height:36px;transform:translateY(-50%);font-size:12px}.ipod-wheel-next{right:19px}.ipod-wheel-play{bottom:18px;left:50%;width:48px;height:27px;display:flex;align-items:center;justify-content:center;gap:3px;transform:translateX(-50%);color:#9299a0}.ipod-wheel-center{position:absolute;top:50%;left:50%;width:72px;height:72px;display:grid;place-items:center;border:1px solid #d5d8db;border-radius:50%;background:linear-gradient(145deg,#d5d8db,#bfc3c7);box-shadow:0 2px 5px rgba(82,88,95,.17),inset 0 1px 2px #fff;cursor:pointer;transform:translate(-50%,-50%)}.ipod-play-icon{width:0;height:0;margin-left:4px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:11px solid #9299a0}.ipod-pause-icon{width:10px;height:13px;border-right:3px solid #9299a0;border-left:3px solid #9299a0}.ipod-device-bottom{height:6px;margin-top:18px;display:flex;justify-content:center;gap:4px;opacity:.42}.ipod-device-bottom span{width:3px;height:3px;border-radius:50%;background:#81868c}.ipod-caption{min-height:15px;margin:19px 0 0;color:#858a90;font-size:10px;letter-spacing:.035em;text-align:center}@media (max-width:380px){.ipod-page{padding-right:14px;padding-left:14px}.ipod-device{padding-right:16px;padding-left:16px}}@media (prefers-reduced-motion:no-preference){.ipod-device{animation:ipod-arrive .55s cubic-bezier(.2,.8,.2,1) both}@keyframes ipod-arrive{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}}