:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#a3a3a3;background:#1f1f1f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:240px}button{font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #d7d7d7;outline-offset:6px;border-radius:3px}.experience{min-height:100svh;height:100dvh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(18px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));overflow:clip}.device-stage{flex:none;position:relative;margin-top:-28px;z-index:1}.device-mount{width:415px;height:692px;transform-origin:top left}web-music-ipod{width:415px;height:692px;display:block}.experience-footer{position:absolute;bottom:max(27px,calc(env(safe-area-inset-bottom) + 14px));text-align:center;z-index:2}.hint{color:#909090;font-size:12px;font-weight:400;letter-spacing:.02em;margin:0 0 10px}.utility-controls{display:flex;justify-content:center;align-items:center;gap:15px;font-size:11px;color:#606060}.utility-controls button{border:0;background:transparent;color:#a8a8a8;cursor:pointer;padding:7px 5px;min-height:30px}.utility-controls button:hover{color:#fff}.utility-controls button:disabled{opacity:.5;cursor:wait}.status{position:absolute;top:max(16px,env(safe-area-inset-top));max-width:min(420px,calc(100vw - 40px));margin:0;color:#c8c8c8;text-align:center;font-size:12px;line-height:1.5;z-index:3}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.drop-message{position:fixed;top:12px;right:12px;bottom:12px;left:12px;display:grid;place-items:center;border:1px dashed #aaa;border-radius:16px;z-index:5;background:#1f1f1fe8;font-size:20px;pointer-events:none}.help-dialog{color:#eee;background:#282828;border:1px solid #444;border-radius:18px;padding:0;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 40px);box-shadow:0 20px 100px #0008}.help-dialog::backdrop{background:#0008;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.help-content{padding:26px}.dialog-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}h2{font-size:20px;letter-spacing:-.03em;font-weight:600;margin:0}.dialog-heading button{color:#aaa;background:none;border:0;font-size:12px;padding:8px 0 8px 10px;cursor:pointer}.help-content>p{color:#aaa;font-size:13px;line-height:1.65;margin:7px 0 24px}dl{margin:0}dl>div{display:grid;grid-template-columns:85px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #ffffff0d;font-size:12px;line-height:1.6}dt{color:#ddd;font-weight:500}dd{margin:0;color:#aaa}.help-content>.music-note{margin:24px 0;font-size:11px}.done-button{width:100%;border:1px solid #555;border-radius:8px;background:#3a3a3a;padding:11px;color:#eee;cursor:pointer}@media(max-width:440px){.device-stage{margin-top:-12px}.utility-controls button{min-height:44px;padding-inline:9px}.hint{margin-bottom:0}.experience-footer{bottom:max(18px,env(safe-area-inset-bottom))}}@media(max-height:500px){.device-stage{margin-top:-35px}.hint{display:none}.experience-footer{bottom:max(6px,env(safe-area-inset-bottom))}.status{top:8px;max-width:230px;font-size:10px}}@media(max-width:600px),(max-width:950px)and (max-height:500px){:root{background:#dedede}.experience{padding:0}.device-stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;margin:0}.device-mount{width:100%;height:100%;transform:none!important}web-music-ipod{width:100%;height:100%}.experience-footer{bottom:max(18px,calc(env(safe-area-inset-bottom) + 8px))}.hint{display:none}.utility-controls{color:#8a8a8a}.utility-controls button{color:#646464;min-height:44px;padding-inline:12px}.utility-controls button:hover{color:#292929}.status{top:max(9px,env(safe-area-inset-top));color:#484848;font-size:11px}}