*{box-sizing:border-box;letter-spacing:0}:root{color:#17191b;background:#eef2f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth}body{min-width:320px;margin:0;overflow-x:hidden;background:#eef2f4}button{font:inherit}.app{min-height:100vh;color:#17191b;background:#eef2f4}.ipod-stage{position:fixed;top:0;left:0;z-index:2;display:grid;place-items:center;width:100%;height:100vh;height:100svh;overflow:hidden;background:#eef2f4}.ipod-stage:before{position:absolute;inset:auto 10vw 7vh;height:16vh;pointer-events:none;content:"";background:radial-gradient(ellipse at center,#5f6a7033,#5f6a7000 68%);filter:blur(10px)}.scene-shell{position:relative;z-index:1;width:min(100vw,980px);height:min(100svh,820px);min-height:540px}.scene-shell canvas{touch-action:pan-y}.screen-mount{pointer-events:auto}.ipod-screen{width:224px;height:154px;padding:8px 9px 7px;overflow:hidden;color:#162111;font-family:Courier New,ui-monospace,SFMono-Regular,Menlo,monospace;background:linear-gradient(135deg,#ffffff3d,#fff0 45%),repeating-linear-gradient(0deg,rgba(22,33,17,.05),rgba(22,33,17,.05) 1px,transparent 1px,transparent 3px),#b6c49a;border:1px solid rgba(25,35,20,.32);border-radius:4px;box-shadow:inset 0 0 14px #1f2a133d,inset 0 0 0 1px #ffffff2e;-webkit-user-select:none;user-select:none}.ipod-screen.is-playing{background:linear-gradient(135deg,#ffffff40,#fff0 45%),repeating-linear-gradient(0deg,rgba(22,33,17,.05),rgba(22,33,17,.05) 1px,transparent 1px,transparent 3px),#bfcca2}.lcd-status{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;height:13px;margin-bottom:4px;font-size:9px;font-weight:700;line-height:1}.battery{position:relative;display:inline-flex;align-items:center;width:20px;height:8px;border:1px solid #25301f}.battery:after{position:absolute;right:-3px;width:2px;height:4px;content:"";background:#25301f}.battery span{display:block;width:68%;height:100%;background:#25301f}.lcd-title{display:flex;align-items:center;justify-content:space-between;height:18px;padding-inline:4px;margin-bottom:5px;color:#10180e;font-size:11px;font-weight:800;line-height:1;border-top:1px solid rgba(21,28,16,.48);border-bottom:1px solid rgba(21,28,16,.48)}.lcd-content{height:89px;overflow:hidden}.lcd-content p,.lcd-content h2,.lcd-content ul{margin:0}.lcd-kicker{margin-bottom:2px!important;font-size:8px;font-weight:800;line-height:1.15;text-transform:uppercase}.lcd-content h2{margin-bottom:3px;font-size:16px;font-weight:900;line-height:1.02}.lcd-content p:not(.lcd-kicker){display:-webkit-box;margin-bottom:4px;overflow:hidden;font-size:8.6px;font-weight:700;line-height:1.22;-webkit-box-orient:vertical;-webkit-line-clamp:2}.lcd-content ul{display:grid;gap:1px;padding:0;list-style:none}.lcd-content li{overflow:hidden;font-size:8.2px;font-weight:700;line-height:1.17;text-overflow:ellipsis;white-space:nowrap}.lcd-content li:before{content:"> "}.lcd-track-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;height:17px;padding-top:4px;border-top:1px solid rgba(21,28,16,.4)}.lcd-track-strip button{display:grid;place-items:center;min-width:0;height:12px;padding:0;border:0;border-radius:0;color:#182311;font-size:8px;font-weight:900;line-height:1;background:transparent;cursor:pointer}.lcd-track-strip button.is-selected{color:#eef5df;background:#24351f}.progress-rail{position:fixed;z-index:3;top:50%;right:clamp(16px,4vw,42px);display:grid;gap:8px;transform:translateY(-50%)}.progress-rail span{width:7px;height:7px;border-radius:999px;background:#171d2038;transition:transform .16s ease,background .16s ease}.progress-rail span.is-active{background:#202427;transform:scale(1.42)}.ipod-toast{position:fixed;z-index:4;bottom:clamp(18px,4vh,34px);left:50%;padding:9px 12px;border:1px solid rgba(22,33,17,.25);border-radius:8px;color:#162111;font-family:Courier New,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;font-weight:800;background:#b6c49aeb;box-shadow:0 16px 42px #1f292e29;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity .16s ease,transform .16s ease}.ipod-toast.is-visible{opacity:1;transform:translate(-50%)}.scroll-track{position:relative;z-index:1;pointer-events:none}.scroll-step{height:100vh;height:100svh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.scene-shell{width:100vw;height:100svh;min-height:500px}.progress-rail{right:14px}}@media(max-width:430px){.scene-shell{min-height:460px}.progress-rail{right:10px;gap:7px}.progress-rail span{width:6px;height:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}