.jb-root{--night:#0b0d1a;--ink:#16131c;--panel:#12101b;--paper:#f7f3ec;--muted:#8a8194;--dawn:#e94f6d;--dawn-deep:#c8385a;--ember:#f2a24a;--saucer:#5fbf74;--chrome-hi:#e6e6ee;--chrome:#b9b9c6;--chrome-lo:#6f6f7d;--glass:#07080f;--sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--display:"Helvetica Neue", Arial, "Segoe UI", system-ui, sans-serif;background:radial-gradient(120% 90% at 50% 0%, #1a1626 0%, var(--night) 55%, #05060c 100%);width:100%;height:100dvh;color:var(--paper);font-family:var(--sans);box-sizing:border-box;grid-template-rows:1fr;place-items:center;padding:clamp(6px,1.4vh,18px);display:grid;overflow:hidden;container-type:size}.jb-root *,.jb-root :before,.jb-root :after{box-sizing:border-box}.jb-sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.jb-stage{aspect-ratio:2/3;--dial-angle:0deg;width:auto;max-width:100%;height:min(100cqh,150cqw);margin:auto;position:relative}.jb-shell{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.jb-marquee{z-index:5;align-content:center;gap:clamp(2px,.6cqh,8px);padding:0 clamp(8px,6cqw,22px);display:grid;position:absolute;overflow:hidden;container-type:size}.jb-eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--saucer);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(.5rem,7cqh,.68rem);overflow:hidden}.jb-title{font-family:var(--display);color:var(--paper);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(.85rem,6cqw,1.6rem);font-weight:700;line-height:1.12;overflow:hidden}.jb-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(.6rem,3cqw,.9rem);overflow:hidden}.jb-bar{background:#ffffff1a;border-radius:999px;height:4px;overflow:hidden}.jb-bar>i{background:linear-gradient(90deg, var(--ember), var(--dawn));border-radius:999px;height:100%;transition:width .9s linear;display:block}.jb-next{color:#6f6880;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(.55rem,2.4cqw,.75rem);overflow:hidden}.jb-liveerror{color:#ffc9d3;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(.55rem,2.4cqw,.72rem);overflow:hidden}.jb-glass{z-index:5;min-height:0;color:var(--paper);background:linear-gradient(#1c222e8c,#04060bc7),repeating-linear-gradient(90deg,#0000 0 3px,#ffffff04 3px 4px);border-radius:12px;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:inset 0 0 24px #0009;container-type:size}.jb-now{background:#00000038;border-bottom:1px solid #ffffff17;flex:none;align-items:center;gap:clamp(8px,3cqw,16px);min-height:0;padding:clamp(2px,1cqh,8px) clamp(8px,2.6cqw,14px);display:flex}.jb-record{--rec:clamp(44px, 13cqh, 80px);--spin-dur:1.333s;--drop-dur:.9s;width:var(--rec);height:var(--rec);flex:none;position:relative}.jb-record-drop{transform-origin:50%;width:100%;height:100%;animation:jb-drop var(--drop-dur) cubic-bezier(.2, .7, .3, 1) both;filter:drop-shadow(0 3px 5px #0000008c);display:block}.jb-record[data-phase=drop] .jb-record-drop{will-change:transform, opacity}.jb-record[data-phase=spin] .jb-record-drop{will-change:auto}.jb-record-vinyl{transform-box:fill-box;transform-origin:50%}.jb-record[data-spin=true] .jb-record-vinyl{animation:jb-spin var(--spin-dur) linear infinite}@keyframes jb-drop{0%{opacity:0;transform:translateY(-130%)scale(.7)}55%{opacity:1}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes jb-spin{to{transform:rotate(360deg)}}@keyframes jb-record-fade{0%{opacity:0}to{opacity:1}}.jb-record-plate{flex:auto;align-content:center;gap:1px;min-width:0;display:grid}.jb-np-kick{letter-spacing:.22em;text-transform:uppercase;color:var(--saucer);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(.44rem,6cqh,.58rem);overflow:hidden}.jb-np-title{font-family:var(--display);color:var(--paper);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(.8rem,5cqw,1.15rem);font-weight:700;line-height:1.1;overflow:hidden}.jb-np-artist{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(.56rem,3cqw,.78rem);overflow:hidden}.jb-np-time{color:#6f6880;text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:clamp(.5rem,2.4cqw,.68rem);overflow:hidden}.jb-lyricband{background:#00000024;border-bottom:1px solid #ffffff17;flex:none;height:clamp(32px,13cqh,104px);min-height:0;display:flex}.jb-lyricband-scroll{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain;flex:auto;min-height:0;overflow:hidden}.jb-lyricband-scroll::-webkit-scrollbar{width:0;height:0;display:none}.jb-lyricband-inner{padding:clamp(4px,1.8cqh,10px) clamp(8px,2.6cqw,14px);position:relative}.jb-lyricband[data-mode=timed] .jb-lyricband-inner,.jb-lyricband[data-mode=untimed] .jb-lyricband-inner{will-change:transform;transition:transform .25s linear}.jb-lyricband-rest,.jb-lyricband-kind{color:var(--muted);margin:0;font-size:clamp(.6rem,3cqw,.8rem)}.jb-lyricband-rest{font-style:italic}.jb-lyricband-kind{letter-spacing:.12em;text-transform:uppercase;color:var(--ember);font-weight:700}.jb-lyricband-lines{color:#cdc6d8;gap:1px;margin:0;padding:0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:clamp(.66rem,2.2cqw,.84rem);line-height:1.5;list-style:none;display:grid}.jb-lyricband-lines li[data-line]{transition:color .2s}.jb-lyricband-lines li.blank{min-height:.55em}.jb-lyricband-lines li.on{color:var(--paper);font-weight:600}.jb-lyricband[data-mode=timed] .jb-lyricband-lines li[data-line]{color:#857c92}.jb-lyricband[data-mode=timed] .jb-lyricband-lines li.on{color:var(--paper);font-weight:700}.jb-browser{flex-direction:column;flex:auto;min-height:0;display:flex}.jb-glass[data-view=sheet] .jb-now,.jb-glass[data-view=sheet] .jb-lyricband{display:none}.jb-screen-head{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);background:#00000047;border-bottom:1px solid #ffffff17;flex:none;align-items:center;gap:.6em;min-height:0;padding:clamp(3px,1.4cqh,9px) clamp(8px,2.4cqw,14px);font-size:clamp(.52rem,4cqh,.66rem);display:flex}.jb-screen-head b{color:var(--paper);text-overflow:ellipsis;white-space:nowrap;max-width:60%;font-weight:700;overflow:hidden}.jb-pagenum{letter-spacing:.06em;color:var(--ember);text-transform:none;white-space:nowrap;margin-left:auto;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.82em}.jb-sheet-head{gap:.5em}.jb-strips-wrap{perspective:1200px;perspective-origin:50% 45%;flex:auto;min-height:0;padding:clamp(8px,3cqh,14px) clamp(8px,2.6cqw,14px);display:grid;overflow:hidden}.jb-strips{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:6px 8px;min-height:0;display:grid}.jb-strips.flip-next,.jb-strips.flip-prev{transform-style:preserve-3d;backface-visibility:hidden;will-change:transform, opacity}.jb-strips.flip-next{transform-origin:0;animation:.24s cubic-bezier(.2,.7,.3,1) both jb-page-next}.jb-strips.flip-prev{transform-origin:100%;animation:.24s cubic-bezier(.2,.7,.3,1) both jb-page-prev}@keyframes jb-page-next{0%{opacity:0;transform:rotateY(-34deg)}60%{opacity:1}to{opacity:1;transform:rotateY(0)}}@keyframes jb-page-prev{0%{opacity:0;transform:rotateY(34deg)}60%{opacity:1}to{opacity:1;transform:rotateY(0)}}@keyframes jb-page-fade{0%{opacity:0}to{opacity:1}}.jb-striprow{appearance:none;text-align:left;cursor:pointer;font:inherit;color:#1b1622;background:linear-gradient(#fdfaf4,#ece5d7 70%,#ded6c4);border:1px solid #00000080;border-radius:4px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:44px;padding:6px 10px 6px 6px;display:grid;box-shadow:0 1px 2px #00000080,inset 0 1px #ffffffe6}.jb-striprow:hover{background:linear-gradient(#fff,#f3ece0 70%,#e6dece)}.jb-striprow:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.jb-striprow[aria-current=true]{background:linear-gradient(#ffe9c6,#f6cf95 70%,#eab971);border-color:#c87828cc}.jb-striprow.blank{box-shadow:none;cursor:default;background:linear-gradient(#ffffff0d,#0000001f);border-color:#ffffff12}.jb-striprow .code{letter-spacing:.02em;color:#7d2f47;text-align:center;background:linear-gradient(#f3d9df,#e6bcc6);border:1px solid #7d2f4759;border-radius:3px;min-width:2.5em;padding:.32em .42em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.7rem;font-weight:700}.jb-striprow .strip{gap:1px;min-width:0;display:grid}.jb-striprow .name{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.72rem,1.7vw,.84rem);font-weight:700;line-height:1.15;overflow:hidden}.jb-striprow .meta{letter-spacing:.1em;text-transform:uppercase;color:#7a7288;text-overflow:ellipsis;white-space:nowrap;font-size:.56rem;overflow:hidden}.jb-recordrail{scrollbar-width:none;background:#0000004d;border-top:1px solid #ffffff17;flex-wrap:nowrap;flex:none;gap:5px;padding:clamp(2px,1cqh,6px) clamp(8px,2.6cqw,14px);display:flex;overflow:auto hidden}.jb-recordrail::-webkit-scrollbar{display:none}.jb-recordchip{appearance:none;cursor:pointer;font:inherit;width:30px;height:30px;min-height:30px;color:var(--muted);background:linear-gradient(#2a2438,#171326);border:1px solid #fff3;border-radius:50%;flex:none;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.66rem;font-weight:700}.jb-recordchip.own{color:#a8dcb6;border-color:#5fbf7473}.jb-recordchip:hover{filter:brightness(1.3)}.jb-recordchip:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.jb-recordchip.on{background:linear-gradient(180deg, #ffd9a6, var(--ember) 60%, #c8762a);color:#2a0d16;border-color:#ffffff80;box-shadow:0 0 10px #f2a24a8c}.jb-backchip{appearance:none;cursor:pointer;font:inherit;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(180deg, var(--chrome-hi), var(--chrome) 55%, var(--chrome-lo));min-height:30px;color:var(--ink);border:1px solid #ffffff38;border-radius:7px;padding:5px 10px;font-size:clamp(.5rem,3.6cqh,.6rem);font-weight:700}.jb-backchip:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.jb-scroll{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain;flex:auto;min-height:0;padding:clamp(8px,3cqh,14px) clamp(10px,2.6cqw,16px);overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000 0,#000 14px calc(100% - 18px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 14px calc(100% - 18px),#0000 100%)}.jb-scroll::-webkit-scrollbar{width:0;height:0;display:none}.jb-hits{z-index:6;pointer-events:none;position:absolute;inset:0}.jb-hit-vol,.jb-nav,.jb-sound,.jb-stats-wrap,.jb-jewel{pointer-events:auto}.jb-hit{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex;position:absolute}.jb-nav{background:linear-gradient(#0b0a0a,#050404);border:1px solid #4f4f52;border-radius:12px;gap:clamp(3px,1vw,8px);padding:clamp(3px,.8vw,6px);display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 1px #ffffff0f,0 2px 6px #00000080}.jb-navkey{appearance:none;cursor:pointer;min-width:0;min-height:44px;font:inherit;color:#201607;background:linear-gradient(#fff9dc,#dfcda2 55%,#b7a074);border:1px solid #00000080;border-radius:7px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:1px;padding:3px 2px;transition:transform .1s,filter .1s;display:flex;box-shadow:inset 0 1px #ffffffd9,0 1px 2px #00000080}.jb-navkey .ico{font-size:clamp(.72rem,1.8vw,1rem);line-height:1}.jb-navkey .lbl{letter-spacing:.04em;text-transform:uppercase;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:clamp(.44rem,1.15vw,.58rem);line-height:1}.jb-navkey:hover:not(:disabled){filter:brightness(1.06)}.jb-navkey:active:not(:disabled){filter:brightness(.93);transform:translateY(1px)}.jb-navkey:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.jb-navkey:disabled{opacity:.45;cursor:default}.jb-sound{aspect-ratio:1;cursor:pointer;appearance:none;width:12%;min-width:48px;min-height:48px;color:var(--paper);border:2px solid var(--chrome);background:radial-gradient(circle at 38% 32%,#3a3a42,#17171b 72%);border-radius:50%;justify-content:center;align-items:center;transition:transform .1s,box-shadow .2s,border-color .2s,filter .1s;display:inline-flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0009,inset 0 1px #ffffff38}.jb-sound .ico{pointer-events:none;font-size:clamp(1.05rem,3vw,1.6rem);line-height:1}.jb-sound .lbl{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:clamp(.5rem,1vw,.64rem);font-weight:700;position:absolute;top:calc(100% + 3px);left:50%;transform:translate(-50%)}.jb-sound:active{filter:brightness(1.12);transform:translate(-50%,calc(1px - 50%))}.jb-sound:focus-visible{outline:3px solid var(--ember);outline-offset:3px}.jb-sound[data-state=on]{border-color:#5fbf74d9;box-shadow:0 0 12px #5fbf7480,inset 0 1px #ffffff38}.jb-sound[data-state=on] .lbl{color:#bfe9c9}.jb-sound[data-state=muted]{background:radial-gradient(circle at 38% 32%,#4a2230,#17171b 74%);border-color:#e94f6de6}.jb-sound[data-state=muted] .lbl{color:#ffc9d3}.jb-sound[data-state=tap]{border-color:#f2a24af2;animation:1.6s ease-in-out infinite jb-sound-pulse}.jb-sound[data-state=tap] .lbl{color:#ffe0b8}.jb-sound[data-state=fatal]{border-color:#e94f6df2}.jb-sound[data-state=fatal] .lbl{color:#ffc9d3}@keyframes jb-sound-pulse{0%,to{box-shadow:0 0 6px #f2a24a66,inset 0 1px #ffffff38}50%{box-shadow:0 0 18px #f2a24ae6,inset 0 1px #ffffff38}}.jb-hit-vol{border-radius:50%;transform:translate(-50%,-50%)}.jb-knob{width:100%;height:100%;transform:rotate(var(--dial-angle));pointer-events:none;transition:transform .12s;position:absolute;inset:0}.jb-hit-vol input[type=range]{opacity:0;cursor:pointer;appearance:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.jb-hit-vol input[type=range]:focus-visible{opacity:1}.jb-volnum{color:var(--ember);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:clamp(.5rem,1vw,.66rem);font-weight:700;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)}.jb-diallabel{letter-spacing:.2em;text-transform:uppercase;color:var(--chrome-hi);white-space:nowrap;pointer-events:none;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:clamp(.5rem,1vw,.64rem);position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}.jb-hit-vol:before{content:"";background:conic-gradient(from 215deg, var(--ember) calc(var(--vol,1) * 270deg), #ffffff1f 0);pointer-events:none;border-radius:50%;position:absolute;inset:-7%;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px))}.jb-hit-vol input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--ember), var(--dawn));border:1px solid #00000073;border-radius:999px;height:6px}.jb-hit-vol input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--ember), var(--dawn));border:1px solid #00000073;border-radius:999px;height:6px}.jb-hit-vol input[type=range]::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 35% 30%, #fff, var(--chrome) 60%, var(--chrome-lo));border:1px solid #00000080;border-radius:50%;width:22px;height:22px;margin-top:-9px;box-shadow:0 2px 5px #0009}.jb-hit-vol input[type=range]::-moz-range-thumb{background:radial-gradient(circle at 35% 30%, #fff, var(--chrome) 60%, var(--chrome-lo));border:1px solid #00000080;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 5px #0009}.jb-jewel{letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;color:var(--muted);background:#00000080;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:.45em;padding:.28em .7em;font-size:clamp(.5rem,1.2vw,.66rem);display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.jb-jewel .dot{background:#55505f;border-radius:50%;width:.58em;height:.58em}.jb-jewel[data-tone=green]{color:#c6f0d0;border-color:#5fbf7480}.jb-jewel[data-tone=green] .dot{background:var(--saucer);box-shadow:0 0 8px var(--saucer)}.jb-jewel[data-tone=amber]{color:#ffe0b8;border-color:#f2a24a80}.jb-jewel[data-tone=amber] .dot{background:var(--ember);box-shadow:0 0 8px var(--ember)}.jb-jewel[data-tone=red]{color:#ffc9d3;border-color:#e94f6d80}.jb-jewel[data-tone=red] .dot{background:var(--dawn);box-shadow:0 0 8px var(--dawn), 0 0 16px #e94f6d99}.jb-jewel.pulse[data-tone=green] .dot{animation:2.4s ease-in-out infinite jb-pulse}.jb-jewel.pulse[data-tone=amber] .dot{animation:1.8s ease-in-out infinite jb-pulse}.jb-jewel.pulse[data-tone=red] .dot{animation:1.2s ease-in-out infinite jb-pulse}@keyframes jb-pulse{0%,to{opacity:1}50%{opacity:.45}}.jb-stats-wrap{flex-direction:column;align-items:center;max-width:92%;display:flex;position:absolute;bottom:1.4%;left:50%;transform:translate(-50%)}.jb-stats{appearance:none;font:inherit;color:var(--paper);cursor:pointer;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border:1px solid #ffffff24;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.28em .9em;padding:.3em .85em;font-size:clamp(.5rem,1.15vw,.64rem);line-height:1.15;transition:background-color .15s,border-color .15s;display:flex}.jb-stats:hover,.jb-stats:focus-visible{background:#000000ad;border-color:#ffffff47}.jb-stats:focus-visible{outline:2px solid var(--saucer,#5fbf74);outline-offset:2px}.jb-stat{white-space:nowrap;align-items:baseline;gap:.32em;display:inline-flex}.jb-stat b{font-variant-numeric:tabular-nums;font-weight:700}.jb-stat i{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.82em;font-style:normal}.jb-stats-more{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:var(--ember);border-top:1px solid #f2a24a40;flex-basis:100%;margin-top:.15em;padding-top:.2em;font-size:9px;font-weight:700;line-height:1.4}.jb-stats-panel{width:max-content;min-width:15rem;max-width:min(20rem,88vw);color:var(--paper);text-align:left;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a090ee0;border:1px solid #ffffff29;border-radius:14px;padding:.7em .85em .6em;font-size:clamp(.58rem,1.3vw,.72rem);line-height:1.3;position:absolute;bottom:calc(100% + .5em);left:50%;transform:translate(-50%);box-shadow:0 .5em 1.6em #00000073}.jb-stats-panel-head{letter-spacing:.02em;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;margin-bottom:.45em;padding-bottom:.35em;font-weight:700;display:flex}.jb-stats-close{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:.1em .3em;font-size:1.1em;line-height:1}.jb-stats-close:hover,.jb-stats-close:focus-visible{color:var(--paper);background:#ffffff1a}.jb-stats-row{font-variant-numeric:tabular-nums;grid-template-columns:1fr 3.4em 3.4em;align-items:baseline;gap:.4em;padding:.16em 0;display:grid}.jb-stats-row span:nth-child(2),.jb-stats-row span:nth-child(3){text-align:right}.jb-stats-row-head{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.78em}.jb-stats-row-wide{grid-template-columns:1fr auto}.jb-stats-row-wide span:nth-child(2){text-align:right}.jb-stats-divider{background:#ffffff1f;height:1px;margin:.45em 0}.jb-stats-note{color:var(--muted);margin:.5em 0 0;font-size:.84em;line-height:1.4}.jb-stats-asof{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;margin:.4em 0 0;font-size:.78em}.jb-sheet-title{font-family:var(--display);color:var(--paper);margin:0 0 .15em;font-size:clamp(.95rem,2.4vw,1.25rem);font-weight:700}.jb-sheet-meta{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 1em;font-size:clamp(.6rem,1.4vw,.72rem)}.jb-lyrics{white-space:pre-wrap;color:#ded7e6;margin:0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:clamp(.82rem,2vw,.98rem);line-height:1.62}.jb-empty{color:var(--muted);margin:0;font-size:clamp(.75rem,1.8vw,.88rem);line-height:1.6}.jb-empty strong{color:var(--paper)}.jb-locked{letter-spacing:.16em;text-transform:uppercase;color:var(--ember);align-items:center;gap:.5em;margin-left:auto;font-size:clamp(.5rem,3.4cqh,.6rem);display:inline-flex}.jb-locked .dot{background:var(--ember);width:.5em;height:.5em;box-shadow:0 0 7px var(--ember);border-radius:50%}.jb-note{color:var(--muted);border-top:1px solid #ffffff14;margin:1.4em 0 0;padding-top:1em;font-size:clamp(.66rem,1.6vw,.78rem);line-height:1.55}.jb-note a{color:var(--ember)}.jb-recent{margin:0 0 1.2em}.jb-recent-head{letter-spacing:.22em;text-transform:uppercase;color:var(--saucer);margin:0 0 .5em;font-size:clamp(.55rem,1.3vw,.64rem)}.jb-recent ol{counter-reset:jb-recent;gap:3px;margin:0;padding:0;list-style:none;display:grid}.jb-recent li{counter-increment:jb-recent}.jb-recent button{appearance:none;text-align:left;cursor:pointer;width:100%;font:inherit;min-height:38px;color:var(--paper);background:#ffffff08;border:1px solid #ffffff12;border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:.7em;padding:7px 10px;display:grid}.jb-recent button:before{content:counter(jb-recent);color:var(--ember);opacity:.8;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.62rem}.jb-recent button:hover:not(:disabled){background:#f2a24a1f;border-color:#f2a24a59}.jb-recent button:disabled{cursor:default;color:var(--muted)}.jb-recent button:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.jb-recent .t{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.74rem,1.7vw,.86rem);font-weight:600;overflow:hidden}.jb-recent .a{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:.58rem}.jb-elsewhere{color:#cfe8d6;background:#5fbf7414;border:1px solid #5fbf7447;border-radius:8px;margin:1.1em 0 0;padding:.8em 1em;font-size:clamp(.68rem,1.6vw,.8rem);line-height:1.55}.jb-elsewhere b{color:var(--paper)}.jb-beyond{background:#f2a24a14;border:1px solid #f2a24a4d;border-radius:8px;margin:1.1em 0 0;padding:.85em 1em}.jb-beyond-lead{color:var(--paper);margin:0;font-size:clamp(.7rem,1.7vw,.82rem);line-height:1.55}.jb-beyond-lead b{color:var(--ember)}.jb-beyond-fine{color:var(--muted);margin:.55em 0 0;font-size:clamp(.62rem,1.5vw,.72rem);line-height:1.5}.jb-beyond-link{border:1px solid var(--ember);color:var(--ember);border-radius:8px;margin-top:.7em;padding:.5em .9em;font-size:clamp(.7rem,1.7vw,.82rem);font-weight:700;text-decoration:none;display:inline-block}.jb-beyond-link:hover{background:#f2a24a24}.jb-root[data-variant=compact]{padding:8px}@media (prefers-reduced-motion:reduce){.jb-jewel .dot{animation:none!important}.jb-knob{transition:none!important}.jb-sound,.jb-navkey{transition:none!important;animation:none!important}.jb-sound:active{transform:translate(-50%,-50%)}.jb-navkey:active:not(:disabled){transform:none}.jb-bar>i{transition:none}.jb-strips.flip-next,.jb-strips.flip-prev{will-change:auto;animation:.18s both jb-page-fade;transform:none}.jb-record-drop{will-change:auto;animation:.3s both jb-record-fade}.jb-record[data-spin=true] .jb-record-vinyl{animation:none!important}.jb-lyricband-lines li[data-line]{transition:none}.jb-lyricband-scroll{overflow-y:auto}.jb-lyricband-inner{will-change:auto;transition:none!important;transform:none!important}}.jb-start-overlay{z-index:20;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#06060a9e;border:0;place-items:center;margin:0;padding:0;animation:.16s ease-out jb-start-in;display:grid;position:absolute;inset:0}.jb-start-card{text-align:center;color:#f4ead6;justify-items:center;gap:clamp(6px,1.4cqh,12px);padding:clamp(14px,4cqh,28px) clamp(18px,6cqw,34px);display:grid}.jb-start-glyph{color:#1a120a;background:radial-gradient(circle at 38% 34%,#ffd489,#f2a24a 62%,#c9782f);border-radius:50%;place-items:center;width:clamp(64px,18cqw,96px);height:clamp(64px,18cqw,96px);padding-left:6px;font-size:clamp(26px,7cqw,38px);transition:transform .12s;display:grid;box-shadow:0 10px 26px #00000080,inset 0 1px 2px #ffffff8c}.jb-start-title{letter-spacing:.01em;font-size:clamp(1.05rem,4.4cqw,1.45rem);font-weight:700}.jb-start-sub{letter-spacing:.08em;text-transform:uppercase;opacity:.72;font-size:clamp(.66rem,2.4cqw,.82rem)}.jb-start-overlay:hover .jb-start-glyph{transform:scale(1.05)}.jb-start-overlay:active .jb-start-glyph{transform:scale(.98)}.jb-start-overlay:focus-visible{outline-offset:-6px;outline:3px solid #f2a24a}@keyframes jb-start-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.jb-start-overlay{animation:none}.jb-start-glyph{transition:none}}