@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url(../public/fonts/material-icons.woff2) format("woff2")}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url(../public/fonts/source-sans-3-400.woff2) format("woff2")}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:500;font-display:swap;src:url(../public/fonts/source-sans-3-400.woff2) format("woff2")}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url(../public/fonts/source-sans-3-400.woff2) format("woff2")}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:700;font-display:swap;src:url(../public/fonts/source-sans-3-400.woff2) format("woff2")}.material-icons{font-family:Material Icons,sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none}html{height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%;--ipod-classic-stage-reserve: 52px;--ipod-classic-fit: .88;--ipod-classic-stage-pad-x: 40px;--ipod-classic-stage-pad-y: 24px}body{height:100%;height:100dvh;margin:0;padding:0;overflow:hidden;overscroll-behavior:none;background:radial-gradient(ellipse 62% 70% at -8% 52%,rgba(34,197,94,.09),transparent 78%),radial-gradient(ellipse 64% 72% at 108% 48%,rgba(16,185,129,.08),transparent 80%),radial-gradient(circle at 18% 22%,rgba(110,231,183,.03),transparent 48%),radial-gradient(circle at 82% 26%,rgba(74,222,128,.025),transparent 50%),linear-gradient(180deg,#02110c,#010806 48%,#000302);font-family:"Source Sans 3",sans-serif;position:relative}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 48% 64% at 0% 50%,rgba(34,197,94,.04),transparent 82%),radial-gradient(ellipse 48% 64% at 100% 50%,rgba(16,185,129,.04),transparent 82%);transition:opacity .3s ease}#ipod-classic-container{position:fixed;inset:0;z-index:1;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:auto;margin:0;padding:var(--ipod-classic-stage-pad-y) var(--ipod-classic-stage-pad-x);--base-width: min( calc((100vw - (var(--ipod-classic-stage-pad-x) * 2)) * var(--ipod-classic-fit)), calc( (100dvh - var(--ipod-classic-stage-reserve) - (var(--ipod-classic-stage-pad-y) * 2)) * .5955 * var(--ipod-classic-fit) ) );opacity:1;transform:none;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}html.mobile-viewport{--ipod-classic-stage-reserve: calc(48px + env(safe-area-inset-top, 0px)) ;--ipod-classic-fit: .96;--ipod-classic-stage-pad-x: 14px;--ipod-classic-stage-pad-y: 12px}#ipod-classic-component{display:block;width:var(--base-width);flex-shrink:0}body.app-loading #ipod-classic-container{opacity:0;transform:translateY(10px) scale(.985);pointer-events:none}#app-shell-loader{position:fixed;inset:0;z-index:20000;display:none;align-items:center;justify-content:center;pointer-events:none;opacity:1;transition:opacity .4s ease}#app-shell-loader.is-hidden{opacity:0}body.app-loading #app-shell-loader{display:flex}.shell-boot-spinner{width:28px;height:28px;border-radius:50%;border:2px solid rgba(134,239,172,.16);border-top-color:#86efacf2;box-shadow:0 0 22px #4ade8038;animation:shellBootSpin .85s linear infinite}@keyframes shellBootSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#ipod-classic{position:relative;z-index:1;width:var(--base-width);height:calc(var(--base-width) / .5955);flex-shrink:0;display:block;--u: calc(var(--base-width) / 371)}#control-wheel{touch-action:none}.item{position:absolute;margin:0;padding:0;pointer-events:none}.item.interactive{pointer-events:auto;cursor:pointer;transition:transform .05s ease-in-out,filter .05s ease-in-out}.shape{width:100%;height:100%;display:block;overflow:visible;background-repeat:no-repeat;background-position:center;image-rendering:auto}#shell-confirm{position:fixed;inset:0;z-index:40000;display:flex;align-items:center;justify-content:center;padding:20px;pointer-events:auto}#shell-confirm[hidden]{display:none!important}.shell-confirm-backdrop{position:absolute;inset:0;background:#00000085}.shell-confirm-dialog{position:relative;z-index:1;width:min(300px,calc(100vw - 40px));padding:0;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;overflow:hidden;text-align:left}.shell-confirm-header{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.12);background:#ffffff0f}.shell-confirm-content{padding:12px 14px}.shell-confirm-title,.shell-confirm-message,.shell-confirm-btn{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.shell-confirm-title{margin:0;font-size:14px;font-weight:600;line-height:1.2;letter-spacing:-.01em;color:#fff;text-align:left}.shell-confirm-message{margin:0 0 12px;font-size:12px;font-weight:400;line-height:1.4;color:#ffffffad;text-align:left;text-wrap:pretty}.shell-confirm-actions{display:flex;gap:6px}.shell-confirm-btn{flex:1 1 0;margin:0;padding:5px 8px;min-height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#ffffffc7;font-size:11px;font-weight:500;line-height:1.2;text-align:center;cursor:pointer;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1)}.shell-confirm-btn:hover{background:#ffffff1f;border-color:#ffffff4d;color:#fff}.shell-confirm-btn--primary{background:#ffffff29;border-color:#ffffff52;color:#fff}.shell-confirm-btn--primary:hover{background:#ffffff3d}@media(max-width:600px){html{--ipod-classic-stage-reserve: calc(48px + env(safe-area-inset-top, 0px)) ;--ipod-classic-fit: .96;--ipod-classic-stage-pad-x: 14px;--ipod-classic-stage-pad-y: 12px}}#ipod-classic-shell{position:absolute;z-index:1;left:calc(var(--u) * -18);top:calc(var(--u) * -18);width:calc(var(--u) * 406.76);pointer-events:none}#ipod-classic-screen-content{position:absolute;top:calc(var(--u) * 1.5);left:calc(var(--u) * 1.5);width:calc(100% - var(--u) * 3);height:calc(100% - var(--u) * 3);background:#fff;color:#000;font-family:Myriad Pro,"Source Sans 3",Source Sans Pro,Gill Sans,Arial,sans-serif;display:flex;flex-direction:column;overflow:hidden;border-radius:calc(var(--u) * 6);z-index:2}#ipod-classic-lcd-shadow{position:absolute;inset:0;z-index:10;pointer-events:none}#ipod-classic-lcd-shadow svg{display:block;width:100%;height:100%}#ipod-classic-boot{position:absolute;inset:calc(var(--u) * 1.5);z-index:9;overflow:hidden;border-radius:calc(var(--u) * 6);background:#000 url(../public/boot.webp) center / 100% 100% no-repeat;pointer-events:none}#ipod-classic-boot[hidden]{display:none}#screen:has(>#ipod-classic-boot:not([hidden])) #ipod-classic-screen-content{visibility:hidden}#control-wheel{border-radius:50%;clip-path:circle(50%);transform:translateZ(3px);backface-visibility:hidden}#wheel,#mid-button{clip-path:circle(50%)}#menu,#next,#prev,#play-pause{overflow:visible;transform:none!important}#menu:after,#next:after,#prev:after,#play-pause:after{content:"";position:absolute;inset:-30px}#ipod-classic-header,.ipod-classic-status-bar{height:calc(var(--u) * 20);background:linear-gradient(to bottom,#fff,#f2f2f2 45%,#e6e6e6 50%,#d9d9d9);border-bottom:calc(var(--u) * 1) solid #999;display:flex;align-items:center;padding:0 calc(var(--u) * 8);justify-content:space-between;box-shadow:inset 0 calc(var(--u) * 1) 0 #fff;flex-shrink:0;box-sizing:border-box;width:100%;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;text-rendering:geometricPrecision}#ipod-classic-header .header-left,.ipod-classic-status-bar .header-left{font-weight:700;font-size:calc(var(--u) * 14);font-size:round(calc(var(--u) * 14),1px);line-height:1;flex-grow:1;min-width:0;height:100%;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.3px;padding-top:1px;box-sizing:border-box}#ipod-classic-header .header-right,.ipod-classic-status-bar .header-right{display:flex;align-items:center;gap:calc(var(--u) * 2)}.header-icon-play,.header-icon-pause{width:calc(var(--u) * 10);height:calc(var(--u) * 12);display:none;margin-right:calc(var(--u) * 3);flex:none}.header-icon-play.active,.header-icon-pause.active{display:block}.battery-icon{width:calc(var(--u) * 27);height:calc(var(--u) * 12);display:block;flex:none}.slideshow-image{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1s ease-in-out;z-index:1;pointer-events:none}.slideshow-image.active{opacity:1;z-index:2}#screen-container{display:flex;width:200%;flex-grow:1;height:100%;min-height:0;transition:transform .15s ease-out}#menu-view,#now-playing{width:50%;flex-shrink:0;height:100%;display:flex;flex-direction:column}#menu-view{flex-grow:1;overflow:hidden;position:relative}#menu-slider{display:flex;width:200%;min-width:200%;flex-shrink:0;height:100%;transform:none}#menu-slider.is-sliding{will-change:transform}.menu-pane{flex:1 1 50%;width:50%;height:100%;display:flex;flex-direction:row;align-items:stretch;overflow:hidden;background:#fff}.menu-list-left{display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%;flex-shrink:0;position:relative}.menu-list-body{flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;align-items:stretch;overflow:hidden}.menu-scrollbar{--menu-scrollbar-inset: calc(var(--u) * 4);position:absolute;top:calc(var(--u) * 20 + var(--menu-scrollbar-inset));right:calc(var(--u) * 1.5);bottom:var(--menu-scrollbar-inset);width:calc(var(--u) * 4);z-index:6;pointer-events:none;display:none;opacity:0}.menu-scrollbar.visible{display:block;opacity:.48;transition:opacity .32s ease}.menu-scrollbar.visible.is-scrolling{opacity:1;transition:opacity 80ms ease-out}.menu-scrollbar-thumb{position:absolute;top:0;left:calc(var(--u) * .5);width:calc(var(--u) * 2.5);min-height:calc(var(--u) * 11);background:#5a5a5a;border-radius:calc(var(--u) * 1.5);will-change:transform}.menu-alpha-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:calc(var(--u) * 88);min-height:calc(var(--u) * 88);padding:calc(var(--u) * 6) calc(var(--u) * 16);box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:calc(var(--u) * 72);font-weight:700;line-height:1;letter-spacing:0;color:#fff;background:#141414c7;border-radius:calc(var(--u) * 12);z-index:30;pointer-events:none;opacity:0;visibility:hidden}.menu-alpha-overlay.visible{opacity:1;visibility:visible}.menu-pane.split-view .menu-list-left{width:50%;flex:1 1 50%}.menu-split-right{width:50%;flex:1 1 50%;height:100%;position:relative;background:#fff;box-sizing:border-box;overflow:hidden}.menu-pane.split-view .menu-split-right:before{content:"";position:absolute;top:0;bottom:0;left:0;width:calc(var(--u) * 16);pointer-events:none;z-index:5;background:linear-gradient(to right,rgba(0,0,0,.3) 0,rgba(0,0,0,.22) calc(var(--u) * 2),rgba(0,0,0,.12) calc(var(--u) * 5),rgba(0,0,0,.05) calc(var(--u) * 10),transparent calc(var(--u) * 16))}.menu-np-card{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--u) * 14) calc(var(--u) * 14) calc(var(--u) * 18);box-sizing:border-box;background:linear-gradient(180deg,#e4e4e4,#f2f2f2 42%,#e8e8e8);text-align:center;-webkit-font-smoothing:auto}.menu-np-card-art{width:62%;max-width:calc(var(--u) * 104);aspect-ratio:1 / 1;height:auto;margin-bottom:calc(var(--u) * 12);border:calc(var(--u) * 1) solid #9a9a9a;border-radius:calc(var(--u) * 2);box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 4) #00000047;overflow:hidden;flex-shrink:0;box-sizing:border-box;background:#ddd;position:relative}.menu-np-card-cover{width:100%;height:100%;object-fit:cover;display:block}.menu-np-card-art.is-missing,.menu-item-thumbnail.is-missing,#menu-slider.no-covers .menu-split-right{background:url(../public/icons/cover-placeholder.webp) center / auto 40% no-repeat,linear-gradient(to bottom,#f2f2f2,#e4e4e4 45%,#cfcfcf)}.menu-item-thumbnail.is-missing{background-size:auto 60%,auto}.menu-np-card-art.is-missing .menu-np-card-cover{display:none}.menu-np-card-meta{width:100%;display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 3);min-width:0}.menu-np-card-title,.menu-np-card-artist,.menu-np-card-album{width:100%;letter-spacing:calc(var(--u) * -.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.menu-np-card-title{font-size:calc(var(--u) * 13);font-weight:700;color:#000}.menu-np-card-artist,.menu-np-card-album{font-size:calc(var(--u) * 11);font-weight:600;color:#616161;margin-top:0}.menu-item{height:12.5%;flex-shrink:0;width:100%;padding:calc(var(--u) * 3) calc(var(--u) * 12);font-size:calc(var(--u) * 14);line-height:1.2;display:flex;justify-content:space-between;align-items:center;font-weight:600;box-shadow:inset 0 calc(var(--u) * -1) 0 #eee;letter-spacing:calc(var(--u) * -.4)}.menu-item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1;min-width:0;margin-right:calc(var(--u) * 8);padding-left:calc(var(--u) * 1)}.menu-item.selected .menu-item-label.animate-marquee{display:inline-block!important;width:max-content!important;min-width:100%;overflow:visible;text-overflow:clip!important;will-change:transform}.menu-item-thumbnail{width:calc(var(--u) * 18);height:calc(var(--u) * 18);object-fit:cover;border-radius:calc(var(--u) * 2);margin-right:calc(var(--u) * 8);border:calc(var(--u) * 1) solid #ccc;background:#eee;flex-shrink:0}.menu-item.selected .menu-item-thumbnail{border-color:#fff6}.menu-item.selected{background:linear-gradient(to bottom,#4a8df3,#2f7cf1 45%,#186bf0 50%,#155dd5);color:#fff;box-shadow:none}.menu-item .arrow{font-size:calc(var(--u) * 20);color:#888;margin-right:calc(var(--u) * -4)}.menu-item.selected .arrow{color:#fff}.menu-item .value{font-size:calc(var(--u) * 13);color:#888;font-weight:500}.menu-item.selected .value{color:#fff}.menu-item.disabled{color:#bbb;pointer-events:none}.menu-item.disabled .arrow{color:#ccc}.menu-spacer{height:12.5%;flex-shrink:0;pointer-events:none;background:#fff}#now-playing{padding:0;background:#fff;overflow:hidden;position:relative}.now-playing-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:calc(var(--u) * 10) calc(var(--u) * 12) calc(var(--u) * 16);position:relative;overflow:hidden}.now-playing-status-icons{position:absolute;top:calc(var(--u) * 10);right:calc(var(--u) * 12);display:flex;gap:calc(var(--u) * 4)}.now-playing-icon-shuffle,.now-playing-icon-repeat{width:calc(var(--u) * 21);height:calc(var(--u) * 16);background:#333;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-size:contain;mask-repeat:no-repeat;mask-position:center;display:none}.now-playing-icon-shuffle.active{display:block;-webkit-mask-image:url(../public/icons/shuffle.svg);mask-image:url(../public/icons/shuffle.svg)}.now-playing-icon-repeat.active-all,.now-playing-icon-repeat.active-one{display:block;-webkit-mask-image:url(../public/icons/repeat.svg);mask-image:url(../public/icons/repeat.svg)}.now-playing-top{display:flex;gap:calc(var(--u) * 12);flex:1 1 0;min-height:0;perspective:calc(var(--u) * 600);overflow:visible}.artwork-container{flex:0 0 50%;display:flex;flex-direction:column;position:relative;overflow:visible;transform:rotateY(20deg) scaleX(1.02);transform-origin:left center;transform-style:preserve-3d;padding-top:calc(var(--u) * 4)}.artwork-container:before{content:"";position:absolute;top:calc(var(--u) * 4);left:0;width:100%;aspect-ratio:1 / 1;background:url(../public/icons/cover-placeholder.webp) center / auto 40% no-repeat,linear-gradient(to bottom,#e8e8e8,#d0d0d0);z-index:0;opacity:0;pointer-events:none;transition:opacity .15s ease}.artwork-container.loading:before{opacity:1}.artwork-container img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;flex-shrink:0;position:relative;z-index:1;opacity:1;transition:opacity .2s ease;-webkit-box-reflect:below -1px linear-gradient(to bottom,transparent 0%,transparent 82%,rgba(0,0,0,.25) 92%,rgba(0,0,0,.55) 100%)}.artwork-container.loading img{opacity:0}.artwork-container img.loaded{opacity:1}.track-info{flex:1 1 0;display:flex;flex-direction:column;justify-content:flex-start;padding-top:calc(var(--u) * 36);margin-left:calc(var(--u) * -3);margin-right:-1px;min-width:0;gap:calc(var(--u) * 3);transform:translateZ(.1px);backface-visibility:hidden;overflow:hidden}.track-info .title,.track-info .artist,.track-info .album{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:block;letter-spacing:calc(var(--u) * -.4)}.track-info .title{font-weight:700;font-size:calc(var(--u) * 17);color:#000;line-height:1.3;margin-top:calc(var(--u) * 1);margin-bottom:calc(var(--u) * -1)}.track-info .artist,.track-info .album{font-size:calc(var(--u) * 14);font-weight:600;color:#616161;line-height:1.3}.track-info .animate-marquee{display:inline-block!important;width:max-content!important;min-width:100%;overflow:visible;text-overflow:clip!important;will-change:transform}.track-info .rating{display:flex;align-items:center;gap:calc(var(--u) * 2.5);color:#616161;line-height:1}.track-info .rating .star-icon{font-size:calc(var(--u) * 15);-webkit-font-smoothing:antialiased}.track-info .track-count{font-size:calc(var(--u) * 14);font-weight:600;letter-spacing:calc(var(--u) * -.4);color:#616161;line-height:1.3}html.mobile-viewport .track-info{gap:calc(var(--u) * 2.2)}html.mobile-viewport .track-info .rating{height:calc(var(--u) * 14 * 1.3);min-height:calc(var(--u) * 14 * 1.3);box-sizing:border-box}html.mobile-viewport .track-info .rating .star-icon{display:block;font-size:calc(var(--u) * 14);line-height:1;transform:translateY(calc(var(--u) * .6))}.player-controls{flex-shrink:0;padding-top:calc(var(--u) * 10)}.track-container{display:flex;align-items:center;gap:calc(var(--u) * 2);width:100%;height:calc(var(--u) * 13)}.track-bar{flex-grow:1;height:100%;background:#e6e6e6;border-radius:calc(var(--u) * 1);overflow:hidden;position:relative;box-shadow:inset 0 calc(var(--u) * 1) calc(var(--u) * 2) #0000000d}.track-fill{height:100%;width:0%;background:linear-gradient(to bottom,#1767b8,#2c88ce 45%,#69daff);box-shadow:inset 0 calc(var(--u) * 1) 0 #fff6;border-radius:calc(var(--u) * 1);position:relative}.track-label{display:inline-flex!important;align-items:center;width:calc(var(--u) * 29);height:100%;flex-shrink:0;font-weight:700;font-size:calc(var(--u) * 14);color:#000;letter-spacing:calc(var(--u) * -.4);user-select:none;transform:translateY(calc(var(--u) * -.15));white-space:nowrap}.track-label.left{justify-content:flex-start!important;text-align:left!important}.track-label.right{justify-content:flex-end!important;text-align:right!important;margin-left:calc(var(--u) * 4)}.volume-icon{font-size:calc(var(--u) * 18)!important;line-height:1!important;color:#616161;letter-spacing:0;transform:none!important}.volume-container{display:none}#now-playing.show-volume .progress-container{display:none!important}#now-playing.show-volume .volume-container{display:flex!important}#now-playing.mode-scrubber .progress-container .track-bar{overflow:visible;z-index:10}#now-playing.mode-scrubber .progress-fill:after{content:"";position:absolute;right:calc(var(--u) * -3.5);top:50%;width:calc(var(--u) * 7);height:calc(var(--u) * 7);transform:translateY(-50%) rotate(45deg);background:#fff;border:calc(var(--u) * 1) solid #919191;box-shadow:0 1px 2px #0003;z-index:12}#now-playing.mode-art .track-info{display:none!important}#now-playing.mode-art .now-playing-top{justify-content:center;align-items:center;perspective:none}#now-playing.mode-art .artwork-container{flex:0 0 100%!important;width:100%;height:100%;max-height:100%;transform:none!important;transform-origin:center center;padding-top:0;align-items:center;justify-content:center}#now-playing.mode-art .artwork-container img{width:auto;height:auto;max-width:100%;max-height:calc(var(--u) * 145);aspect-ratio:1 / 1;object-fit:contain}#now-playing.mode-art .artwork-container:before{inset:50% auto auto 50%;width:min(100%,calc(var(--u) * 145));height:auto;max-width:100%;max-height:calc(var(--u) * 145);aspect-ratio:1 / 1;transform:translate(-50%,-50%)}.photo-grid-pane{display:block!important;background:#000!important;padding:0!important;height:100%;width:100%;overflow:hidden}.photo-grid-pane>.ipod-classic-status-bar{position:sticky;top:0;z-index:5}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;width:100%}.photo-grid--virtual{display:block;position:relative;grid-template-columns:unset}.photo-grid--virtual .photo-thumbnail{position:absolute}.photo-thumbnail{background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;aspect-ratio:1 / 1;position:relative}.photo-thumbnail img{width:100%;height:100%;object-fit:cover}.photo-thumbnail.selected{outline:calc(var(--u) * 2) solid #4a8df3;outline-offset:calc(var(--u) * -2);box-shadow:inset 0 0 calc(var(--u) * 4) #4a8df3;z-index:1}.photo-detail-pane{background:#000!important;height:100%;width:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.photo-detail-view{width:100%;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;background:#000}.photo-detail-view img{max-width:100%;max-height:100%;object-fit:contain}@media(max-height:560px){.track-info{padding-top:calc(var(--u) * 24)!important}#now-playing:not(.mode-art) .artwork-container{flex:0 0 46%!important}}:root,:root[data-theme=regrowth]{--color-accent: #49d8a0;--color-accent-rgb: 73, 216, 160;--color-accent-dim: rgba(0, 217, 126, .1);--color-accent-hover: rgba(0, 217, 126, .2);--color-accent-2: #82e7c0;--color-accent-2-rgb: 130, 231, 192;--color-accent-2-dim: rgba(52, 211, 153, .14);--bg-primary: #030705;--bg-secondary: #060d09;--bg-tertiary: #0a160f;--app-background: radial-gradient( ellipse at 65% 0%, rgba(var(--color-accent-rgb), .045), transparent 60% ), var(--bg-primary);--text-primary: #f2faf5;--text-secondary: #c1d5c8;--text-dim: #92ad9b;--text-muted: #9ab4a3;--text-soft: #92ad9b;--text-faint: #849e8d;--text-caption: #a7c0b0;--text-caption-hover: #d4e8dc;--text-separator: #53705e;--text-strong: #e1efe6;--text-bright: #f2faf5;--text-secondary-soft: #acc6b6;--text-high: #d4e8dc;--text-ghost: #849e8d;--color-danger: #fb7185;--color-danger-rgb: 251, 113, 133;--color-success: #49d8a0;--color-success-rgb: 73, 216, 160;--color-warning: #f4bc67;--color-warning-rgb: 244, 188, 103;--color-fault: #fb7185;--color-white: #ffffff;--color-black: #000000;--color-brand-discord: #5865f2;--surface-console: var(--bg-secondary);--surface-elevated-1: #0a160f;--surface-elevated-2: #0c1d14;--surface-elevated-3: var(--bg-secondary);--settings-viewport-bg: var(--bg-secondary);--surface-glass-blur: blur(25px);--border-subtle: #193426;--border-strong: #28523c;--border-faint: #102319;--border-muted: #162d20;--border-soft: #193426;--border-interactive: #32664a;--border-emphasis: rgba(255, 255, 255, .3);--border-medium: rgba(255, 255, 255, .14);--border-hairline: rgba(255, 255, 255, .07);--overlay-hover: rgba(255, 255, 255, .035);--overlay-subtle: rgba(255, 255, 255, .02);--overlay-hover-strong: rgba(255, 255, 255, .07);--overlay-pressed: rgba(255, 255, 255, .03);--overlay-inset-highlight: rgba(255, 255, 255, .15);--overlay-inset-line: rgba(255, 255, 255, .1);--surface-osd-panel: rgba(0, 0, 0, .6);--surface-osd-panel-deep: rgba(0, 0, 0, .8);--shadow-console: 0 4px 20px rgba(0, 0, 0, .2);--shadow-elevated: 0 12px 32px rgba(0, 0, 0, .35);--shadow-ambient: 0 2px 8px rgba(0, 0, 0, .18);--theme-picker-frostbolt-accent: #53b7f8;--theme-picker-frostbolt-accent-rgb: 83, 183, 248;--theme-picker-frostbolt-accent-2: #79ccff;--theme-picker-frostbolt-accent-2-rgb: 121, 204, 255;--theme-picker-frostbolt-bg: linear-gradient( 175deg, rgba(10, 132, 214, .16) 0%, rgba(45, 159, 214, .07) 30%, transparent 50% ), linear-gradient( 135deg, rgb(6, 12, 22) 0%, rgb(3, 7, 14) 54%, rgb(1, 4, 10) 100% );--theme-picker-frostbolt-border: rgba(10, 132, 214, .36);--theme-picker-frostbolt-border-hover: rgba(10, 132, 214, .46);--theme-picker-frostbolt-border-active: rgba(10, 132, 214, .44);--theme-picker-frostbolt-shadow: 0 10px 28px rgba(0, 0, 0, .62), 0 0 0 1px rgba(255, 255, 255, .05) inset, 0 0 32px rgba(10, 132, 214, .14);--theme-picker-frostbolt-shadow-active: 0 10px 28px rgba(0, 0, 0, .62), 0 0 0 1px rgba(255, 255, 255, .05) inset, 0 0 28px rgba(10, 132, 214, .18);--theme-picker-frostbolt: var(--theme-picker-frostbolt-accent-2);--theme-picker-regrowth-accent: #49d8a0;--theme-picker-regrowth-accent-rgb: 73, 216, 160;--theme-picker-regrowth-accent-2: #82e7c0;--theme-picker-regrowth-accent-2-rgb: 130, 231, 192;--theme-picker-regrowth-bg: linear-gradient( 175deg, rgba(0, 217, 126, .14) 0%, rgba(52, 211, 153, .06) 30%, transparent 50% ), linear-gradient( 135deg, rgb(8, 18, 14) 0%, rgb(4, 12, 9) 52%, rgb(2, 8, 6) 100% );--theme-picker-regrowth-border: rgba(0, 217, 126, .44);--theme-picker-regrowth-border-hover: rgba(0, 217, 126, .54);--theme-picker-regrowth-border-active: rgba(0, 217, 126, .5);--theme-picker-regrowth-shadow: 0 10px 28px rgba(0, 0, 0, .62), 0 0 0 1px rgba(255, 255, 255, .05) inset, 0 0 36px rgba(0, 217, 126, .16);--theme-picker-regrowth-shadow-active: 0 10px 28px rgba(0, 0, 0, .62), 0 0 0 1px rgba(255, 255, 255, .05) inset, 0 0 30px rgba(0, 217, 126, .2);--theme-picker-regrowth: var(--theme-picker-regrowth-accent-2);--terminal-header-start: #091b11;--terminal-header-mid: #07150d;--terminal-header-end: #060d09;--surface-menu-bg: linear-gradient(180deg, rgba(var(--color-accent-rgb), .045), transparent), var(--bg-tertiary);--surface-menu-border: var(--border-interactive);--surface-menu-border-hover: var(--color-accent);--surface-menu-border-focus: var(--focus-ring);--surface-menu-shadow: 0 8px 24px rgba(0, 0, 0, .28);--surface-menu-shadow-focus: 0 0 0 1px var(--focus-ring), 0 8px 24px rgba(0, 0, 0, .28);--surface-menu-border-open: var(--surface-menu-border-focus);--surface-menu-shadow-open: var(--surface-menu-shadow-focus);--surface-menu-blur: blur(16px);--surface-menu-item-gap: 4px;--surface-menu-item-hover: rgba(255, 255, 255, .05);--surface-menu-item-active: rgba(var(--color-accent-rgb), .1);--surface-menu-item-pressed: rgba(255, 255, 255, .03);--surface-menu-item-icon: var(--text-secondary);--surface-menu-item-icon-hover: var(--text-primary);--surface-menu-divider: linear-gradient( 90deg, transparent, rgba(var(--color-accent-rgb), .3) 15%, rgba(var(--color-accent-rgb), .3) 85%, transparent );--focus-ring: #a2f0d2}:root[data-theme=frostbolt]{--color-accent: #53b7f8;--color-accent-rgb: 83, 183, 248;--color-accent-dim: rgba(10, 132, 214, .3);--color-accent-hover: rgba(67, 170, 238, .5);--color-accent-2: #79ccff;--color-accent-2-rgb: 121, 204, 255;--color-accent-2-dim: rgba(45, 159, 214, .2);--bg-primary: #030609;--bg-secondary: #060b10;--bg-tertiary: #0a121a;--app-background: radial-gradient( ellipse at 65% 0%, rgba(var(--color-accent-rgb), .045), transparent 60% ), var(--bg-primary);--text-primary: #f2f6fa;--text-secondary: #c1ccda;--text-dim: #92a2b6;--text-muted: #9aabc0;--text-soft: #92a2b6;--text-faint: #8494aa;--text-caption: #a7b6c8;--text-caption-hover: #d4dfeb;--text-separator: #536379;--text-strong: #e1e9f2;--text-bright: #f2f6fa;--text-secondary-soft: #acbbcd;--text-high: #d4dfeb;--text-ghost: #8494aa;--color-danger: #fb7185;--color-danger-rgb: 251, 113, 133;--color-success: #49d8a0;--color-success-rgb: 73, 216, 160;--color-warning: #f4bc67;--color-warning-rgb: 244, 188, 103;--color-fault: #fb7185;--color-white: #ffffff;--color-black: #000000;--color-brand-discord: #5865f2;--surface-console: var(--bg-secondary);--surface-elevated-1: #0a121a;--surface-elevated-2: #0c1925;--surface-elevated-3: var(--bg-secondary);--settings-viewport-bg: var(--bg-secondary);--surface-glass-blur: blur(25px);--border-subtle: #192b3a;--border-strong: #28465e;--border-faint: #101c26;--border-muted: #162633;--border-soft: #192b3a;--border-interactive: #315670;--border-emphasis: rgba(255, 255, 255, .3);--border-medium: rgba(255, 255, 255, .14);--border-hairline: rgba(255, 255, 255, .07);--overlay-hover: rgba(255, 255, 255, .04);--overlay-subtle: rgba(255, 255, 255, .025);--overlay-hover-strong: rgba(255, 255, 255, .08);--overlay-pressed: rgba(255, 255, 255, .03);--overlay-inset-highlight: rgba(255, 255, 255, .15);--overlay-inset-line: rgba(255, 255, 255, .1);--surface-osd-panel: rgba(0, 0, 0, .6);--surface-osd-panel-deep: rgba(0, 0, 0, .8);--shadow-console: 0 4px 20px rgba(0, 0, 0, .2);--shadow-elevated: 0 12px 32px rgba(0, 0, 0, .35);--shadow-ambient: 0 2px 8px rgba(0, 0, 0, .18);--theme-picker-frostbolt-accent: #53b7f8;--theme-picker-frostbolt-accent-rgb: 83, 183, 248;--theme-picker-frostbolt-accent-2: #79ccff;--theme-picker-frostbolt-accent-2-rgb: 121, 204, 255;--theme-picker-frostbolt-bg: linear-gradient( 175deg, rgba(10, 132, 214, .16) 0%, rgba(45, 159, 214, .07) 30%, transparent 50% ), linear-gradient( 135deg, rgb(6, 12, 22) 0%, rgb(3, 7, 14) 54%, rgb(1, 4, 10) 100% );--theme-picker-frostbolt-border: rgba(10, 132, 214, .36);--theme-picker-frostbolt-border-hover: rgba(10, 132, 214, .46);--theme-picker-frostbolt-border-active: rgba(10, 132, 214, .44);--theme-picker-frostbolt-shadow: 0 10px 28px rgba(0, 0, 0, .62), 0 0 0 1px rgba(255, 255, 255, .05) inset, 0 0 32px rgba(10, 132, 214, .14);--theme-picker-frostbolt-shadow-active: 0 10px 28px rgba(0, 0, 0, .62), 0 0 0 1px rgba(255, 255, 255, .05) inset, 0 0 28px rgba(10, 132, 214, .18);--theme-picker-frostbolt: var(--theme-picker-frostbolt-accent-2);--theme-picker-regrowth-accent: #49d8a0;--theme-picker-regrowth-accent-rgb: 73, 216, 160;--theme-picker-regrowth-accent-2: #82e7c0;--theme-picker-regrowth-accent-2-rgb: 130, 231, 192;--theme-picker-regrowth-bg: linear-gradient( 175deg, rgba(0, 217, 126, .14) 0%, rgba(52, 211, 153, .06) 30%, transparent 50% ), linear-gradient( 135deg, rgb(8, 18, 14) 0%, rgb(4, 12, 9) 52%, rgb(2, 8, 6) 100% );--theme-picker-regrowth-border: rgba(0, 217, 126, .44);--theme-picker-regrowth-border-hover: rgba(0, 217, 126, .54);--theme-picker-regrowth-border-active: rgba(0, 217, 126, .5);--theme-picker-regrowth-shadow: 0 10px 28px rgba(0, 0, 0, .62), 0 0 0 1px rgba(255, 255, 255, .05) inset, 0 0 36px rgba(0, 217, 126, .16);--theme-picker-regrowth-shadow-active: 0 10px 28px rgba(0, 0, 0, .62), 0 0 0 1px rgba(255, 255, 255, .05) inset, 0 0 30px rgba(0, 217, 126, .2);--theme-picker-regrowth: var(--theme-picker-regrowth-accent-2);--terminal-header-start: #091722;--terminal-header-mid: #07121b;--terminal-header-end: #060b10;--surface-menu-bg: linear-gradient(180deg, rgba(var(--color-accent-rgb), .045), transparent), var(--bg-tertiary);--surface-menu-border: var(--border-interactive);--surface-menu-border-hover: var(--color-accent);--surface-menu-border-focus: var(--focus-ring);--surface-menu-shadow: 0 8px 24px rgba(0, 0, 0, .28);--surface-menu-shadow-focus: 0 0 0 1px var(--focus-ring), 0 8px 24px rgba(0, 0, 0, .28);--surface-menu-border-open: var(--surface-menu-border-focus);--surface-menu-shadow-open: var(--surface-menu-shadow-focus);--surface-menu-blur: blur(16px);--surface-menu-item-gap: 4px;--surface-menu-item-hover: rgba(255, 255, 255, .05);--surface-menu-item-active: rgba(var(--color-accent-rgb), .1);--surface-menu-item-pressed: rgba(255, 255, 255, .03);--surface-menu-item-icon: var(--text-secondary);--surface-menu-item-icon-hover: var(--text-primary);--surface-menu-divider: linear-gradient( 90deg, transparent, rgba(var(--color-accent-rgb), .3) 15%, rgba(var(--color-accent-rgb), .3) 85%, transparent );--focus-ring: #9ed8ff}.drawing-background{position:absolute;inset:0;z-index:var(--site-layer-background, var(--device-stage-layer-drawings, 0));overflow:hidden;pointer-events:none;contain:strict}.drawing-background svg{position:absolute;fill:none;stroke:var(--color-accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:0}.drawing-background path{stroke-dasharray:1;stroke-dashoffset:1}@media(prefers-reduced-motion:reduce){.drawing-background svg{animation:none;opacity:.14}.drawing-background path{animation:none;stroke-dashoffset:0}}:root{--device-stage-layer-drawings: 0;--device-stage-layer-device: 1}body.device-stage{min-height:100dvh;overflow:hidden;background:radial-gradient(ellipse 80% 700px at 50% 0,rgb(73 216 160 / 9%),transparent 85%),var(--bg-primary)!important;isolation:isolate}body.device-stage:before{display:none!important}body.device-stage #shell-help{display:none!important}body.device-stage #game-boy-color-container,body.device-stage #ipod-classic-container{top:0!important;z-index:var(--device-stage-layer-device)}.drawing-background{position:fixed}#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{--ipod-classic-stage-reserve: 0px;--ipod-classic-fit: 1;--ipod-classic-stage-pad-x: 0px;--ipod-classic-stage-pad-y: 0px}html.desktop-widget,html.desktop-widget body{background:transparent!important}html.desktop-widget body:before{display:none}html.desktop-widget .shell-confirm-backdrop{inset:auto;left:calc(50% - 197.88px);top:calc(50% - 321.01px);width:395.5px;height:646px;-webkit-mask:url(../public/ipod-shell-1.webp) 0 0 / 100% 100% no-repeat;mask:url(../public/ipod-shell-1.webp) 0 0 / 100% 100% no-repeat}#empty-library-screen{--px: calc(var(--u) * .9625);position:absolute;inset:calc(var(--u) * 1.5);z-index:8;overflow:hidden;border-radius:calc(var(--u) * 6);display:flex;flex-direction:column;font-family:Myriad Pro,"Source Sans 3",Source Sans Pro,Gill Sans,Arial,sans-serif;pointer-events:none}#empty-library-screen[hidden]{display:none}.empty-library-top{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#c4ced7,#aab5bf 60%,#939ea8)}.empty-library-top svg{display:block;width:calc(var(--px) * 74);height:calc(var(--px) * 74);margin-top:calc(var(--px) * 4)}.empty-library-band{height:calc(var(--px) * 96);display:flex;flex-direction:column;align-items:center;padding-top:calc(var(--px) * 13);box-sizing:border-box;background:linear-gradient(180deg,#3b4046,#24282c);box-shadow:inset 0 calc(var(--px) * 1) 0 #ffffff1f;text-align:center}.empty-library-title{color:#fff;font-weight:700;font-size:calc(var(--px) * 19);line-height:1.2}.empty-library-hint{margin-top:calc(var(--px) * 6);color:#c9ced3;font-weight:600;font-size:calc(var(--px) * 14);line-height:1.2}#screen:has(>#ipod-classic-boot:not([hidden])) #empty-library-screen{visibility:hidden}