:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4;font-weight:400;color:#ffffffeb;background:#000;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{height:100%}body{margin:0;min-width:320px;background:#000;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#root{height:100%;overflow:hidden}.appRoot{min-height:100%;display:grid;place-items:stretch;background:#000}@media(max-width:900px)and (pointer:coarse){.appRoot{height:100dvh;width:100vw;place-items:stretch}}.stage{position:relative;isolation:isolate;width:100vw;height:100vh;height:100dvh;border-radius:0;overflow:hidden;background-color:#000;background-image:none;box-shadow:none}.stage:before{content:"";position:absolute;inset:0;background-image:var(--stage-bg);background-size:cover;background-position:center;transform:scale(1.06) translateZ(0);transform-origin:center;will-change:transform;transition:opacity .9s ease,transform .9s ease;z-index:-1}.stageDim:before{opacity:.22;animation:bgSlowZoom 48s ease-in-out infinite alternate}@keyframes bgSlowZoom{0%{transform:scale(1.04) translate3d(-1.2%,-.8%,0)}to{transform:scale(1.1) translate3d(1.2%,.9%,0)}}@media(prefers-reduced-motion:reduce){.stage:before{animation:none;transform:none}}.stageOverlay{position:absolute;inset:0;background:linear-gradient(180deg,#00000040,#0000007a);transition:background .9s ease;pointer-events:none}.stageClickCatcher{position:absolute;inset:0;z-index:1}.stageDim .stageOverlay{background:linear-gradient(180deg,#0000009e,#000c)}.topRight{position:absolute;top:calc(18px + env(safe-area-inset-top));right:calc(18px + env(safe-area-inset-right));display:flex;gap:10px;z-index:5}.volumeWrap{position:relative}.volumePopover{position:absolute;top:62px;right:0;min-width:260px;padding:10px;border-radius:14px;background:#000000b8;border:1px solid rgba(255,255,255,.12)}.volumeRow{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px}.volumeMuteBtn{width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff14;color:#fffffff2;cursor:pointer;display:grid;place-items:center}.volumeSlider{width:100%;accent-color:rgba(255,255,255,.85)}.volumeValue{font-size:12px;opacity:.85;text-align:right;font-variant-numeric:tabular-nums}.circleBtn{width:52px;height:52px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#000000a6;color:#fffffff2;cursor:pointer;display:grid;place-items:center}.circleBtn:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.icon{font-size:18px;line-height:1;display:grid;place-items:center}.siteH1{position:absolute;top:calc(18px + env(safe-area-inset-top));left:calc(18px + env(safe-area-inset-left));margin:0;padding:10px 12px;border-radius:12px;background:#00000059;border:1px solid rgba(255,255,255,.08);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffffc7;z-index:5}.bottomLeft{position:absolute;left:calc(18px + env(safe-area-inset-left));bottom:calc(18px + env(safe-area-inset-bottom));z-index:4}.infoCard{min-width:220px;max-width:360px;border-radius:12px;padding:12px;background:#0000008c;border:1px solid rgba(255,255,255,.1)}.titleRow{display:grid;gap:6px}.title{font-size:15px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{font-size:12px;opacity:.85}.controlsRow{margin-top:10px;display:flex;gap:10px}.primaryBtn{padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff1f;color:#fffffff2;cursor:pointer;font-weight:600}.primaryBtn:hover{background:#ffffff29}.primaryBtn:active{transform:translateY(1px)}.tapToPlay{position:absolute;inset:0;z-index:6;display:grid;place-items:center;font-size:16px;font-weight:650;color:#fffffff2;background:#00000059;border:none;cursor:pointer}.tapToPlay:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:-6px}.bigPlayBtn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:6;width:120px;height:120px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0000006b;color:#fffffff2;font-size:18px;font-weight:750;letter-spacing:.2px;cursor:pointer;box-shadow:0 18px 50px #00000073,inset 0 0 0 1px #ffffff14;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bigPlayBtn:hover{background:#00000080;transform:translate(-50%,-50%) scale(1.02)}.bigPlayBtn:active{transform:translate(-50%,-50%) scale(.99)}.bigPlayBtn:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:4px}.bigPlayBtn:before{content:"▶";display:block;font-size:22px;margin-bottom:2px}.playlistPanel{position:absolute;top:calc(18px + env(safe-area-inset-top));right:calc(18px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));width:min(360px,calc(100% - 36px - env(safe-area-inset-left) - env(safe-area-inset-right)));z-index:7;border-radius:14px;background:#000000b8;border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column}@media(min-width:900px)and (hover:hover)and (pointer:fine){.playlistPanel{width:min(420px,calc(100% - 36px))}}.playlistHeader{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid rgba(255,255,255,.08)}.menuTabs{display:flex;gap:6px;align-items:center}.menuTabBtn{padding:7px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#ffffffe6;cursor:pointer;font-size:13px;font-weight:650}.menuTabBtn:hover{background:#ffffff0f}.menuTabBtn.active{background:#ffffff1a;border-color:#ffffff24}.ghostBtn{padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#ffffffe6;cursor:pointer}.playlistList{overflow:auto;padding:8px}.trackRow{width:100%;display:grid;grid-template-columns:18px 1fr;align-items:center;gap:10px;padding:10px;border-radius:12px;border:1px solid transparent;background:transparent;cursor:pointer;color:#ffffffeb;text-align:left}.trackRow:hover{background:#ffffff12}.trackRow.current{background:#ffffff1a;border-color:#ffffff1f}.trackIcon{opacity:.8;font-size:12px}.trackName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.empty{padding:18px 12px;opacity:.85;font-size:13px}.aboutBody{overflow:auto;padding:14px}.aboutHeading{margin:0 0 10px;font-size:16px;font-weight:750}.aboutText{margin:0 0 10px;font-size:13px;line-height:1.5;opacity:.9}.aboutList{margin:10px 0 0;padding-left:18px;display:grid;gap:10px}.aboutListItem{font-size:13px;line-height:1.5;opacity:.92}.aboutLinks{display:flex;gap:10px;margin-top:12px}.aboutLink{display:inline-flex;font:inherit;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffeb;text-decoration:none;font-size:13px;font-weight:650}.aboutLink:hover{background:#ffffff1a}.newsletterOverlay{position:fixed;inset:0;z-index:9;display:grid;place-items:center;padding:18px;background:#0000009e}.newsletterModal{width:min(560px,100%);border-radius:14px;background:#000000d1;border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;overflow:hidden}.newsletterHeader{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid rgba(255,255,255,.08)}.newsletterTitle{font-size:14px;font-weight:750}.newsletterBody{padding:12px;display:grid;place-items:center}.newsletterEmbed{width:min(480px,100%);height:320px;border-radius:10px;background:#fff}.adminRoot{min-height:100vh;padding:24px;background:#0b0b0f;color:#f2f2f7}body.adminPage{overflow:auto}body.adminPage #root{height:auto;overflow:visible}.adminCard{max-width:1100px;margin:0 auto;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden}.adminHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px solid rgba(255,255,255,.12)}.adminTitle{margin:0;font-size:16px;letter-spacing:.2px}.adminLink{color:#ffffffe0;text-decoration:none;border:1px solid rgba(255,255,255,.16);padding:8px 10px;border-radius:10px}.adminBody{padding:18px}.adminActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.adminColumns{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.adminCol{border:1px solid rgba(255,255,255,.12);background:#0000001f;border-radius:16px;overflow:hidden;min-height:300px}.adminColHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid rgba(255,255,255,.12)}.adminColTitle{font-size:13px;letter-spacing:.2px;color:#ffffffe6}.adminColMeta{font-size:12px;color:#ffffff9e}.adminInputSmall{width:min(360px,100%);padding:8px 10px;border-radius:10px}.adminRow{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.adminInput,.adminSelect{width:min(520px,100%);background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:#fff;border-radius:12px;padding:10px 12px;outline:none}.adminBtn{background:#ffffff1f;border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:12px;padding:10px 12px;cursor:pointer}.adminBtnFile{position:relative;overflow:hidden}.adminFileInput{position:absolute;inset:0;opacity:0;cursor:pointer}.adminBtnPrimary{background:#2b65ff;border-color:#ffffff38}.adminBtnDanger{background:#ff545438;border-color:#ff545452}.adminBtn:disabled{opacity:.55;cursor:default}.adminMeta{margin-top:10px;color:#ffffffc7;font-size:13px}.adminMeta strong{color:#fffffff2}.adminMetaDim{color:#ffffff9e}.adminMetaHint{color:#ffffffa6;font-size:12px}.adminSection{margin-top:14px;border:1px solid rgba(255,255,255,.12);background:#0000001f;border-radius:16px;padding:12px}.adminSectionHeader{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.adminSectionTitle{font-size:13px;letter-spacing:.2px;color:#ffffffe6}.adminSectionHint{font-size:12px;color:#ffffff9e}.adminBgPreview{margin-top:10px;height:150px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background-size:cover;background-position:center}.adminBgPreviewEmpty{display:flex;align-items:center;justify-content:center;color:#ffffffa6;background:#ffffff0f}.adminDivider{height:1px;background:#ffffff1f;margin:16px 0}.adminList{padding:12px;display:grid;grid-template-columns:1fr;gap:8px;max-height:65vh;overflow:auto}.adminTrack{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#00000024;transition:background .14s ease,border-color .14s ease,transform 90ms ease}.adminTrackClickable{cursor:pointer}.adminTrackClickable:active{transform:translateY(1px)}.adminTrack:focus-visible{outline:2px solid rgba(43,101,255,.65);outline-offset:2px}.adminTrackOn{border-color:#2b65ff8c;background:#2b65ff24}.adminTrackOff{border-color:#ffffff1a;background:#0000001f}.adminTrackTitle{display:flex;flex-direction:column;gap:2px;min-width:0}.adminTrackName{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adminTrackFile{font-size:12px;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adminToggle{display:flex;align-items:center;gap:8px;font-size:13px;-webkit-user-select:none;user-select:none}.adminToggle input[type=checkbox]{width:18px;height:18px}.adminOrderControls{display:flex;align-items:center;gap:8px}.adminBtnSmall{padding:6px 10px;border-radius:10px}.adminDragHandle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#ffffffd9;-webkit-user-select:none;user-select:none;cursor:grab}.adminDragHandleDisabled{opacity:.55;cursor:not-allowed}.adminDragHandle:active{cursor:grabbing}.adminPill{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);font-size:12px;letter-spacing:.2px}.adminPillOn{background:#2b65ff29;border-color:#2b65ff59;color:#ffffffeb}.adminPillOff{background:#ffffff0f;border-color:#ffffff24;color:#ffffffb8}.adminError{color:#ffb4b4;font-size:13px;margin-top:10px}@media(max-width:920px){.adminColumns{grid-template-columns:1fr}.adminList{max-height:none}}