:root{--bg:#000;--fg:#f3f1ec;--mut:#8b8b92;--ln:#26262b;--y:#fff;--px:'Pixelify Sans','Silkscreen',ui-monospace,monospace;--sk:'Silkscreen','Pixelify Sans',ui-monospace,monospace;--sg:'Space Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font-family:var(--sg);overflow:hidden;-webkit-tap-highlight-color:transparent}
body{display:flex;flex-direction:column;height:100vh;height:100dvh;padding-top:env(safe-area-inset-top,0px)}
button{font:inherit;color:inherit;cursor:pointer}
svg{display:block}

/* header */
#hd{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--ln);background:var(--bg);position:relative;z-index:30}
.logo{order:1;display:block;color:#fff;text-decoration:none;line-height:1;cursor:pointer;background:none;border:0;padding:0;text-align:left}
.logo .stripe{display:block;height:7px;width:100%;background:linear-gradient(#ff5aa0 0 34%,#ffd23f 34% 67%,#4fe0f5 67%);margin-bottom:4px;animation:hue 7s linear infinite}
.logo b{display:block;font:700 23px/1 var(--px);letter-spacing:.02em;text-shadow:2px 2px 0 #3a3a44}
.logo small{display:block;margin-top:5px;font:400 12px var(--sg);color:var(--mut)}
.spA{order:2;flex:1}.spB{order:8;flex:1}.br{order:5;flex-basis:100%;height:0}
.btn{padding:10px 12px;border-radius:8px;border:1px solid #34343a;background:#0e0e0e;color:#fff;font:500 14px var(--sg);white-space:nowrap}
.btn:hover{background:#202026}
.btn.y{background:var(--y);color:#111;border-color:var(--y);font-weight:700}.btn.y:hover{background:#fff06a}
#fx{order:3}#rnd{order:4}
.seg{order:6;display:flex;gap:2px;padding:4px;border-radius:999px;background:#101010}
.seg button{border:0;background:none;color:var(--mut);padding:8px 15px;border-radius:999px;font:500 15px var(--sg)}
.seg button.on{background:var(--y);color:#000}
.rb{order:9;position:relative;isolation:isolate;border:0;background:var(--bg);color:#fff;font:700 15px var(--sg);padding:10px 14px;border-radius:6px}
.rb::before{content:"";position:absolute;inset:-2px;border-radius:8px;z-index:-1;background:linear-gradient(90deg,#ff5aa0,#ffd23f,#4fe0f5,#7cff6b,#ff5aa0);background-size:200% 100%;animation:slide 3s linear infinite}
@keyframes hue{to{filter:hue-rotate(360deg)}}
@keyframes slide{to{background-position:200% 0}}
@media(min-width:860px){
 #hd{padding:12px 22px;gap:14px}
 
}

/* stage */
#st{position:relative;flex:1;min-height:0;overflow:hidden}
#wv{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;
 background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cpath d='M120 114v12M114 120h12' stroke='%23303036' stroke-width='1.5'/%3E%3C/svg%3E")}
#wv.dr{cursor:grabbing}
#wl{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}
#wl.sm .cv{image-rendering:auto}

#hero{position:absolute;left:-220px;top:-80px;width:440px;text-align:center;z-index:6;pointer-events:none}
#hero.mini{transform:scale(.3);transform-origin:50% 80px}
#hero .k{font:400 11px var(--sk);letter-spacing:.2em;color:#7d7d85}
#hero .num{position:relative;display:inline-block;margin:10px 0 6px;font:700 128px/.92 var(--sg);letter-spacing:-.05em;color:#f4f2ee;text-shadow:0 0 28px rgba(0,0,0,.65)}
#hero .num svg{position:absolute;right:-26px;top:-4px;width:30px;height:30px}
#hero p{margin:0;white-space:nowrap;font:500 22px var(--sg);color:#e9e7e2;text-shadow:0 0 14px #000,0 0 4px #000}
#hero p em{font:600 22px var(--px);font-style:normal;color:#fff}
#hero .pill{pointer-events:auto;margin:16px 0 20px;padding:9px 18px;border-radius:999px;border:1px solid #3a3a41;background:rgba(10,10,11,.8);font:500 15px var(--sg);color:#eee}
#hero .pill:hover{background:#1c1c21}
#hero .dg{display:block;font:400 10.5px var(--sk);letter-spacing:.2em;color:#6e6e76}

.wc{position:absolute;left:0;top:0;opacity:0;transition:opacity .5s}
.wc.in{opacity:1}
.wc:hover{z-index:5}
.wc .cv{display:block;width:100%;aspect-ratio:1;image-rendering:pixelated;cursor:pointer;transition:transform .15s}

/* index view */
#ix{position:absolute;inset:0;overflow:auto;display:none;flex-direction:column;align-items:center;gap:12px;padding:16px 12px 28px}
#ix.on{display:flex}
#hw{position:absolute;inset:0;overflow:auto;display:none;flex-direction:column;align-items:center;gap:14px;padding:18px 14px 40px}
#hw.on{display:flex;--y:#fff}
#hw .in{width:100%;max-width:640px;display:flex;flex-direction:column;gap:14px}
#hw h2{margin:0;font:700 26px/1.1 var(--px)}
#hw h3{margin:6px 0 0;font:700 13px var(--sk);letter-spacing:.12em;color:var(--y)}
#hw p{margin:0;font:400 15px/1.5 var(--sg);color:#cfcfd4}
#hw .art{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px;border:1px solid #26262b;border-radius:12px;background:#070707}
#hw canvas{width:100%;aspect-ratio:1;image-rendering:pixelated;border-radius:8px}
#hw pre{max-height:340px;overflow:auto;margin:0;padding:12px;border:1px solid #26262b;border-radius:10px;background:#050505;overflow-x:auto;font:12px/1.5 ui-monospace,Menlo,Consolas,monospace;color:#d8d8de;white-space:pre}
#hw pre.gp{font-size:7.5px;line-height:8px;letter-spacing:0;align-self:center;max-width:100%}
#hw .top{width:100%;max-width:420px;align-self:center;display:flex;flex-direction:column;gap:12px}
#hw .nm{display:flex;justify-content:space-between;align-items:baseline;font:700 20px var(--px)}
#hw .nm span{font:700 18px var(--sg);color:var(--y)}
#hw .sb{position:relative}
#hw .sb button{position:absolute;right:6px;top:50%;transform:translateY(-50%);padding:8px 16px;border:0;border-radius:999px;background:var(--y);color:#000;font:500 15px var(--sg)}
#hw input{width:100%;padding:13px 100px 13px 20px;border-radius:999px;border:1px solid #34343a;background:#0e0e0e;color:#fff;font:400 16px var(--sg);outline:0}
#hw input.over{color:var(--y)}
#hw .sb button:disabled{opacity:.35;cursor:not-allowed}
#hw .cap{max-width:420px;align-self:center;width:100%}
#hw .cap b{color:#fff}
#hw a{color:var(--y);text-decoration:none}
#hw .gb{width:100%;max-width:420px;align-self:center;aspect-ratio:1;container-type:inline-size;display:grid;grid-template-columns:repeat(32,1fr);grid-template-rows:repeat(32,1fr);border-radius:8px;background:#050505;border:1px solid #26262b;overflow:hidden}
#hw .gb span{display:grid;place-items:center;font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:700;font-size:calc(100cqw/32*.8);line-height:1}
#hw .oc{display:flex;flex-direction:column;gap:8px}
#hw .oc div{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid #26262b;border-radius:10px;background:#070707}
#hw .oc span{font:400 14px var(--sg);color:var(--mut)}
#hw .oc b{font:700 14px var(--sg);color:var(--y)}
#hw .cb{position:relative}
#hw .cb pre{padding-top:44px}
#hw .cpy{position:absolute;top:8px;right:12px;width:30px;height:30px;padding:0;border-radius:8px;border:1px solid #34343a;background:#0e0e0e;color:#cfcfd4;display:grid;place-items:center;z-index:2;cursor:pointer}
#hw .cpy svg{width:16px;height:16px}
#hw .cpy:hover{background:#202026}
#hw .cpy.ok{color:var(--y);border-color:var(--y)}
#hw .sw{display:flex;flex-wrap:wrap;gap:8px}
#hw .sw span{display:flex;align-items:center;gap:6px;font:500 12px var(--sg);color:#cfcfd4}
#hw .sw i{width:22px;height:22px;border-radius:5px;border:1px solid #34343a}
#hw .lc{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#hw .lc div{padding:8px;border:1px solid #26262b;border-radius:8px;background:#070707;font:400 11px var(--sg);color:var(--mut)}
#hw .lc b{display:block;font:700 18px var(--sg);color:#fff}

.r{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:min(100%,1100px)}
select{font:500 13px var(--sg);padding:9px 10px;border-radius:8px;border:1px solid #34343a;background:#0e0e0e;color:#fff}
#fl select{flex:1 1 30%;min-width:130px}
#pg{gap:6px}
#pg .pb{min-width:38px;padding:9px 8px;text-align:center}
#pg .pb.on{background:var(--y);color:#000;border-color:var(--y);font-weight:700}
#pg .pb:disabled{opacity:.35;cursor:default}
#pg .pd{align-self:center;color:var(--mut);padding:0 2px}
#rb{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:10px;width:min(100%,1100px);padding:8px 8px 8px 14px;border:1px solid #34343a;border-radius:10px;background:#070707}
#rc{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 14px var(--sg);color:#cfcfd4}
#rb #fr{flex:none;margin-left:auto}
#gr{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;width:min(100%,1100px)}
#gr canvas{width:100%;aspect-ratio:1;image-rendering:pixelated;border-radius:6px;cursor:pointer;transition:transform .12s}
#gr canvas:hover{transform:scale(1.04)}

/* footer */
#ft{flex:none;display:flex;align-items:center;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--ln);font-size:14px;color:var(--mut);background:var(--bg);position:relative;z-index:30}
#ft .cp{color:#fff;text-decoration:none;font:700 16px var(--px);letter-spacing:.02em}
#ft .cp:hover{color:#fff}
#ft .cp svg{width:16px;height:16px}
#ft .sp{flex:1}

#wv.gm{background-image:none}
#atl,#atlo{position:absolute;display:none}
#atl{image-rendering:pixelated}
.ib{width:42px;height:42px;border-radius:10px;border:1px solid #34343a;background:#0e0e0e;color:#cfcfd4;display:grid;place-items:center;padding:0}
.ib svg{width:20px;height:20px}
.ib:hover{background:#202026}
.ib.on{background:var(--y);color:#000;border-color:var(--y)}
.hdic{order:7;flex:none}
@media(max-width:520px){#hd{gap:8px}.seg button{padding:8px 11px;font-size:14px}.hdic{width:38px;height:38px}}

a.ib{text-decoration:none}
.ib[hidden],#zm[hidden]{display:none}
.wc.sn{z-index:9}
.wc.sn.gs .cv{transform:scale(1.12)}
#dim{position:absolute;left:-50000px;top:-50000px;width:100000px;height:100000px;background:rgba(0,0,0,.72);z-index:8;pointer-events:none;opacity:0;transition:opacity .3s}
#dim.on{opacity:1}
.sl{position:absolute;left:0;right:0;top:100%;margin-top:16px;display:flex;justify-content:space-between;gap:6px;white-space:nowrap;font-family:var(--px);font-weight:600;color:#fff;pointer-events:none}
.wc.sn::before{content:"";position:absolute;inset:-10px;pointer-events:none;border:3px solid #fff;border-radius:2px;
 -webkit-mask:linear-gradient(#000 0 0) top left/16px 16px,linear-gradient(#000 0 0) top right/16px 16px,linear-gradient(#000 0 0) bottom left/16px 16px,linear-gradient(#000 0 0) bottom right/16px 16px;-webkit-mask-repeat:no-repeat;
 mask:linear-gradient(#000 0 0) top left/16px 16px,linear-gradient(#000 0 0) top right/16px 16px,linear-gradient(#000 0 0) bottom left/16px 16px,linear-gradient(#000 0 0) bottom right/16px 16px;mask-repeat:no-repeat}
#gr.ls{grid-template-columns:1fr;gap:6px}
#gr .li{display:flex;align-items:center;gap:12px;padding:6px 12px 6px 6px;border:1px solid #26262b;border-radius:10px;background:#070707;cursor:pointer}
#gr .li:hover{background:#1a1a1f}
#gr .li canvas{width:56px;height:56px;flex:none;border-radius:6px;transform:none}
#gr .li span{margin-left:auto;font:600 15px var(--sg);color:#eee}
#zm{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;padding:3px;border-radius:999px;border:1px solid #34343a;background:rgba(18,18,21,.92);width:42px}
#zm button{width:34px;height:34px;border-radius:50%;border:0;background:none;font:400 22px/1 var(--sg);color:#eee;padding:0}
#zm button:hover{background:#222228}
#zs{position:relative;width:34px;height:130px;margin:4px 0}
#zr{position:absolute;left:50%;top:50%;width:130px;height:22px;margin:0;transform:translate(-50%,-50%) rotate(-90deg);-webkit-appearance:none;appearance:none;background:none;touch-action:none;cursor:pointer}
#zr::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:#34343a}
#zr::-moz-range-track{height:4px;border-radius:4px;background:#34343a}
#zr::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;background:var(--fg);border:0}
#zr::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--fg);border:0}
#zv{min-width:0;padding:4px 0;text-align:center;font:600 13px var(--px);color:#cfcfd4;letter-spacing:.06em}

/* modal */
#md{display:none;position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:50;align-items:center;justify-content:center;padding:12px}
#mc{position:relative;background:#050505;color:var(--fg);border:1px solid #2c2c32;border-radius:14px;padding:12px;width:min(94vw,460px);max-height:92vh;overflow:auto;display:flex;flex-direction:column;gap:8px}
#mc canvas{width:100%;aspect-ratio:1;image-rendering:pixelated;border-radius:8px}
#mh{display:flex;align-items:center;justify-content:space-between;gap:10px}
#mx{flex:none;width:36px;height:36px;padding:0;font-size:22px;line-height:1;border-radius:10px;border:1px solid #34343a;background:#0e0e0e;color:#fff}
#mn{margin:0;font:700 19px var(--sg)}
#mdsc{margin:0;font-size:12px;color:#9a9aa1;line-height:1.45}
#mat{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.at{border:1px solid #2c2c32;border-radius:8px;padding:7px 9px;font-size:13px;background:#16161a}
.at span{display:block;color:#7f7f87;font-size:11px}
.at b{font-weight:600}

/* glitch text: calm most of the time, short RGB-split bursts */
.gl{position:relative;--g:3px;animation:glM 4.6s steps(1) infinite}
.gl::before,.gl::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;text-shadow:none;opacity:0}
.gl::before{color:#ff5aa0;animation:glA 4.6s steps(1) infinite}
.gl::after{color:#4fe0f5;animation:glB 4.6s steps(1) infinite}
@keyframes glM{0%,88%,94%,100%{transform:none}89%{transform:translate(calc(var(--g)*.6),0)}91%{transform:translate(calc(var(--g)*-.6),0) skewX(-4deg)}93%{transform:translate(calc(var(--g)*.3),0)}}
@keyframes glA{0%,87%,95%,100%{opacity:0}88%{opacity:1;transform:translate(calc(var(--g)*-1),calc(var(--g)*.3));clip-path:inset(8% 0 62% 0)}90%{opacity:1;transform:translate(calc(var(--g)*1.2),0);clip-path:inset(52% 0 18% 0)}92%{opacity:1;transform:translate(calc(var(--g)*-.7),calc(var(--g)*-.3));clip-path:inset(28% 0 42% 0)}94%{opacity:1;transform:translate(var(--g),0);clip-path:inset(70% 0 5% 0)}}
@keyframes glB{0%,87%,95%,100%{opacity:0}88%{opacity:1;transform:translate(var(--g),calc(var(--g)*-.3));clip-path:inset(58% 0 12% 0)}90%{opacity:1;transform:translate(calc(var(--g)*-1.2),0);clip-path:inset(12% 0 58% 0)}92%{opacity:1;transform:translate(calc(var(--g)*.8),calc(var(--g)*.3));clip-path:inset(40% 0 30% 0)}94%{opacity:1;transform:translate(calc(var(--g)*-1),0);clip-path:inset(2% 0 75% 0)}}
#hero .num.gl{--g:8px;animation-duration:5.8s;animation-delay:1.2s}
#hero .num.gl::before,#hero .num.gl::after{animation-duration:5.8s;animation-delay:1.2s}
.gl.ct{animation:glM2 .3s steps(1) infinite}
.gl.ct::before{animation:glF .28s steps(1) infinite}
.gl.ct::after{animation:glF2 .24s steps(1) infinite}
@keyframes glM2{0%{transform:none}50%{transform:translate(calc(var(--g)*.4),0)}80%{transform:translate(calc(var(--g)*-.4),0)}}
@keyframes glF{0%{opacity:1;transform:translate(calc(var(--g)*-1),0);clip-path:inset(10% 0 60% 0)}33%{opacity:1;transform:translate(var(--g),0);clip-path:inset(55% 0 15% 0)}66%{opacity:1;transform:translate(calc(var(--g)*-.5),0);clip-path:inset(30% 0 40% 0)}100%{opacity:0}}
@keyframes glF2{0%{opacity:1;transform:translate(var(--g),0);clip-path:inset(60% 0 10% 0)}40%{opacity:1;transform:translate(calc(var(--g)*-1),0);clip-path:inset(5% 0 70% 0)}75%{opacity:1;transform:translate(calc(var(--g)*.6),0);clip-path:inset(35% 0 35% 0)}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.gl,.gl::before,.gl::after{animation:none!important}}
#hero .num{font-variant-numeric:tabular-nums}
#hero .num.gl:not(.ct),#hero .num.gl:not(.ct)::before,#hero .num.gl:not(.ct)::after{animation:none}

html,body{overflow:hidden!important;background:#000}#hd,#ft,#st{display:none!important}
#wall{position:fixed;inset:0;z-index:2;overflow:hidden;touch-action:none;background:#000;cursor:grab;user-select:none;-webkit-user-select:none}
#wc{position:absolute;left:0;top:0;transform-origin:0 0}
#wc canvas{position:absolute;left:0;top:0;image-rendering:pixelated}
#top{position:fixed;left:0;right:0;top:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(env(safe-area-inset-top,0px) + 10px) 12px 22px;background:none;pointer-events:none}
#top .logo{pointer-events:auto;order:0}
#top,#bar{text-transform:uppercase}
#top a,#bar button,#top .logo{-webkit-tap-highlight-color:transparent;outline:0}#top a:active,#top a:focus,#bar button:active,#bar button:focus{background:rgba(0,0,0,.55);color:#fff;border-color:#34343a}
#ld{position:fixed;inset:0;z-index:20;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:0 6vw;transition:opacity .6s}
#ld.out{opacity:0;pointer-events:none}
#ld b{display:block;font:700 clamp(34px,10vw,68px)/1 var(--px);color:#fff;text-shadow:3px 3px 0 #3a3a44;letter-spacing:.02em}
#ld canvas{width:min(88vw,560px);aspect-ratio:32/1;image-rendering:pixelated}
#ld p{margin:0;min-width:16ch;text-align:center;font:400 13px var(--sk);letter-spacing:.2em;color:#8b8b92;text-transform:uppercase}
#ld p.ok{color:#fff}
#bar{position:fixed;left:0;right:0;bottom:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px 12px calc(env(safe-area-inset-bottom,0px) + 12px);pointer-events:none}
#bar .nd{font:700 20px/1 var(--px);color:#fff;text-shadow:2px 2px 0 #3a3a44;letter-spacing:.02em}
#bar button{pointer-events:auto;height:38px;padding:0 16px;border:1px solid #34343a;border-radius:8px;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font:700 14px var(--sg)}
#tip{position:fixed;left:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 64px);z-index:5;font:700 16px var(--px);color:#fff;background:#000;padding:4px 8px;pointer-events:none}#tip:empty{display:none}
#top nav{display:flex;gap:8px;pointer-events:auto}
#top a{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;height:38px;padding:0 14px;border:1px solid #34343a;border-radius:8px;background:rgba(0,0,0,.55);color:#fff;font:700 14px var(--sg);text-decoration:none}
#top a.x{width:38px;padding:0}#top a.x svg{width:16px;height:16px;fill:currentColor}

/* filter panel: slides up from the footer like a start menu */
#fb{position:fixed;left:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 62px);width:min(calc(100vw - 24px),520px);z-index:7;text-transform:uppercase;transform:translateY(115%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .2s,visibility 0s .3s}
#fb.open{transform:none;opacity:1;visibility:visible;pointer-events:auto;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .2s}
#fb .fbi{display:flex;flex-direction:column;max-height:min(66vh,calc(100dvh - 150px));border:1px solid #34343a;border-radius:12px;background:rgba(8,8,10,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}
#fb .fxh{flex:none;display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:14px 14px 4px}
#fb .fxh b{font:700 18px var(--px);color:#fff;text-shadow:2px 2px 0 #3a3a44;letter-spacing:.02em}
#fb #rc{font:700 12px var(--sg);color:#8b8b92}
#fb #fch{flex:1;min-height:0;overflow-y:auto;padding:0 14px 10px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
#fb .fxs{margin-top:14px}
#fb .fxt{margin-bottom:8px;font:400 11px var(--sk);letter-spacing:.2em;color:#8b8b92}
#fb .fxc{display:flex;flex-wrap:wrap;gap:6px}
#fb .chip{height:34px;padding:0 12px;border:1px solid #34343a;border-radius:8px;background:rgba(0,0,0,.55);color:#fff;font:700 13px var(--sg);text-transform:uppercase}
#fb .chip i{font:500 11px var(--sg);font-style:normal;opacity:.55;margin-left:6px}
#fb .chip.on{background:#fff;color:#000;border-color:#fff}
#fb #rb{flex:none;display:block;width:auto;padding:10px 14px 14px;border:0;border-top:1px solid #26262b;background:none;border-radius:0}
#fb #fr{width:100%;height:40px;border:1px solid #34343a;border-radius:8px;background:rgba(0,0,0,.55);color:#fff;font:700 14px var(--sg)}
#fb #fr:disabled{opacity:.35}
#bar button.on{background:#fff;color:#000;border-color:#fff}