.bp{--bp-face1:#fdf8ee;--bp-face2:#f0e4cb;--bp-face3:#e2d2b0;outline:none}html:not(.js) .bp__controls,html:not(.js) .bp__hint,html:not(.js) .bp__stage,html:not(.js) .bp__strip-wrap{display:none}.bp__controls{display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:center;align-items:center;margin:0 auto 1rem;padding:1rem 1.25rem;max-width:980px;border:1px solid var(--rule-light);background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.15));border-radius:14px}.bp__ctl{display:flex;flex-direction:column;align-items:center;gap:.5rem}.bp__lab{font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--on-light-muted);text-align:center}.bp__row{display:flex;align-items:center;gap:.6rem}.bp__arrow,.bp__ghost{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;border:1px solid var(--rule-light);background:var(--parchment);color:var(--on-light);cursor:pointer;transition:border-color .2s,color .2s,background-color .2s}.bp__arrow svg,.bp__ghost svg{width:22px;height:22px}.bp__arrow[data-bp="prev"] svg{transform:scaleX(-1)}.bp__arrow:hover,.bp__ghost:hover{border-color:var(--bronze);color:var(--bronze-deep)}.bp__arrow:disabled{opacity:.35;cursor:default}.bp__ghost[aria-pressed="true"] .bp__waves{display:none}.bp__ghost[aria-pressed="true"]{color:var(--bronze-deep);border-color:var(--bronze)}.bp__tonic{min-width:9.5rem;text-align:center;padding:.35rem .75rem;border:1px solid var(--rule-light);border-radius:12px;background:var(--parchment)}.bp__tonic-n{font-family:var(--font-display);font-size:1.75rem;line-height:1.1;color:var(--bronze-deep);font-weight:600;letter-spacing:.03em}.bp__tonic-m{font-size:.8125rem;color:var(--on-light-muted)}.bp__seg{display:flex;border:1px solid var(--rule-light);border-radius:12px;overflow:hidden;background:var(--parchment)}.bp__seg button{width:44px;height:46px;border:0;border-right:1px solid var(--rule-light);background:transparent;color:var(--on-light);font:600 1rem var(--font-text);cursor:pointer}.bp__seg button:last-child{border-right:0}.bp__seg button[aria-pressed="true"]{background:var(--bronze);color:var(--ink)}.bp__play{border-radius:12px}.bp__play svg{order:-1}.bp__hint{text-align:center;max-width:46rem;margin:0 auto 1.25rem;color:var(--on-light-muted);font-size:.9375rem}.bp__stage{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:1.5rem;align-items:start;max-width:1080px;margin-inline:auto}.bp__dial-wrap{display:flex;justify-content:center}.bp__dial{width:100%;max-width:560px;height:auto;display:block;cursor:grab;user-select:none;-webkit-user-select:none}.bp__dial.is-grabbing{cursor:grabbing}.bp__wheel{transform-box:view-box;transform-origin:300px 300px;transition:transform .85s cubic-bezier(.22,.61,.18,1)}.bp__wheel.is-dragging{transition:none}.bp-s-face1{stop-color:var(--bp-face1)}.bp-s-face2{stop-color:var(--bp-face2)}.bp-s-face3{stop-color:var(--bp-face3)}.bp-face-edge{stroke:var(--parchment-3)}.bp-inner-ring{stroke:rgba(160,125,60,.22)}.bp-tick{stroke:rgba(150,118,62,.35);stroke-width:1.1}.bp-wl{cursor:pointer}.bp-wl text{font:600 15px var(--font-display);fill:rgba(110,86,46,.9)}.bp-wl--off text{fill:rgba(150,134,102,.45)}.bp-win{fill:#fdf8ee}.bp-win-glow{stroke:var(--bronze-bright);stroke-width:2.5}.bp-t-note{font:700 17px var(--font-display);fill:var(--bronze-deep)}.bp-t-kg{font:500 12.5px var(--font-text);fill:#8d7d5f}.bp-t-pos{font:700 12px var(--font-text);fill:#3a2a0c}.bp-t-oct,.bp-t-same{font:600 11px var(--font-text);letter-spacing:.14em;fill:var(--bronze-deep)}.bp-t-same{font-size:9px}.bp-t-year{font:700 12px var(--font-display);letter-spacing:.08em;fill:rgba(90,66,28,.8)}.bp-tie{stroke:rgba(150,115,50,.6);stroke-width:1.4}.bp-ripple{stroke:rgba(180,135,60,.6)}.bp-sway{transform-box:view-box;transform-origin:300px 200px}.bp-sway.is-swinging{animation:bp-swing 1.25s ease-out}.bp__panel{display:grid;gap:1rem}.bp__card{border:1px solid var(--rule-light);border-radius:14px;padding:1.1rem 1.25rem;background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,.2))}.bp__weights{text-align:center}.bp__cap{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--on-light-muted)}.bp__big{margin:.2rem 0 0;font-family:var(--font-display);font-size:clamp(2.6rem,2rem + 3vw,3.6rem);line-height:1;color:var(--bronze-deep);font-weight:600}.bp__u{font-size:.42em;color:var(--on-light-muted);margin-left:.35rem}.bp__countline{margin:.35rem 0 0;color:var(--on-light-muted);font-size:.9375rem}.bp__sep{height:1px;margin:.9rem 0;background:linear-gradient(90deg,transparent,var(--rule-light),transparent)}.bp__kv{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;margin:0;padding:.2rem 0;font-size:.9375rem;text-align:left}.bp__kv>span:first-child{color:var(--on-light-muted)}.bp__kv b{color:var(--bronze-deep);font-size:1.15rem}.bp__badge{display:flex;gap:.6rem;align-items:center;justify-content:center;margin:0;padding:.7rem .9rem;border-radius:12px;border:1px solid var(--rule-light);background:rgba(192,138,60,.12);color:var(--bronze-deep);font-size:.9375rem;text-align:center}.bp__badge.is-off{opacity:.55;color:var(--on-light-muted)}.bp__badge.is-off .bp__ck{visibility:hidden}.bp__principle{font-size:.9375rem;color:var(--on-light-muted)}.bp__principle p:last-child{margin:0}.bp__principle strong{color:var(--bronze-deep)}.bp__strip-wrap{max-width:1080px;margin:1.75rem auto 0}.bp__strip-title{text-align:center;font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--on-light-muted);margin:0 0 .25rem}.bp__arc{display:block;width:100%;height:26px}.bp__strip{display:flex;justify-content:center;align-items:flex-end;gap:clamp(4px,1.2vw,14px);overflow-x:auto;padding:.25rem .25rem .5rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.bp-bell{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem .3rem;border:0;border-radius:12px;background:transparent;color:var(--on-light);cursor:pointer;scroll-snap-align:center;min-width:64px;font-family:var(--font-text)}.bp-bell:hover{background:rgba(192,138,60,.1)}.bp-bell svg{display:block;overflow:visible}.bp-bell .bp-bellbody{transform-box:fill-box;transform-origin:50% 10%}.bp-bell.is-ringing .bp-bellbody{animation:bp-swing 1.1s ease-out}.bp-bell__pos{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:.75rem;font-weight:700;color:var(--ink);background:linear-gradient(180deg,#ecd29a,var(--bronze))}.bp-bell--key .bp-bell__pos{box-shadow:0 0 0 3px rgba(224,173,92,.35)}.bp-bell__n{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--bronze-deep);line-height:1}.bp-bell__l{font-size:.75rem;color:var(--on-light-muted)}.bp-bell__kg{font-weight:600;font-size:.875rem;padding:.1rem .5rem;border-radius:8px;background:rgba(192,138,60,.14)}.bp-bell__d{font-size:.75rem;color:var(--on-light-muted)}.bp__note{text-align:center;max-width:46rem;margin:1.25rem auto 0;font-size:.875rem;color:var(--on-light-muted)}@keyframes bp-swing{0%{transform:rotate(0)}12%{transform:rotate(7deg)}30%{transform:rotate(-5deg)}48%{transform:rotate(3.5deg)}66%{transform:rotate(-2deg)}82%{transform:rotate(1deg)}100%{transform:rotate(0)}}@media (max-width:900px){.bp__stage{grid-template-columns:1fr}.bp__panel{grid-template-columns:1fr 1fr}}@media (max-width:640px){.bp__controls{display:grid;grid-template-columns:1fr;gap:1rem;padding:1rem .75rem}.bp__panel{grid-template-columns:1fr}.bp__strip{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.bp__wheel{transition:none}.bp-sway.is-swinging,.bp-bell.is-ringing .bp-bellbody{animation:none}}.mp__filters{display:grid;gap:.75rem;justify-items:center;margin:0 0 1.5rem}.mp__filters[hidden]{display:none}.mp__chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.mp__chip{min-height:44px;padding:.45rem 1rem;border-radius:999px;border:1px solid var(--rule-light);background:var(--parchment);color:var(--on-light);font:500 .9375rem var(--font-text);cursor:pointer;transition:border-color .2s,background-color .2s}.mp__chip:hover{border-color:var(--bronze)}.mp__chip[aria-pressed="true"]{background:var(--bronze);border-color:var(--bronze);color:var(--ink);font-weight:600}.mp__chips--cats .mp__chip{font-size:.875rem}.mp__search{width:min(28rem,100%);min-height:48px;padding:.6rem 1.25rem;border-radius:999px;border:1px solid var(--rule-light);background:#fff;color:var(--on-light);font:1rem var(--font-text);text-align:center}.mp__search:focus{outline:2px solid var(--bronze);outline-offset:2px}.mp__group[hidden]{display:none}.mp__ghead{display:flex;align-items:center;gap:.75rem;font-family:var(--font-text);font-size:.8125rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--on-light-muted);margin:1.75rem 0 .75rem}.mp__ghead::after{content:"";flex:1;height:1px;background:var(--rule-light)}.mp__gnum{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--bronze);color:var(--ink);font-size:.875rem;letter-spacing:0}.mp__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(15rem,100%),1fr));gap:.6rem}.mp__grid li[hidden]{display:none}.mp__rec{display:flex;align-items:center;gap:.8rem;min-height:56px;padding:.65rem .9rem;border:1px solid var(--rule-light);border-radius:12px;background:rgba(255,255,255,.5);color:var(--on-light);text-decoration:none;transition:border-color .2s,background-color .2s,transform .2s}.mp__rec:hover{border-color:var(--bronze);transform:translateY(-1px)}.mp__rec.is-current{border-color:var(--bronze);background:rgba(192,138,60,.14)}.mp__ic{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(192,138,60,.18);color:var(--bronze-deep)}.mp__ic svg{width:16px;height:16px}.mp__rec.is-playing .mp__ic{background:var(--bronze);color:var(--ink)}.mp__t{display:flex;flex-direction:column;min-width:0}.mp__n{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp__m{font-size:.8125rem;color:var(--on-light-muted)}.mp__count{text-align:center;color:var(--on-light-muted);font-size:.875rem;margin:1.25rem 0 0}.mp__now{position:sticky;bottom:calc(var(--callbar-h,0px) + env(safe-area-inset-bottom) + .75rem);z-index:40;display:flex;align-items:center;gap:.75rem;max-width:760px;margin:1.5rem auto 0;padding:.7rem 1rem;border:1px solid var(--bronze);border-radius:16px;background:var(--parchment);box-shadow:0 16px 40px -18px rgba(60,40,10,.55)}.mp__now[hidden]{display:none}.mp__btn{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--rule-light);background:transparent;color:var(--on-light);cursor:pointer}.mp__btn svg{width:18px;height:18px}.mp__btn--pp{background:var(--bronze);border-color:var(--bronze);color:var(--ink)}.mp__btn--pp .mp__i-play,.mp__btn--pp.is-paused .mp__i-pause{display:none}.mp__btn--pp.is-paused .mp__i-play{display:inline}.mp__nm{flex:1;min-width:0}.mp__now-t{margin:0;font-family:var(--font-display);font-size:1.15rem;color:var(--bronze-deep);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp__now-s{margin:0;font-size:.75rem;color:var(--on-light-muted)}.mp__prog{height:6px;margin-top:.4rem;border-radius:3px;background:var(--parchment-3);overflow:hidden;cursor:pointer}.mp__prog-bar{height:100%;width:0;background:var(--bronze)}.mp__time{flex:none;margin:0;font-size:.8125rem;color:var(--on-light-muted);font-variant-numeric:tabular-nums}@media (max-width:520px){.mp__now{gap:.4rem;padding:.6rem}.mp__btn[data-mp="prev"],.mp__time{display:none}}@media (prefers-reduced-motion:reduce){.mp__rec{transition:none}.mp__rec:hover{transform:none}}