:root{color:#18191d;background:#f4f5f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh}body[data-surface^=player-]{min-width:0;min-height:100vh;min-height:100dvh;overflow-x:hidden}body[data-surface^=player-] #root{display:flow-root;min-width:0;min-height:100vh;min-height:100dvh}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(255,90,47,.35);outline-offset:2px}.route-loading,.runtime-error{display:grid;min-height:100vh;place-content:center;gap:14px;padding:32px;background:#f4f6f8;color:#252a34;text-align:center}.route-loading span{justify-self:center;width:28px;height:28px;border:3px solid #d7deea;border-top-color:#1f5eff;border-radius:999px;animation:route-loading-spin .8s linear infinite}.route-loading strong{font-size:15px}.runtime-error h1{margin:0;font-size:28px}.runtime-error p{max-width:560px;margin:0;color:#626978;font-size:15px;line-height:1.7}.runtime-error button{justify-self:center;border:0;border-radius:8px;padding:10px 14px;color:#fff;background:#1f5eff;font-weight:900;cursor:pointer}.support-qr-fab{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:140;display:inline-flex;align-items:center;gap:8px;min-height:48px;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:0 18px;color:#fff;background:#17191f;box-shadow:0 18px 40px #0d121c3d;font-size:15px;font-weight:900;cursor:pointer}.support-qr-fab:hover{background:#ff5a2f}.support-qr-backdrop{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:24px;background:#0e121c85;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.support-qr-dialog{position:relative;width:min(380px,100%);border:1px solid rgba(255,255,255,.72);border-radius:8px;padding:24px;background:#fff;box-shadow:0 30px 90px #0d121c57;color:#1d222c}.support-qr-close{position:absolute;top:14px;right:14px;display:inline-grid;width:36px;height:36px;place-items:center;border:0;border-radius:999px;color:#5d6573;background:#f2f4f7;cursor:pointer}.support-qr-close:hover{color:#17191f;background:#e7ebf0}.support-qr-head{padding-right:42px}.support-qr-head span{display:block;margin-bottom:8px;color:#ff5a2f;font-size:13px;font-weight:900}.support-qr-head h2{margin:0;font-size:24px;line-height:1.2;letter-spacing:0}.support-qr-head p{margin:10px 0 0;color:#687080;font-size:14px;line-height:1.65}.support-qr-card{display:grid;width:100%;aspect-ratio:1;place-items:center;margin-top:20px;border:1px solid #e5e9f0;border-radius:8px;padding:14px;background:#f8fafc}.support-qr-card img{display:block;width:100%;height:100%;object-fit:contain;border-radius:6px;background:#fff}.support-qr-missing{display:grid;gap:10px;max-width:240px;color:#7a5361;text-align:center}.support-qr-missing strong{color:#2b303a;font-size:16px}.support-qr-missing span{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.support-qr-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.support-qr-meta span{border:1px solid #e2e7ef;border-radius:999px;padding:7px 10px;color:#4d5563;background:#fff;font-size:12px;font-weight:800}@media(max-width:640px){.support-qr-backdrop{padding:16px;place-items:end center}.support-qr-dialog{padding:22px}.support-qr-head h2{font-size:22px}}@media(max-width:768px){.support-qr-fab{display:none}}@keyframes route-loading-spin{to{transform:rotate(360deg)}}