:root{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.4;font-weight:400;color:#efe2c0;background:#546085;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:#546085;overflow:auto;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#root{height:100%;overflow:auto}:root{--ef-bg: #546085;--ef-deep-rgb: 28, 34, 54;--ef-cream-rgb: 239, 226, 192;--ef-panel: rgba(var(--ef-deep-rgb), .88);--ef-panel-2: rgba(var(--ef-deep-rgb), .78);--ef-border: rgba(var(--ef-cream-rgb), .9);--ef-border-soft: rgba(var(--ef-cream-rgb), .35);--ef-text: rgba(var(--ef-cream-rgb), .98);--ef-text-soft: rgba(var(--ef-cream-rgb), .86);--ef-shadow: rgba(0, 0, 0, .35);--ef-radius: 12px}.appRoot{min-height:100dvh;background:var(--ef-bg);color:var(--ef-text)}.page{height:100dvh;display:grid;grid-template-rows:auto 1fr auto}.siteHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(16px + env(safe-area-inset-top)) 16px 14px;border-bottom:2px solid var(--ef-border);background:linear-gradient(180deg,rgba(var(--ef-deep-rgb),.65),rgba(var(--ef-deep-rgb),.25))}.brand{display:grid;gap:4px}.brandTitle{font-size:14px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.brandSub{font-size:12px;opacity:.9}.headerActions{display:flex;align-items:center;gap:10px}.volumeWrap{position:relative}.iconBtn{height:44px;min-width:44px;padding:0 12px;border-radius:0;border:2px solid var(--ef-border);background:rgba(var(--ef-deep-rgb),.24);color:var(--ef-text);cursor:pointer;box-shadow:0 8px #0000002e;display:grid;place-items:center;font-weight:900;letter-spacing:.08em;-webkit-user-select:none;user-select:none}.iconBtn:active{transform:translateY(2px);box-shadow:0 6px #0000002e}.iconBtn:focus-visible{outline:2px solid rgba(var(--ef-cream-rgb),.85);outline-offset:2px}.volumePopover{position:absolute;top:52px;right:0;min-width:260px;padding:10px;border-radius:0;background:var(--ef-panel);border:2px solid var(--ef-border);box-shadow:0 16px #0000002e;z-index:12}.volumeRow{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px}.volumeMuteBtn{width:44px;height:44px;border-radius:0;border:2px solid var(--ef-border);background:rgba(var(--ef-cream-rgb),.12);color:var(--ef-text);cursor:pointer;display:grid;place-items:center}.volumeSlider{width:100%;accent-color:rgba(var(--ef-cream-rgb),.95)}.volumeValue{font-size:12px;opacity:.9;text-align:right;font-variant-numeric:tabular-nums}.main{display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:flex-start;padding:18px 16px;height:100%;min-height:0}.artwork{width:min(560px,100%);flex:1 1 auto;min-height:220px;border-radius:0;border:2px solid var(--ef-border);background:rgba(var(--ef-deep-rgb),.16);box-shadow:0 16px #0000002e;position:relative;overflow:hidden;cursor:pointer;padding:0}.artwork:focus-visible{outline:2px solid rgba(var(--ef-cream-rgb),.85);outline-offset:4px}.artworkImg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;transform:scale(1.02)}.artworkOverlay{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(var(--ef-cream-rgb),0) 0px 5px,rgba(var(--ef-cream-rgb),.06) 6px),linear-gradient(180deg,rgba(var(--ef-deep-rgb),.12),rgba(var(--ef-deep-rgb),.52));pointer-events:none}.artworkCenterBtn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:0;border:2px solid var(--ef-border);background:rgba(var(--ef-deep-rgb),.78);padding:12px 14px;color:var(--ef-text);font-weight:900;letter-spacing:.16em;text-transform:uppercase;box-shadow:0 10px #00000038}.artworkCenterBtn.mobile{letter-spacing:.12em}.playerCard{width:min(560px,100%);border-radius:0;border:2px solid var(--ef-border);background:var(--ef-panel-2);box-shadow:0 16px #0000002e;padding:14px;display:grid;gap:14px}.nowPlaying{display:grid;gap:6px}.trackTitle{font-size:14px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.trackStatus{font-size:12px;opacity:.9}.transport{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:10px}.transportSpacer{height:46px}.pixelBtn{height:46px;border-radius:0;border:2px solid var(--ef-border);background:rgba(var(--ef-cream-rgb),.12);color:var(--ef-text);font-weight:900;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;box-shadow:0 8px #0000002e}.pixelBtn.primary{background:rgba(var(--ef-cream-rgb),.2)}.pixelBtn:active{transform:translateY(2px);box-shadow:0 6px #0000002e}.pixelBtn:focus-visible{outline:2px solid rgba(var(--ef-cream-rgb),.85);outline-offset:2px}.siteFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px calc(14px + env(safe-area-inset-bottom));border-top:2px solid var(--ef-border);background:rgba(var(--ef-deep-rgb),.22);font-size:12px}.footerRight{display:flex;gap:10px;align-items:center}.footerLink,.footerLinkBtn{font:inherit;color:var(--ef-text);text-decoration:none;border:2px solid var(--ef-border);padding:8px 10px;background:rgba(var(--ef-cream-rgb),.12);cursor:pointer}.footerLink:hover,.footerLinkBtn:hover{background:rgba(var(--ef-cream-rgb),.18)}.playlistPanel{position:fixed;top:calc(14px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));width:min(420px,calc(100% - 28px - env(safe-area-inset-left) - env(safe-area-inset-right)));z-index:20;border-radius:0;background:var(--ef-panel);border:2px solid var(--ef-border);display:flex;flex-direction:column;box-shadow:0 18px #0000002e}.playlistHeader{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:2px solid var(--ef-border-soft)}.menuTabs{display:flex;gap:8px;align-items:center}.menuTabBtn,.ghostBtn{padding:8px 10px;border-radius:0;border:2px solid var(--ef-border);background:transparent;color:var(--ef-text);cursor:pointer;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.menuTabBtn.active{background:rgba(var(--ef-cream-rgb),.16)}.playlistList{overflow:auto;padding:8px}.trackRow{width:100%;display:grid;grid-template-columns:18px 1fr;align-items:center;gap:10px;padding:12px 10px;min-height:48px;border-radius:0;border:2px solid transparent;background:transparent;cursor:pointer;color:var(--ef-text);text-align:left}.trackRow:hover{background:rgba(var(--ef-cream-rgb),.12)}.trackRow.current{background:rgba(var(--ef-cream-rgb),.16);border-color:var(--ef-border-soft)}.trackIcon{opacity:.9;font-size:13px}.trackName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:900;letter-spacing:.06em;line-height:1.2}.empty{padding:18px 12px;opacity:.9;font-size:12px}.aboutBody{overflow:auto;padding:14px}.aboutHeading{margin:0 0 10px;font-size:14px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.aboutText{margin:0 0 10px;font-size:12px;line-height:1.6;opacity:.95}.aboutList{margin:10px 0 0;padding-left:18px;display:grid;gap:10px}.aboutListItem{font-size:12px;line-height:1.6;opacity:.95}.aboutLinks{display:flex;gap:10px;margin-top:12px}.aboutLink{display:inline-flex;font:inherit;padding:8px 10px;border-radius:0;border:2px solid var(--ef-border);background:rgba(var(--ef-cream-rgb),.12);color:var(--ef-text);text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.aboutLink:hover{background:rgba(var(--ef-cream-rgb),.18)}.newsletterOverlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:18px;background:rgba(var(--ef-deep-rgb),.65)}.newsletterModal{width:min(560px,100%);border-radius:0;background:var(--ef-panel);border:2px solid var(--ef-border);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 18px #0000002e}.newsletterHeader{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:2px solid var(--ef-border-soft)}.newsletterTitle{font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.newsletterBody{padding:12px;display:grid;place-items:center}.newsletterEmbed{width:min(480px,100%);height:320px;border-radius:0;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}}