html,body,#root{margin:0;min-height:100%}body{background:var(--ds-page)}.file-nav{display:flex;flex-wrap:wrap;gap:20px;border-bottom:1px solid var(--ds-hairline)}.file-nav a{padding:10px 0;color:var(--ds-ink-2);text-decoration:none}.file-nav a[aria-current=page]{color:var(--ds-ink);box-shadow:inset 0 -1px 0 var(--ds-ink)}@media(max-width:600px){.file-nav a{display:inline-flex;align-items:center;min-height:44px}}.bb{display:flex;flex-direction:column;gap:16px}.bb-modes{display:flex;gap:8px}.bb-canvas{position:relative;width:100%;aspect-ratio:1 / 1.05;max-height:76vh;border-radius:12px;overflow:hidden;background:#0b0b16;touch-action:none}@media(min-width:768px){.bb-canvas{aspect-ratio:16 / 10}}.bb-canvas canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.bb-tag{position:absolute;left:10px;top:10px;padding:4px 10px;border-radius:999px;background:#0009;color:#fff;font-size:12px;line-height:20px;max-width:calc(100% - 20px);pointer-events:none}.bb-hint{position:absolute;left:10px;right:10px;bottom:8px;color:#ffffffbf;font-size:11px;line-height:16px;text-align:center;pointer-events:none;text-shadow:0 1px 3px #000}.bb-ctrl{display:flex;flex-direction:column;gap:12px}.bb-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.bb-map{width:100%;height:auto;display:block;border-radius:12px}.bb-music{display:flex;flex-direction:column;gap:8px}.bb-mtitle{font-weight:600}.bb-mnote{color:var(--ds-ink-2);font-size:12px;line-height:18px}.bb-player{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#000}.bb-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.bb-play{display:block;padding:14px 16px;border-radius:12px;background:#2a2326;color:#fff;text-decoration:none;font-weight:600}.bb-modes{flex-wrap:wrap}.bb-joy{position:absolute;left:12px;bottom:28px;width:92px;height:92px;border-radius:50%;background:#ffffff24;border:2px solid rgba(255,255,255,.4);touch-action:none;display:flex;align-items:center;justify-content:center}.bb-knob{width:40px;height:40px;border-radius:50%;background:#ffffffd9;pointer-events:none}.bb-mini{position:absolute;right:10px;bottom:28px;width:108px;height:108px;border-radius:8px;border:2px solid rgba(255,255,255,.7);pointer-events:none}.bb-fans{position:absolute;right:8px;top:8px;display:flex;flex-direction:column;gap:2px;padding:6px 8px;border-radius:8px;background:#0000008c;color:#fff;font-size:10px;line-height:13px;pointer-events:none}.bb-fans span{display:flex;align-items:center;gap:4px}.bb-fans i{width:6px;height:6px;border-radius:50%;display:inline-block}.bb-fans em{color:#ffffffb3;font-style:normal}.bb-bar{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:#2a2326;color:#fff}.bb-binfo{flex:1;min-width:0}.bb-bt{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-bs{font-size:11px;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-prog{height:3px;border-radius:2px;background:#fff3;margin-top:4px}.bb-prog div{height:100%;background:#ffd84a;border-radius:2px}.bb-ctrl[hidden]{display:none}.bb-don{display:flex;flex-direction:column;gap:12px}.bb-donhead{display:flex;justify-content:space-between;align-items:center;gap:12px}.bb-donbtn{padding:10px 20px;border-radius:999px;background:#ffd84a;color:#231c00;font-weight:700;text-decoration:none}.bb-donbtn.off{opacity:.45}.bb-donlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.bb-donlist li{display:grid;grid-template-columns:28px 1fr auto;gap:2px 8px;align-items:center;padding:8px 10px;border-radius:10px;background:var(--ds-surface, #f3efec)}.bb-rank{font-weight:700;text-align:center}.bb-da{font-weight:600}.bb-dbar{grid-column:2 / 4;height:4px;border-radius:2px;background:#00000014}.bb-dbar span{display:block;height:100%;border-radius:2px;background:#f2b800}.bb-tag.red{background:#d8283c}.bb-barwrap{display:flex;flex-direction:column;gap:6px}.bb-plist{list-style:none;margin:0;padding:6px;border-radius:12px;background:#17141a;color:#fff;display:flex;flex-direction:column;max-height:300px;overflow-y:auto}.bb-plist li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:14px;cursor:pointer}.bb-plist li.on{background:#5a1830}.bb-plist .n{text-align:center;opacity:.7}.bb-plist .d{opacity:.7;font-variant-numeric:tabular-nums}.bb-pp{width:44px;height:44px;border-radius:50%;border:0;background:#e8294a;color:#fff;font-size:14px;flex:none;cursor:pointer}.bb-ib{min-width:36px;height:40px;border-radius:10px;border:0;background:#ffffff1a;color:#fff;font-size:12px;flex:none;cursor:pointer}.bb-ib.on{background:#ffffff4d}.bb-fans u,.bb-rank{text-decoration:none}.bb-fans u{display:inline-flex;width:13px;height:13px;border-radius:50%;align-items:center;justify-content:center;font-size:9px;background:#ffffff40}.bb-fans u.r1,.bb-rank.r1{background:#f2b800;color:#231c00}.bb-fans u.r2,.bb-rank.r2{background:#b8bcc6;color:#1c1c22}.bb-fans u.r3,.bb-rank.r3{background:#c97a3a;color:#fff}.bb-rank{display:inline-flex;width:24px;height:24px;border-radius:50%;align-items:center;justify-content:center}.bb-pp{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.bb-info{position:absolute;left:50%;transform:translate(-50%);bottom:132px;max-width:calc(100% - 24px);padding:6px 12px;border-radius:10px;background:#0000009e;color:#fff;font-size:13px;font-weight:600;line-height:17px;text-align:center;text-shadow:0 1px 3px #000;pointer-events:none}.bb-info small{display:block;font-size:11px;font-weight:500;color:#ffffffbf}.bb-info.tap{pointer-events:auto;cursor:pointer;border:1px solid rgba(255,216,74,.7)}.bb-disc{position:fixed;inset:0;z-index:9999;background:#050812d1;display:flex;align-items:center;justify-content:center;padding:18px}.bb-disc>div{max-width:440px;background:#0f1424;color:#e8ebf5;border:1px solid #2a3350;border-radius:14px;padding:20px 20px 16px;font:15px/1.45 system-ui,sans-serif;max-height:90vh;overflow:auto}.bb-disc h2{margin:0 0 10px;font-size:22px;color:#fff}.bb-disc ul{margin:0 0 14px;padding-left:18px}.bb-disc li{margin:0 0 8px}.bb-disc button{width:100%;padding:13px;border:0;border-radius:10px;background:#f1f1f1;color:#111;font:700 16px system-ui,sans-serif;cursor:pointer}.bb-ythide{position:absolute;left:-9999px;top:0;width:240px;height:135px}.bb-ytshow{width:100%;padding:8px 0}.bb-ytshow iframe{width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:10px}.bb-canvas canvas.bb-glcv{position:absolute;left:0;top:0;pointer-events:none;cursor:default}