:root{--ink: #eef0fa;--display: "Fraunces", "Iowan Old Style", Georgia, serif;--body: "Open Sans", -apple-system, "Segoe UI", sans-serif;--gut: clamp(16px, 5vw, 84px)}*{box-sizing:border-box}html{background:#0f3f72;-webkit-text-size-adjust:100%}body{margin:0;color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;overflow-x:hidden}h1,h2,p{margin:0}a{color:inherit}#world{display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#track,.hint{display:none}.nav{position:fixed;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:16px var(--gut)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:20px;letter-spacing:-.01em;text-shadow:0 1px 12px rgba(4,14,40,.6)}.brand svg{width:30px;height:30px;filter:drop-shadow(0 1px 6px rgba(4,14,40,.45))}.brand path{fill:none;stroke-width:4.6;stroke-linecap:round}.btn{display:inline-block;background:#f5f5f5;color:#111;font-weight:600;text-decoration:none;padding:13px 26px;border-radius:99px;font-size:16px;transition:transform .15s ease,background .15s ease}.btn:hover{background:#fff;transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn:focus-visible,.brand:focus-visible{outline:3px solid #fff;outline-offset:3px}.btn.small{padding:8px 16px;font-size:14px;transition:opacity .3s,transform .15s ease,background .15s ease}.nav:before{content:"";position:absolute;inset:0 0 auto 0;height:96px;background:linear-gradient(rgba(6,22,56,.5),transparent);z-index:-1;pointer-events:none}html.end .nav .btn{opacity:0;pointer-events:none}.beat{--scrim: linear-gradient(to top, rgba(6, 22, 56, .55), transparent 45%);position:relative;min-height:100vh;min-height:100svh;background:var(--scrim),var(--d) center / cover no-repeat;overflow:hidden}.beat:has(.glass){--scrim: radial-gradient(ellipse 60% 75% at 74% 48%, rgba(4, 10, 28, .58), rgba(4, 10, 28, .22) 70%), linear-gradient(to top, rgba(6, 22, 56, .55), transparent 45%)}.beat.center{--scrim: linear-gradient(to bottom, rgba(6, 22, 56, .55), transparent 50%)}.copy{position:absolute;isolation:isolate;left:var(--gut);bottom:12vh;width:min(44vw,600px);display:flex;flex-direction:column;gap:16px;align-items:flex-start;text-shadow:0 2px 28px rgba(4,14,40,.32)}.copy:before{content:"";position:absolute;top:-70px;right:-90px;bottom:-70px;left:-90px;background:radial-gradient(closest-side,#061638b8 40%,#06163800);z-index:-1;pointer-events:none}.copy h1,.copy h2{font-family:var(--display);font-weight:500;font-size:clamp(38px,4.7vw,78px);line-height:1.04;letter-spacing:-.015em;color:#fff;text-wrap:balance}.copy p{font-size:clamp(16px,1.45vw,21px);color:#fff;font-weight:500;max-width:34em;text-wrap:pretty;text-shadow:0 1px 14px rgba(4,14,40,.42)}.beat.right .copy{left:auto;right:var(--gut)}.beat.center .copy{left:50%;bottom:auto;top:17vh;transform:translate(-50%);width:min(90vw,760px);align-items:center;text-align:center}.by{font-size:13px;color:#eef0faeb}.glass{position:absolute;top:50%;transform:translateY(-54%);right:var(--gut);width:min(39vw,540px);font-size:clamp(14.5px,1.14vw,17.5px);line-height:1.45;color:#e9e7e3;padding:1.3em 1.4em;border-radius:1.5em;background:linear-gradient(#ffffff12,#fff0 30%),#141418cc;-webkit-backdrop-filter:blur(44px) saturate(1.7);backdrop-filter:blur(44px) saturate(1.7);border:1px solid rgba(255,255,255,.22);box-shadow:0 2.4em 5em #0000008c,0 0 0 .5px #00000080,inset 0 1px #fff3;display:flex;flex-direction:column;gap:.85em}.beat.right .glass{right:auto;left:var(--gut)}.glass{--mu: #9C9893;--fa: #7C7872;--ring: #3A3A3E;--hair: rgba(142, 144, 150, .55);--cv: #17171b}.glass b{font-weight:600}.glass small{color:var(--mu);font-size:.86em;margin-left:.3em}.glass .mut{color:var(--mu);font-size:.86em}.glass .cap{text-wrap:balance;padding-bottom:.7em;border-bottom:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:.1em}.glass .cap b{font-size:1.07em}.glass .cap small{margin:0;font-weight:400;font-size:.86em}.glass .cap.ask{flex-direction:row;align-items:center;gap:.6em}.glass .cap.ask .spark{width:1.15em;height:1.15em;fill:currentColor}.glass .cap.ask .x{margin-left:auto;width:1.45em;height:1.45em;border-radius:50%;background:#e9e7e338;display:grid;place-items:center;font-size:1em;line-height:1;color:var(--cv);font-weight:600}.glass .row{display:flex;gap:.86em;align-items:flex-start}.glass .row>div{min-width:0;flex:1}.glass .av,.glass .ag{flex:none;background:#1c1c1c}.glass .av{width:2.94em;height:2.94em;font-size:.68em;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#e9e7e3;box-shadow:inset 0 0 0 1px var(--hair)}.glass .ag{width:2em;height:2em;border-radius:30%;object-fit:cover;outline:1px solid rgba(142,144,150,.45);outline-offset:-1px}.glass .row.id>.ag{width:2.29em;height:2.29em}.glass .ag.ci{width:2em;height:2em;border-radius:50%;outline:0}.glass .aw{position:relative;flex:none;width:3.14em;height:3.14em}.glass .aw .ag{width:100%;height:100%}.glass .aw .own,.glass .aw .pv{position:absolute;display:grid;place-items:center;border-radius:50%;background:#1c1c1c;box-shadow:inset 0 0 0 1px var(--hair),0 0 0 2px var(--cv);color:#e9e7e3;font-style:normal;font-weight:700;line-height:1}.glass .aw .own{left:-.4em;bottom:-.4em;width:2.8em;height:2.8em;font-size:.48em}.glass .aw .pv{right:-.26em;bottom:-.26em;width:1.9em;height:1.9em;font-size:.6em;font-weight:500;color:var(--mu)}.glass .tag{background:#649aff29;color:#b8d4ff;border-radius:.35em;padding:.05em .3em;font-weight:600}.glass .hd{display:flex;align-items:baseline;gap:.55em;flex-wrap:wrap;line-height:1.35}.glass .row.p .hd b,.glass .row.a .hd b{font-size:.86em}.glass .row.p .hd time,.glass .row.a .hd time{font-size:.79em;color:var(--mu)}.glass .row.p p,.glass .row.a p{font-size:.93em;margin-top:.1em}.glass .row.id .hd b{font-size:.93em}.glass .row.id .hd time{font-size:.86em;color:var(--fa)}.glass .row.id p{margin-top:.1em}.glass .badge{font-size:.79em;font-weight:500;color:var(--mu);border:1px solid var(--ring);border-radius:4px;padding:0 .45em;line-height:1.35;align-self:center}.glass .own{font-size:.86em;color:var(--mu)}.glass .assist{font-size:.79em!important;color:var(--mu);margin-top:.15em!important}.glass .stat{display:flex;align-items:center;gap:.5em;color:#c9d0de;font-size:.93em!important;min-height:1.7em}canvas.unfold{flex:none;display:block;width:1.943em;height:1.143em}.glass .chat{display:flex;flex-direction:column;gap:1.1em}.glass .q{align-self:flex-end;background:#f5f5f5;color:#111;padding:.57em .86em;border-radius:1em;max-width:86%;font-size:.93em;line-height:1.45}.glass .swap{display:grid}.glass .swap>*{grid-area:1 / 1;align-self:start}.glass .wait{justify-self:start;display:flex;align-items:center;gap:.67em;background:#222;border:1px solid #242427;border-radius:1.5em;padding:.83em 1.17em;color:var(--mu);font-size:.857em;line-height:1.3}.glass .wait .cx{color:#f5f5f5;font-weight:500}.glass .d3{display:inline-flex;gap:.333em}.glass .d3 i{width:.5em;height:.5em;border-radius:50%;background:var(--mu);opacity:.25;animation:dot3 1.102s linear infinite}.glass .d3 i:nth-child(2){animation-delay:.1754s}.glass .d3 i:nth-child(3){animation-delay:.3509s}@keyframes dot3{0%,50%,to{opacity:.25}12.5%,37.5%{opacity:.64}25%{opacity:.8}}.glass .sub{background:#e9e7e30d;border-radius:.86em;padding:1em 1.14em;display:flex;flex-direction:column;gap:.86em}.glass .sub .hdg{display:flex;align-items:center;gap:.5em;font-size:1em}.glass .sub .ic{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.glass .sub .ttl{font-weight:600}.glass .sub .c2{font-size:.86em;font-weight:500;color:var(--mu)}.glass .acts{display:flex;align-items:center;gap:.5em}.glass .acts .sp{flex:1}.glass .bt{font-size:.93em;font-weight:500;padding:.46em .93em;border-radius:7px;line-height:1.3;border:1px solid transparent}.glass .bt.t{color:var(--mu)}.glass .bt.s{background:#1c1c1c;border-color:#262626;color:#e9e7e3}.glass .bt.p{background:#f5f5f5;color:#111}.glass .bar{height:.4em;border-radius:99px;background:#e9e7e314;overflow:hidden}.glass .bar i{display:block;height:100%;width:40%;border-radius:99px;background:#e9e7e3b3}.glass .aw.dim .ag{filter:grayscale(1) brightness(.8)}.glass .mgrid{display:flex;flex-direction:column;gap:.6em}.glass .blk{background:#e9e7e30b;border-radius:1em;padding:.86em 1em;min-width:0}.glass .blk label{display:block;font-size:.786em;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8b8780;margin-bottom:.6em}.glass .tile{background:#e8806a;color:#1d1c1a;border-radius:.86em;padding:.86em 1em;display:flex;flex-direction:column;gap:.4em}.glass .tile b{font-size:1.07em;line-height:1.25}.glass .tile p{font-size:.86em;line-height:1.4}.glass .tile small{margin:0;color:#1d1c1ab8;font-size:.786em}.glass .tile .str{display:flex;gap:4px}.glass .tile .str u{display:block;width:14px;height:3px;border-radius:3px;background:#1d1c1a}.glass .pills{display:flex;flex-wrap:wrap;gap:.5em}.glass .pills span{color:#1d1c1a;font-weight:500;font-size:.93em;padding:.43em .86em;border-radius:99px}.glass .effort{display:flex;gap:2px;height:.86em;border-radius:99px;overflow:hidden;margin-bottom:.6em}.glass .effort i{display:block}.glass .lg{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35em;font-size:.93em}.glass .lg li{display:flex;align-items:center;gap:.6em}.glass .lg u{width:8px;height:8px;border-radius:2px;flex:none}.glass .lg em{margin-left:auto;font-style:normal;font-weight:500;color:var(--mu)}.glass .sync{display:flex;gap:.7em;align-items:center}.glass .sp2{position:relative;flex:none;display:inline-grid;border-radius:99px;overflow:hidden;background:#ffffff0d;font-size:.93em;font-weight:600;padding:.27em .87em}.glass .sp2 canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.glass .sp2 .t1,.glass .sp2 .t2{grid-area:1 / 1;position:relative;text-align:center}.glass .sp2 .t1{color:#c9d0de}.glass .sp2 .t2{color:#6cc59a;opacity:0}.glass .sp2.done .t1{opacity:0}.glass .sp2.done .t2{opacity:1}.glass .sp2.done canvas{display:none}.glass .sp2 .t1,.glass .sp2 .t2{transition:opacity .4s ease}.glass .tabs{display:flex;gap:1.1em;font-size:.93em;color:var(--mu);flex-wrap:wrap}.glass .tabs .on{color:#eceae6;font-weight:600}.glass .tabs em{font-style:normal;font-size:.86em;opacity:.75}.glass .grp{font-size:.86em;color:var(--mu);font-weight:500}.glass .grp em{font-style:normal;opacity:.75}.glass .row.inb{gap:.86em;padding:.86em;margin:0 -.86em;border-radius:.72em;align-items:flex-start}.glass .row.inb.hov{background:#eceae60f}.glass .row.inb .hd{gap:.43em;align-items:center}.glass .row.inb .hd b{font-size:.93em}.glass .chip{font-size:.79em;font-weight:500;color:var(--mu);border:1px solid #3A3A3A;border-radius:4px;padding:0 .45em;line-height:1.4}.glass .row.inb .pv2{font-size:.93em;line-height:1.4;margin-top:.15em;color:#eceae6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.glass .row.inb .tr{flex:none;display:flex;gap:.5em;align-items:flex-start;font-size:.857em;color:var(--fa);position:relative}.glass .row.inb .tm{display:flex;flex-direction:column;align-items:flex-end;line-height:1.5}.glass .p1,.glass .p2{font-size:.93em;font-weight:600;letter-spacing:.03em;border-radius:5px;padding:0 .5em;line-height:1.6}.glass .p1{color:#ee7a6e;background:#d14b3f33}.glass .p2{color:#a09c96;background:#ffffff14}.glass .row.inb .ac{position:absolute;right:0;top:-.15em;display:flex;gap:2px;padding:2px;background:#161616;border:1px solid #262626;border-radius:9px;opacity:0}.glass .row.inb .ac svg{width:1.9em;height:1.9em;padding:.45em;fill:none;stroke:#a09c96;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}@media (max-width: 760px),(orientation: portrait){.beat,.beat.center,.beat:has(.glass){--scrim: linear-gradient(to bottom, rgba(6, 22, 56, .6), transparent 42%);background-image:var(--scrim),var(--p)}.beat:has(.glass){--scrim: linear-gradient(to bottom, rgba(6, 22, 56, .62), transparent 40%), linear-gradient(to top, rgba(4, 10, 28, .82), rgba(4, 10, 28, .3) 55%, transparent 75%)}.copy,.beat.right .copy,.beat.center .copy{left:var(--gut);right:var(--gut);top:84px;bottom:auto;width:auto;transform:none;text-align:left;align-items:flex-start;gap:12px}.copy:before{top:-60px;right:-40px;bottom:-60px;left:-40px}.copy h1,.copy h2{font-size:clamp(34px,10vw,54px)}.copy p{font-size:16px}.glass,.beat.right .glass{left:16px;right:16px;top:auto;bottom:calc(24px + env(safe-area-inset-bottom,0px));width:auto;transform:none;font-size:14.5px;padding:1.1em 1.2em;gap:.75em}.glass .chat .m4,.glass .blk:nth-child(3),.glass .mem~.mem~.mem,.glass .tabs~.row~.row,.glass .sub .mut{display:none}}html.live #world{display:block}html.live #track{display:block;height:1500vh}html.live .beat{position:fixed;top:0;right:0;bottom:0;left:0;min-height:0;background:none;visibility:hidden;pointer-events:none;--t: 0;--c: 0;--dim: 0}html.live .beat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 46% 34% at 50% 47%,#0612309e,#06123038 55%,#06123000);opacity:var(--dim)}html.live .copy{left:50%;right:auto;top:50%;bottom:auto;width:min(88vw,940px);align-items:center;text-align:center;gap:20px;opacity:var(--t);transform:translate(-50%,-50%) translateY(calc((1 - var(--t)) * 22px))}html.live .copy:before{display:none}html.live .copy h1,html.live .copy h2{font-size:clamp(40px,6.2vw,104px)}html.live .copy p{font-size:clamp(17px,1.7vw,25px);max-width:30em}html.live .glass{left:50%;right:auto;top:50%;bottom:auto;width:min(92vw,640px);font-size:clamp(14.5px,1.3vw,18.5px);padding:1.3em 1.4em;gap:.85em;opacity:var(--c);transform:translate(-50%,-50%) scale(calc(.94 + .06 * var(--c)))}html.live .glass .chat .m4,html.live .glass .blk:nth-child(3),html.live .glass .mem~.mem~.mem,html.live .glass .tabs~.row~.row,html.live .glass .sub .mut{display:revert}html.live .glass .blk:nth-child(3),html.live .glass .sub .mut{display:block}html.live .glass .chat .m4,html.live .glass .mem~.mem~.mem,html.live .glass .tabs~.row~.row{display:flex}html.live .beat.on{pointer-events:auto}html.live .hint{display:block;position:fixed;left:50%;bottom:22px;transform:translate(-50%);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#ffffffd9;text-shadow:0 1px 10px rgba(4,14,40,.7);transition:opacity .4s;animation:nudge 2s ease-in-out infinite}html.live.scrolled .hint{opacity:0}@keyframes nudge{50%{transform:translate(-50%,6px)}}.copy .mark{display:none}html.live .copy .mark{display:block;width:clamp(64px,7vw,112px);height:auto;margin-bottom:6px;filter:drop-shadow(0 6px 22px rgba(4,14,40,.28))}html.live.intro .copy .mark{animation:heroIn 1.2s 6.1s ease both}html.live.intro .copy .mark path{stroke-dasharray:1;stroke-dashoffset:1;animation:markDraw 1.5s 6.2s cubic-bezier(.5,0,.2,1) forwards}html.live.intro .copy .mark path:nth-child(2){animation-delay:6.4s}html.live.intro .copy .mark path:nth-child(3){animation-delay:6.6s}@keyframes markDraw{to{stroke-dashoffset:0}}.copy .ln{display:none}html.live.intro .beat[data-i="0"] .ln{display:block;position:absolute;left:50%;top:50%;width:min(88vw,900px);max-width:none;margin:0;transform:translate(-50%,-50%);font-family:var(--display);font-weight:500;font-size:clamp(28px,4.2vw,68px);line-height:1.1;letter-spacing:-.012em;text-wrap:balance;opacity:0;animation:lnIn 3s ease both}html.live.intro .beat[data-i="0"] .l1{animation-delay:.5s}html.live.intro .beat[data-i="0"] .l2{animation-delay:3.4s}html.live.intro .beat[data-i="0"] h1,html.live.intro .beat[data-i="0"] h1+p{animation:heroIn 1.4s 7.1s ease both}html.live.intro .hint{animation:heroIn 1s 8s ease both,nudge 2s 9s ease-in-out infinite}@keyframes lnIn{0%{opacity:0;transform:translate(-50%,calc(-50% + 14px))}22%,76%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(-50% - 10px))}}@keyframes heroIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.glass .d3 i,.glass .chat .row,.glass .blk,.hint{animation:none!important}.glass .d3 i{opacity:.6}.btn{transition:none}}@keyframes rise{0%{opacity:0;transform:translateY(.7em)}to{opacity:1;transform:none}}html.live .glass .chat .row,html.live .glass .mem,html.live .glass .blk,html.live .glass .row.seq,html.live .glass .q,html.live .glass .swap .sub{opacity:0}html.live .beat.card .glass .chat .row,html.live .beat.card .glass .mem,html.live .beat.card .glass .blk,html.live .beat.card .glass .row.seq{animation:rise .55s ease-out both;animation-delay:calc(var(--n, 0) * .85s + .25s)}.glass .swap .wait{display:none}html.live .glass .swap .wait{display:flex;opacity:0}html.live .beat.card .glass .q{animation:rise .55s ease-out .25s both}html.live .beat.card .glass .swap .wait{animation:waitcycle 3.3s ease .6s both}html.live .beat.card .glass .swap .sub{animation:rise .55s ease-out 3.5s both}@keyframes waitcycle{0%{opacity:0;transform:translateY(.7em)}10%{opacity:1;transform:none}88%{opacity:1}to{opacity:0}}.glass .row.inb.hov .tm{opacity:0}.glass .row.inb.hov .ac{opacity:1}@media (prefers-reduced-motion: reduce){html.live .glass .chat .row,html.live .glass .mem,html.live .glass .blk,html.live .glass .row.seq,html.live .glass .q,html.live .glass .swap .sub{opacity:1;animation:none!important}html.live .glass .swap .wait{display:none}}
