*,:before,:after{box-sizing:border-box}html,body,#root{background:#0b1020;width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-font-smoothing:antialiased}.app{width:100%;height:100%;position:relative}.overlay{z-index:1;pointer-events:none;color:#e8eefc;text-shadow:0 1px 12px #00000073;font-family:Segoe UI,system-ui,sans-serif;position:absolute;top:1.5rem;left:1.5rem}.hint{opacity:.65;margin:0;font-size:.9rem}.perf-toggle,.perf-close{appearance:none;color:#d7e2f5;letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;pointer-events:auto;text-shadow:0 1px 8px #0006;background:#060a129e;border:1px solid #b4c8e624;margin:0;padding:.45rem .7rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.65rem}.perf-toggle{z-index:1;opacity:.75;position:absolute;top:1.5rem;right:1.5rem}.perf-toggle:hover,.perf-close:hover{opacity:1;border-color:#b4c8e647}.perf{z-index:1;pointer-events:auto;color:#d7e2f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 1px 8px #0006;background:#060a129e;border:1px solid #b4c8e624;border-radius:0;width:min(17.5rem,100vw - 2rem);padding:.75rem .9rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.7rem;line-height:1.3;position:absolute;top:1.5rem;right:1.5rem}.perf-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.55rem;display:flex}.perf-title{letter-spacing:.12em;text-transform:uppercase;opacity:.55;margin:0;font-size:.65rem}.perf-close{opacity:.7;padding:.2rem .45rem}.perf-chart{border-bottom:1px solid #b4c8e61f;margin:0 0 .65rem;padding-bottom:.55rem}.perf-chart-meta{letter-spacing:.04em;text-transform:uppercase;opacity:.55;justify-content:space-between;gap:.75rem;margin-bottom:.3rem;font-size:.62rem;display:flex}.perf-chart-range{color:#7eb6ff;opacity:1;font-variant-numeric:tabular-nums}.perf-spark{color:#4f9fff;width:100%;height:2.25rem;display:block}.perf-spark.empty{background:linear-gradient(#0000 30%,#4f9fff14)}.perf-grid{flex-direction:column;gap:.45rem;margin:0;display:flex}.perf-row{grid-template-columns:1fr auto;align-items:start;gap:.75rem;display:grid}.perf-row dt{flex-direction:column;gap:.1rem;min-width:0;margin:0;display:flex}.perf-label{color:#c9d7ef;letter-spacing:.04em}.perf-desc{opacity:.5;letter-spacing:0;white-space:normal;font-family:Segoe UI,system-ui,sans-serif;font-size:.6rem;line-height:1.25}.perf-row dd{text-align:right;font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;gap:.08rem;margin:0;display:flex}.perf-value{color:#eef4ff}.perf-minmax{color:#7eb6ff;opacity:.9;font-size:.58rem}@media (width<=560px){.perf{width:min(16rem,100vw - 2rem)}}.player{--player-accent:#dc2626;--player-accent-soft:#dc26264d;z-index:2;-webkit-user-select:none;user-select:none;pointer-events:auto;-webkit-touch-callout:none;background-color:#1e2125;border-radius:100px 5px 5px 100px;width:430px;height:190px;position:absolute;top:50%;left:auto;right:1.5rem;transform:translateY(-50%)}.player ul{margin:0;padding:0;list-style:none}.player ul li{display:inline-block}.player-arm{z-index:1;transform-origin:77.5% 18.5%;pointer-events:none;background-size:cover;width:90px;height:90px;position:absolute;top:15px;left:110px}.player .artwork{background:#1e2125;border-radius:50%;width:190px;height:190px;position:absolute;top:0;left:0;overflow:hidden;-webkit-mask-image:radial-gradient(circle closest-side,#000 99.5%,#0000 100%);mask-image:radial-gradient(circle closest-side,#000 99.5%,#0000 100%)}.player .artwork-disc{will-change:transform;backface-visibility:hidden;border-radius:50%;width:100%;height:100%;transform:translateZ(0);background-size:190px,72px!important}.player .artwork-disc.spinning{animation:3.6s linear infinite vinyl-spin}@keyframes vinyl-spin{0%{transform:translateZ(0)rotate(0)}to{transform:translateZ(0)rotate(360deg)}}.player .info{box-sizing:border-box;padding:1rem 1.15rem .85rem 2rem}.player .info h1{text-transform:uppercase;color:#fff;white-space:nowrap;text-overflow:ellipsis;cursor:default;width:182px;margin:0 0 -10px 180px;font-family:Open Sans,sans-serif;font-size:13pt;font-weight:600;overflow:hidden}.player .info h4{color:#636367;white-space:nowrap;text-overflow:ellipsis;cursor:default;width:182px;min-height:20px;margin:0 0 0 180px;font-family:Open Sans,sans-serif;font-size:8pt;font-weight:400;line-height:20px;overflow:hidden}.player .info h2{color:#fff;white-space:nowrap;text-overflow:ellipsis;cursor:default;width:182px;margin:0 0 0 180px;font-family:Open Sans,sans-serif;font-size:13pt;font-weight:300;overflow:hidden}.player .button-items{margin-left:180px}.player-slider{cursor:pointer;background:#151518;border-radius:2px;width:182px;height:4px;position:relative;overflow:hidden}.player-slider .elapsed{background:var(--player-accent);z-index:1;border-radius:2px;height:4px;position:relative}.player-slider .buffered{background:var(--player-accent-soft);border-radius:2px;height:4px;margin-top:-4px;position:relative}.player-timer{color:#636367;float:right;margin:8px 48px 0 0;font-family:Arial,sans-serif;font-size:9pt;line-height:0}.player .controls{clear:both;align-items:center;margin-top:25px;display:flex}.player .play-btn,.player .pause-btn{cursor:pointer;flex-shrink:0;width:30px;height:30px;margin:0 5px}.player .play-btn g{stroke:#fefefe;stroke-width:1px;stroke-miterlimit:10}.player .play-btn g path{fill:#fefefe}.player .play-btn:hover g{stroke:var(--player-accent)}.player .play-btn:hover g path{fill:var(--player-accent)}.player .pause-btn rect{fill:#fff}.player .pause-btn:hover rect{fill:var(--player-accent)}.player .step-backward,.player .step-foreward{cursor:pointer;width:18px;height:18px;display:block}.player .step-backward g polygon,.player .step-foreward g polygon{fill:#fefefe}.player .expend{cursor:pointer;align-items:center;padding:.5px;display:inline-flex}.player .expend svg:hover g polygon{fill:var(--player-accent)}.player .volume-wrap{width:80px;margin:0 0 0 10px;display:inline-block;position:relative}.player .volume-fill{background:var(--player-accent-soft);pointer-events:none;border-top-left-radius:2px;border-bottom-left-radius:2px;width:69px;height:4px;margin-top:10px;position:absolute}.player input[type=range]{appearance:none;background:#151518;border:none;border-radius:14px;outline:none;width:100%;height:4px;margin:0;padding:0 1px;position:relative}.player input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background-color:#fff;border:none;border-radius:6px;width:12px;height:12px}.player input[type=range]::-moz-range-thumb{cursor:pointer;background-color:#fff;border:none;border-radius:6px;width:12px;height:12px}.player input[type=range]::-webkit-slider-thumb:hover{background-color:var(--player-accent)}.player input[type=range]::-webkit-slider-thumb:active{background-color:var(--player-accent)}.player input[type=range]::-moz-range-thumb:hover{background-color:var(--player-accent)}.player input[type=range]::-moz-range-thumb:active{background-color:var(--player-accent)}@media (width<=900px){.player{transform-origin:bottom;inset:auto auto 1rem 50%;transform:translate(-50%)scale(.78)}}@media (width<=560px){.player{transform-origin:bottom;bottom:.75rem;transform:translate(-50%)scale(.68)}}