@font-face{font-family:ChicagoFLF;src:url("./fonts/ChicagoFLF-VVCV6Q6E.ttf") format("truetype");font-display:block}#screen{--lcd-contrast: .5;--lcd-ink: rgb(22 24 22 / calc(.5 + var(--lcd-contrast) * .5));--lcd-glow: rgb(150 205 235 / .42);--lcd-paper: #bdbcb4;--bar-h: 16px;--row-h: 18px;--glyph-bearing: calc(4px / 3);--row-nudge: -1px;position:absolute;left:8.72px;top:8.7px;width:160px;height:128px;transform:scale(1.45,1.447);transform-origin:0 0;overflow:hidden;line-height:normal;color:var(--lcd-ink);font-family:ChicagoFLF,Chicago,sans-serif;font-size:12px;-webkit-font-smoothing:none;font-smooth:never;user-select:none;background:transparent}#screen.backlit{--lcd-paper: rgb(173 195 203)}#screen:after{--lcd-gap: color-mix(in srgb, var(--lcd-paper) 35%, transparent);content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,var(--lcd-gap) .18px,transparent .18px),linear-gradient(to bottom,var(--lcd-gap) .18px,transparent .18px);background-size:1px 1px}#display:has(#screen.backlit) .lcd-paper{fill:url(#lcd-lit-fill)}#screen[data-power=boot] #ipod-classic-screen-content,#screen[data-power=off] #ipod-classic-screen-content{visibility:hidden}#ipod-original-boot{position:absolute;left:calc(50% - 18.5px);top:calc(50% - 22px);width:37px;height:44px;background:var(--lcd-ink);-webkit-mask:var(--boot-logo) 0 0 / 100% 100% no-repeat;mask:var(--boot-logo) 0 0 / 100% 100% no-repeat;pointer-events:none}#screen:not([data-power=boot]) #ipod-original-boot{display:none}#ipod-classic-screen-content{position:relative;width:100%;height:100%;overflow:hidden}#screen-container{display:flex;width:200%;height:100%}.screen-view{position:relative;width:50%;height:100%;overflow:hidden;flex:none}#menu-slider{display:flex;width:200%;height:100%;transform:translate(0)}.menu-pane{position:relative;width:50%;height:100%;flex:none}.ipod-classic-status-bar{position:relative;display:flex;align-items:center;height:var(--bar-h);padding:0 3px;border-bottom:1px solid currentColor;white-space:nowrap}.ipod-classic-status-bar .header-left{position:absolute;left:22px;right:22px;text-align:center;overflow:hidden;text-overflow:clip}.ipod-classic-status-bar .header-state{position:relative;width:7px;height:9px}.ipod-classic-status-bar svg{display:block;fill:currentColor}.header-icon-play,.header-icon-pause{position:absolute;inset:0;width:7px;height:9px;visibility:hidden}.header-icon-play.active,.header-icon-pause.active{visibility:visible}.ipod-classic-status-bar .header-right{margin-left:auto}.battery-icon{width:17px;height:8px}.menu-list-left{position:relative;height:100%}.menu-list-body{position:relative;margin-top:2px}.menu-item{display:flex;align-items:center;justify-content:space-between;height:var(--row-h);padding:0 4px 0 3px;line-height:var(--row-h);white-space:nowrap}.menu-item-label{position:relative;top:var(--row-nudge);flex:1 1 auto;min-width:0;margin-right:4px;padding-left:1px;overflow:hidden;text-overflow:clip}.menu-item-label.animate-marquee .menu-item-text{display:inline-block;will-change:transform}.menu-item .arrow,.menu-item .value{position:relative;top:var(--row-nudge);flex:none;margin-right:var(--glyph-bearing)}.menu-item.selected{background:var(--lcd-ink);color:var(--lcd-paper)}.menu-item.disabled{color:color-mix(in srgb,var(--lcd-ink) 55%,transparent)}.menu-list-left:has(>.menu-scrollbar.visible) .menu-item{margin-right:7px}.menu-scrollbar{position:absolute;top:calc(var(--bar-h) + 2px);right:1px;bottom:2px;width:5px;border:1px solid currentColor;display:none}.menu-scrollbar.visible{display:block}.menu-scrollbar-thumb{width:100%;min-height:6px;background:currentColor}#now-playing .np-body{position:relative;display:flex;flex-direction:column;height:calc(100% - var(--bar-h));padding:2px 9px 4px}#now-playing .track-count{margin-bottom:3px;font-size:9px;line-height:11px;text-align:left}#now-playing .track-info{text-align:center}#now-playing .np-line+.np-line{margin-top:1px}#now-playing .title,#now-playing .artist,#now-playing .album{height:16px;white-space:nowrap;overflow:hidden}#now-playing .artist,#now-playing .album{text-overflow:ellipsis}#now-playing .title.animate-marquee{overflow:visible;text-align:left}.np-line{overflow:hidden}#now-playing .np-progress{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:calc(200% + 18px);margin-top:auto;transition:transform .3s ease-out}#now-playing.show-volume .np-progress,#now-playing.mode-scrubber .np-progress{transform:translate(calc(-50% - 9px))}#now-playing .progress-container,#now-playing .scrubber-container{padding-top:6px}#now-playing .np-progress-alt{display:grid}#now-playing .np-progress-alt>*{grid-area:1 / 1;opacity:0}#now-playing.mode-scrubber:not(.show-volume) .scrubber-container,#now-playing.show-volume .volume-container{opacity:1}#now-playing .track-bar,#now-playing .volume-bar{position:relative;height:9px;border:1px solid currentColor;border-radius:4.5px;overflow:hidden}.progress-fill,.volume-fill{position:relative;height:100%;width:0;background:currentColor}#now-playing .track-labels{display:flex;justify-content:space-between;height:15px;margin-top:4px;align-items:center}#now-playing .scrubber-container .track-bar{overflow:visible;color:#161816;opacity:calc(.5 + var(--lcd-contrast) * .5)}#now-playing .scrubber-container .progress-fill{background:transparent}#now-playing .scrubber-container .progress-fill:after{content:"";position:absolute;right:0;top:50%;width:8px;height:8px;background:currentColor;transform:translate(50%,-50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}#now-playing .volume-container{display:flex;align-self:start;align-items:center;gap:4px;margin-top:6px}#now-playing .volume-bar{flex:1 1 auto}.speaker-icon{display:block;fill:currentColor;flex:none}@media (prefers-reduced-motion: reduce){#now-playing .np-progress{transition:none}}#app-screen{position:absolute;inset:0}#app-screen[hidden]{display:none}#ipod-classic-screen-content:has(>#app-screen:not([hidden])) #screen-container{visibility:hidden}.app-screen-body{position:relative;height:calc(100% - var(--bar-h))}.app-screen-body-bare{height:100%}.empty-library-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:15px;text-align:center;white-space:nowrap}.clock-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.clock-time{font-size:24px}.contrast-screen{display:flex;align-items:center;padding:0 6px}.level-row{display:flex;align-items:center;gap:5px;width:100%}.level-track{flex:1 1 auto;height:9px;border:1px solid currentColor}.level-fill{height:100%;background:currentColor}.level-glyph{flex:none;width:9px;height:9px;border:1px solid currentColor;border-radius:50%}.level-glyph-dark{background:currentColor}.brick-canvas{display:block;width:160px;height:112px}#page-menu{position:fixed;inset:0;z-index:39000}#page-menu[hidden],#page-menu .page-menu-panel[hidden]{display:none!important}.page-menu-backdrop{position:absolute;inset:0;background:transparent;touch-action:none}.page-menu-panel{position:fixed;left:0;top:0;min-width:188px;max-width:calc(100vw - 16px);padding:5px;box-sizing:border-box;border-radius:14px;border:1px solid rgba(255,255,255,.28);background:#060e0bf0;backdrop-filter:blur(32px) saturate(160%);-webkit-backdrop-filter:blur(32px) saturate(160%);box-shadow:0 12px 32px #00000073,inset 0 1px 1px #ffffff29;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;user-select:none;-webkit-user-select:none}.page-menu-flyout{min-width:96px}.page-menu-item{display:flex;align-items:center;width:100%;min-height:32px;margin:0;padding:0 10px 0 4px;border:0;border-radius:9px;background:transparent;color:#fff;font:inherit;font-size:13px;line-height:1.2;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.page-menu-item:hover:not(:disabled),.page-menu-item:focus-visible{background:#ffffff1f;outline:none}.page-menu-item:active:not(:disabled){background:#ffffff2e}.page-menu-item:disabled{color:#ffffff5c;cursor:default}.page-menu-check{flex:0 0 22px;text-align:center;font-size:12px;color:#ffffffdb}.page-menu-label{flex:1 1 auto;white-space:nowrap}.page-menu-arrow{flex:0 0 auto;margin-left:14px;font-size:11px;color:#ffffffad}.page-menu-sep{height:1px;margin:4px 6px;background:#ffffff1f}@media (pointer: coarse){.page-menu-item{min-height:40px;font-size:14px}}html.desktop-widget,html.desktop-widget body{background:transparent!important}html.desktop-widget body:before{display:none}html.desktop-widget .page-device{position:fixed;left:-20px;top:-20px;width:411.6px}