.bar_wrap{--ink:#f3efe8;--mute:rgba(243,239,232,0.56);--line:rgba(243,239,232,0.18);--red:#ff2a1c;position:relative;height:760vh;margin-top:-100vh;background:none;color:var(--ink);font-family: 'LM Sans','Helvetica Neue',Arial,sans-serif}.bar_wrap .bar_contain{position:sticky;top:0;height:100vh;overflow:clip;visibility:var(--vis,hidden);clip-path:inset(var(--curtain,100%) 0 0 0);transform:translateY(var(--hold,0px))}.bar_wrap .bar_stage{position:absolute;inset:0;background:#000}.bar_wrap .bar_stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action: pan-y}.bar_wrap .bar_ui{--gx:clamp(20px,4vw,64px);position:absolute;inset:0;pointer-events: none;padding:clamp(76px,10vh,104px) var(--gx) clamp(26px,4.5vh,48px)}.bar_wrap .bar_ui::before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,0.78) 0%,rgba(0,0,0,0.35) 30%,rgba(0,0,0,0) 50%),linear-gradient(180deg,rgba(0,0,0,0.82) 0%,rgba(0,0,0,0.55) 16%,rgba(0,0,0,0) 30%);pointer-events: none}.bar_wrap .bar_sound{position:absolute;top:22px;right:clamp(20px,4vw,64px);z-index:6;display:flex;align-items: center;gap:3px;height:32px;padding:0 12px;background:rgba(0,0,0,0.4);border:1px solid rgba(243,239,232,0.2);border-radius: 999px;color:#f3efe8;cursor:pointer;backdrop-filter: blur(8px);font:500 12px 'LM Sans',sans-serif;pointer-events: auto}.bar_wrap .bar_sound i{width:2px;height:4px;background:currentColor;border-radius: 1px}.bar_wrap .bar_sound span{margin-left: 8px}.bar_wrap .bar_sound[aria-pressed="true"] i{animation:bar-eq 1.1s ease-in-out infinite}.bar_wrap .bar_sound[aria-pressed="true"] i:nth-child(2){animation-delay: -0.3s}.bar_wrap .bar_sound[aria-pressed="true"] i:nth-child(3){animation-delay: -0.6s}.bar_wrap .bar_sound[aria-pressed="true"] i:nth-child(4){animation-delay: -0.15s}@keyframes bar-eq{0%,100%{height:4px}50%{height:13px}}@media (prefers-reduced-motion: reduce){.bar_wrap .bar_sound[aria-pressed="true"] i{animation:none;height:10px}}.bar_wrap .bar_kicker{position:relative;font-size:12px;color:var(--mute);margin:0 0 14px}.bar_wrap .bar_rail{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns: repeat(6,1fr);gap:clamp(8px,1.2vw,18px)}.bar_wrap .bar_rail li{display:flex;gap:8px;align-items: baseline;font-size:12px;color:var(--mute);padding-top: 12px;position:relative;transition:color 0.4s}.bar_wrap .bar_rail li::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:var(--line)}.bar_wrap .bar_rail li::after{content:'';position:absolute;left:0;top:0;height:2px;width:0;background:var(--ink);transition:width 0.3s}.bar_wrap .bar_rail li.is-done::after{width:100%}.bar_wrap .bar_rail li.is-on::after{width:calc(var(--p,0) * 100%);background:var(--red);box-shadow:0 0 10px rgba(255,42,28,0.8)}.bar_wrap .bar_rail li b{font-size:11px;font-weight: 600;font-variant-numeric: tabular-nums}.bar_wrap .bar_rail li.is-on,.bar_wrap .bar_rail li.is-done{color:var(--ink)}.bar_wrap .bar_card{position:absolute;left:var(--gx);bottom:clamp(26px,4.5vh,48px);width:min(30rem,40vw);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity 0.5s,transform 0.6s,visibility 0.5s}.bar_wrap .bar_card.is-on{opacity:1;visibility:visible;transform:none;pointer-events: auto}.bar_wrap .bar_h2{font-size:clamp(56px,8vw,150px);line-height: 0.84;font-weight: 640;font-stretch: 76%;letter-spacing: -0.045em;margin:0 0 18px}.bar_wrap .bar_body{font-size:clamp(15px,1.1vw,18px);line-height: 1.45;color:rgba(243,239,232,0.84);margin:0 0 20px;text-wrap:pretty;max-width:28rem}.bar_wrap .bar_ring{width:72px;height:72px;border-radius: 50%;border:0;background:#0b0b0c;position:relative;cursor:pointer}.bar_wrap .bar_ring i{position:absolute;inset:12px;border-radius: 50%;border:3px solid var(--red);box-shadow:0 0 16px rgba(255,42,28,0.85),inset 0 0 6px rgba(255,42,28,0.6)}.bar_wrap .bar_ring.is-busy i{animation:bar-blink 0.9s steps(2) infinite}@keyframes bar-blink{50%{opacity:0.35}}.bar_wrap .bar_btn{background:var(--ink);border:0;color:#000;font:600 13px 'LM Sans',sans-serif;padding:13px 20px;border-radius: 999px;cursor:pointer}.bar_wrap .bar_btn:hover{background:#fff}.bar_wrap .bar_read{display:flex;align-items: baseline;gap:6px;margin:0}.bar_wrap .bar_read b,.bar_wrap .bar_read span{display:none}.bar_wrap .bar_read em{font-style:normal;font-size:13px;color:var(--ink);display:flex;gap:10px;align-items: center}.bar_wrap .bar_read em::before{content:'';width:8px;height:8px;border-radius: 50%;background:#e8d8c0}.bar_wrap .bar_meter{position:absolute;right:var(--gx);bottom:clamp(18px,3.5vh,40px);margin:0;display:grid;justify-items: end;text-align:right;color:var(--mute)}.bar_wrap .bar_meter span{font-size:12px;text-transform: lowercase;letter-spacing: 0.02em}.bar_wrap .bar_meter b{font-size:clamp(90px,19vh,220px);line-height: 0.8;color:var(--ink);font-weight: 650;font-stretch: 75%;letter-spacing: -0.05em;font-variant-numeric: tabular-nums;margin-top:6px}@media (max-width: 767px){.bar_wrap .bar_ui::before{background:linear-gradient(0deg,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.5) 38%,rgba(0,0,0,0) 60%),linear-gradient(180deg,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 22%)}.bar_wrap .bar_card{width:auto;right:var(--gx);bottom:26px}.bar_wrap .bar_h2{font-size:15vw;margin-bottom: 10px}.bar_wrap .bar_body{font-size:14px}.bar_wrap .bar_rail li span{display:none}.bar_wrap .bar_rail li.is-on span{display:inline;position:absolute;top:30px;left:0;white-space: nowrap}.bar_wrap .bar_meter{bottom:auto;top:156px}.bar_wrap .bar_meter{top:178px;padding:8px 12px 10px;border-radius: 12px;background:rgba(0,0,0,0.5);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px)}.bar_wrap .bar_meter b{font-size:44px;margin-top:2px}}.bar_wrap button:focus-visible,.bar_wrap a:focus-visible,.bar_wrap [tabindex]:focus-visible{outline:2px solid #ff2a1c;outline-offset: 3px}@media (max-width: 767px){.bar_wrap .bar_sound span{display:none}.bar_wrap .bar_sound{padding:0 10px;top:16px}}.bar_wrap.is-canvas{height:auto !important;margin:0 !important;background:#000}.bar_wrap.is-canvas>:not(.bar_stills){display:none !important}.bar_wrap .bar_stills{display:block}@media (max-width: 767px){.bar_wrap .bar_ui::before{background:linear-gradient(0deg,rgba(0,0,0,0.82) 0%,rgba(0,0,0,0.4) 30%,rgba(0,0,0,0) 50%),linear-gradient(180deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.45) 18%,rgba(0,0,0,0) 30%)}}@media (max-width: 767px){.bar_wrap .bar_meter:has([data-meter-v]:empty){visibility:hidden}}.bar_wrap .bar_rail{-webkit-backdrop-filter: blur(10px) brightness(0.5);backdrop-filter: blur(10px) brightness(0.5);border-radius: 6px;padding:6px 8px 8px;margin-left: -8px;margin-right: -8px}