: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 1px 18px rgba(4,14,40,.85)}.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 2px rgba(4,14,40,.9),0 0 18px rgba(4,14,40,.85)}.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 b{font-weight:600}.glass small{color:#e9e7e3b3;font-size:.82em;margin-left:.3em}.glass p{font-size:1em}.glass .mut{color:#e9e7e3b8;font-size:.86em}.glass .cap{text-wrap:balance;font-weight:600;font-size:1.05em;padding-bottom:.7em;border-bottom:1px solid rgba(255,255,255,.1)}.glass .row{display:flex;gap:.8em;align-items:flex-start}.glass .row>div{min-width:0;flex:1}.glass .av,.glass .ag{flex:none;width:2.3em;height:2.3em}.glass .av{border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.9em;width:2.55em;height:2.55em;color:#fff}.glass .ag{border-radius:30%;box-shadow:0 0 0 1.5px #ffffff59;image-rendering:pixelated}.glass .tag{background:#7096ff47;color:#cfdcff;border-radius:.35em;padding:0 .3em;font-weight:600}.glass .thinkline{display:flex;align-items:center;gap:.7em;color:#e9e7e3c7}.glass .think{align-items:center}.braid{width:3.4em;height:1.5em;flex:none;overflow:hidden}.braid path{fill:none;stroke-width:2.4;stroke-linecap:round}.braid g{animation:braid 1.6s linear infinite}.braid g:nth-child(2){animation-duration:2s}.braid g:nth-child(3){animation-duration:2.5s}@keyframes braid{to{transform:translate(24px)}}.dots{display:inline-flex;gap:.3em;vertical-align:middle}.dots i{width:.45em;height:.45em;border-radius:50%;background:#e9e7e3;opacity:.25;animation:dot 1.2s ease-in-out infinite}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes dot{30%{opacity:1;transform:translateY(-.15em)}60%{opacity:.25;transform:none}}.glass .q{align-self:flex-end;background:#f3f2ef;color:#111;padding:.6em 1em;border-radius:1.2em;max-width:85%}.glass .pill{align-self:flex-start;display:flex;gap:.7em;align-items:center;background:#ffffff17;padding:.55em 1em;border-radius:99px;color:#e9e7e3cc}.glass .sub{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:1em;padding:1em;display:flex;flex-direction:column;gap:.35em}.glass .acts{display:flex;justify-content:flex-end;gap:.6em;margin-top:.3em}.glass .go,.glass .ghost{padding:.4em 1.1em;border-radius:99px;font-weight:600;font-size:.92em}.glass .go{background:#f5f5f5;color:#111}.glass .ghost{background:#ffffff1f}.glass .bar{height:.4em;border-radius:99px;background:#ffffff1f;overflow:hidden}.glass .bar i{display:block;height:100%;width:40%;border-radius:99px;background:linear-gradient(90deg,#38c8ff,#b062ff,#ff6a55);animation:bar 4s ease-in-out infinite alternate}@keyframes bar{to{width:82%}}.glass .mem{display:flex;gap:.8em;align-items:center}.glass .mem>div{flex:1;min-width:0}@keyframes mem{0%{opacity:0;transform:translateY(.6em)}10%,to{opacity:1;transform:none}}.glass .badge{font-size:.78em;color:#7fe0b0;border:1px solid rgba(127,224,176,.45);border-radius:99px;padding:.05em .7em}.glass .sync{display:flex;gap:.6em;align-items:center}.glass .ag.dim{filter:grayscale(1) brightness(.8);box-shadow:0 0 0 1.5px #ffffff26}.glass .chat{display:flex;flex-direction:column;gap:.85em}.glass .mgrid{display:grid;grid-template-columns:1fr 1fr;gap:.7em}.glass .blk{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:.9em;padding:.8em .95em;min-width:0}.glass .blk.wide{grid-column:1 / -1}.glass .blk label{display:block;font-size:.72em;letter-spacing:.12em;text-transform:uppercase;color:#e9e7e399;margin-bottom:.35em}.glass .blk .big{font-family:var(--display);font-size:1.35em;line-height:1.2;color:#fff}.glass .blk ol,.glass .blk ul{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:.15em}.glass .effort{display:flex;gap:3px;height:.55em;border-radius:99px;overflow:hidden;margin:.2em 0 .45em}.glass .effort i{display:block}.glass .tabs{display:flex;gap:1em;font-size:.86em;color:#e9e7e3b8;flex-wrap:wrap}.glass .tabs .on{color:#fff;font-weight:600}@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 at center,#030818c7,#03081880);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)}}@media (prefers-reduced-motion: reduce){.braid g,.dots i,.glass .bar i,.glass .mem,.glass .chat .row,.glass .blk,.hint{animation:none!important}.dots i{opacity:.7}.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{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)}@media (prefers-reduced-motion: reduce){html.live .glass .chat .row,html.live .glass .mem,html.live .glass .blk,html.live .glass .row.seq{opacity:1;animation:none!important}}
