@import "https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=Space+Grotesk:wght@400;500;700&family=Space+Mono:wght@400;700&family=Bitcount:wght@100..900&family=Aleo:ital,wght@0,100..900;1,100..900&family=Alfa+Slab+One&display=swap";:root{--bg:#06030d;--white:#f8f4ff;--pink:#ff49a3;--accent:#b25cff;--accent-2:#d8a9ff;--paper:#f6ecdf;--font-body:"Space Grotesk", system-ui, sans-serif;--font-display:"Syne", system-ui, sans-serif;--font-mono:"Space Mono", monospace;--font-letter-body:"Aleo", serif;--font-letter-highlight:"Alfa Slab One", serif;font-family:var(--font-body);color:var(--white);background:radial-gradient(circle at top, #b25cff38, transparent 35%), radial-gradient(circle at bottom, #ff49a32e, transparent 45%), var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.45}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#ffffff05,#0000 24%),radial-gradient(circle at 50% 25%,#ffffff0f,#0000 40%);position:fixed;inset:0}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}code{color:var(--white);background:#ffffff14;border-radius:999px;padding:.12rem .38rem}#root{z-index:1;position:relative}.app-shell{min-height:100vh;color:var(--white)}.viewport{background:var(--bg);position:fixed;inset:0;overflow:hidden}.experience-layer{pointer-events:none;position:absolute;inset:0}.r3f-canvas{pointer-events:none;width:100%;height:100%}.gridscan--bg,.waves--bg,.dither--bg,.ferrofluid--bg,.liquidether--bg,.orb--bg,.colorbends--bg,.plasma--bg,.threads--bg,.hyperspeed--bg,.prismaticburst--bg{pointer-events:none;z-index:0;width:100%;height:100%;opacity:var(--bg-opacity,1);position:absolute;inset:0}.hyperspeed--bg{transform:translateY(-15%)}.gridscan-fade{z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#000 60% 100%);height:50%;position:absolute;bottom:10%;left:0;right:0}.guitarrista-gif{z-index:2;pointer-events:none;width:19vw;opacity:calc(var(--glow-opacity,1) * .9);position:absolute;top:52%;right:23%;transform:translateY(-30%)}.guitarrista-gif__video{width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(#000 40%,#0000 90%);mask-image:linear-gradient(#000 40%,#0000 90%)}.sopro-gif{z-index:2;pointer-events:none;width:16vw;opacity:calc(var(--glow-opacity,1) * .9);position:absolute;top:52%;left:25%;transform:translateY(-30%)}.sopro-gif__video{width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(#000 40%,#0000 96%);mask-image:linear-gradient(#000 40%,#0000 96%)}.baixo-gif{z-index:1;pointer-events:none;width:15vw;opacity:calc(var(--glow-opacity,1) * .9);position:absolute;top:52%;left:14%;transform:translateY(-30%)}.baixo-gif__video{width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(#000 30%,#0000 85%);mask-image:linear-gradient(#000 30%,#0000 85%)}.dj-gif{z-index:1;pointer-events:none;width:16vw;opacity:calc(var(--glow-opacity,1) * .9);position:absolute;top:58%;right:12%;transform:translateY(-30%)}.dj-gif__video{-webkit-mask-image:linear-gradient(#000 20%,#0000 100%);width:100%;height:auto;display:block;mask-image:linear-gradient(#000 15%,#0000 75%)}.experience-canvas-wrapper{z-index:1;position:absolute;inset:0}.experience-canvas-wrapper--front{z-index:3}.scene-glow,.scene-noise{pointer-events:none;clip-path:inset(0 var(--curtain-clip,0%) 0 var(--curtain-clip,0%));transform:translateZ(0) translateY(var(--ui-offset-y,0vh));opacity:var(--glow-opacity,0);position:absolute;inset:0}.scene-glow{mix-blend-mode:screen;background:radial-gradient(40% 28% at 50% 10%,#ffbbdd1c,#0000 72%),radial-gradient(35% 20% at 50% 90%,#ff49a32e,#0000 76%)}.scene-noise{opacity:.08;background-image:linear-gradient(#0000 0 95%,#ffffff0d 100%),linear-gradient(90deg,#0000 0 95%,#ffffff0a 100%);background-size:100% 22px,22px 100%}.loading-screen{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(70% 45% at 50% 10%,#ff49a338,#0000 65%),#060408eb;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.loading-card{background:#0f0c12db;border:1px solid #ffffff1f;border-radius:24px;width:min(460px,100%);padding:30px;box-shadow:0 30px 90px #0000006b}.eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-2);font-size:10px;font-weight:700;display:inline-flex}.loading-card h1{font-family:var(--font-display);margin:14px 0 12px;font-size:clamp(2.8rem,5vw,4.4rem);line-height:.92}.loading-card p{color:#ffffffb8;margin:0;line-height:1.6}.loading-bar{background:#ffffff1a;border-radius:999px;height:8px;margin:18px 0 14px;position:relative;overflow:hidden}.loading-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));box-shadow:0 0 18px -4px var(--accent);position:absolute;inset:0 auto 0 0}.overlay-shell{z-index:5;pointer-events:none;clip-path:inset(0 var(--curtain-clip,0%) 0 var(--curtain-clip,0%));transform:translateZ(0) translateY(var(--ui-offset-y,0vh));position:fixed;inset:0}.overlay-shell--covered .overlay-desktop,.overlay-shell--covered .mobile-shell,.overlay-shell--covered .performer-hotspot{pointer-events:none}.overlay-desktop,.mobile-shell{pointer-events:none;position:absolute;inset:0}.overlay-header{justify-content:center;align-items:flex-start;gap:18px;display:flex;position:absolute;top:22px;left:26px;right:26px}.brand-logo{object-fit:contain;width:25vw;height:auto;display:block}.overlay-floating{pointer-events:auto;width:min(360px,100vw - 60px);position:absolute;top:8rem;left:5rem}.desktop-title-row{position:relative}.title-song{font-family:"Bitcount", var(--font-display);white-space:nowrap;vertical-align:middle;text-align:left;width:25.5rem;font-size:clamp(2.4rem,6vw,4rem);font-weight:250;line-height:.95;display:inline-block;position:relative;overflow:hidden}.title-song__text{text-shadow:-4px 1px 2px #ff1e1e8c,4px 1px 2px #2850ff8c;display:inline-block}.progress-row,.mobile-progressline{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:50%;margin-top:14px;display:grid}.progress-time{font-family:var(--font-mono);color:#ffffff85;font-size:10px}.progress-bar{background:#ffffff1f;border-radius:999px;height:7px;position:relative;overflow:hidden}.progress-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));min-width:8px;box-shadow:0 0 14px -2px var(--accent);position:absolute;inset:0 auto 0 0}.setlist{flex-direction:column;gap:2px;width:50%;margin:14px 0 0;padding:0;list-style:none;display:flex;position:relative}.setlist__row{display:flex}.setlist__item{cursor:pointer;font-family:var(--font-mono);letter-spacing:.06em;color:var(--white);opacity:.5;transform-origin:0 0;will-change:transform, opacity;backface-visibility:hidden;background:0 0;border:none;align-items:center;gap:4px;padding:1px 0;font-size:.75rem;transition:transform .26s cubic-bezier(.22,1,.36,1),opacity .26s;display:inline-flex}.setlist__marker{background:var(--accent);opacity:0;border-radius:50%;width:4px;height:4px;transition:opacity .2s,transform .2s;transform:scale(.5)}.setlist__item--active{opacity:.85;color:var(--accent)}.setlist__item--active .setlist__marker{opacity:1;box-shadow:0 0 6px var(--accent);transform:scale(1)}.setlist__num{opacity:.6}.setlist__name{letter-spacing:.02em}.nav-button,.icon-button{color:var(--white);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c08107a;border:1px solid #fff3;border-radius:999px;place-items:center;transition:transform .14s,border-color .14s,background .14s;display:grid}.nav-button{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;width:58px;height:58px;position:relative}.nav-button img{object-fit:contain;filter:drop-shadow(0 0 #ff49a300);width:44px;height:44px;transition:filter .14s,transform .14s;display:block}.nav-button--next img{transform:scaleX(-1)}.icon-button{width:44px;height:44px;font-size:17px}.performer-hotspot{z-index:8;pointer-events:auto;justify-content:space-between;align-items:center;width:min(320px,54vw);height:min(420px,56vh);transition:opacity .3s;display:flex;position:fixed;top:60%;left:50%;transform:translate(-50%,-50%)}.performer-hotspot .nav-button{opacity:.2;transition:opacity .3s,transform .15s}.performer-hotspot:hover .nav-button{opacity:1}.performer-controls{opacity:0;justify-items:center;gap:12px;transition:opacity .18s,transform .18s;display:grid;transform:translateY(8px)scale(.94)}.performer-hotspot:hover .performer-controls,.performer-hotspot--paused .performer-controls{opacity:1;transform:translateY(0)scale(1)}.performer-hotspot--paused .performer-controls .icon-button:not(.play-button){opacity:0;pointer-events:none}.performer-controls .icon-button{-webkit-backdrop-filter:blur(20px)saturate(1.6);background:#ffffff14;border:1px solid #ffffff40;transition:background .18s,border-color .18s,box-shadow .18s,transform .14s;box-shadow:inset 0 1px #ffffff4d,0 8px 24px #0006}.performer-controls .play-button{width:64px;height:64px}.nav-button:hover,.nav-button:focus-visible{background:0 0;transform:scale(1.08)}.nav-button:hover img,.nav-button:focus-visible img{filter:drop-shadow(0 0 5px #fffffff2)drop-shadow(0 0 14px #ff49a3f2)drop-shadow(0 0 30px #ff49a3c7)}.icon-button:hover,.icon-button:focus-visible{background:var(--accent);border-color:var(--accent);filter:drop-shadow(0 0 5px #ff49a3f2)drop-shadow(0 0 14px #ff49a3d9)drop-shadow(0 0 30px #ff49a399);transform:scale(1.05);box-shadow:inset 0 1.5px #ffffff59}.desktop-stream{pointer-events:auto;width:min(150px,100vw - 52px);position:absolute;top:25%;right:26px}.streaming-links{gap:12px;display:grid}.stream-badge{width:min(150px,100%);line-height:0;transition:transform .14s,filter .18s;display:block}.stream-badge img{width:100%;height:auto;display:block}.stream-badge:hover,.stream-badge:focus-visible{filter:drop-shadow(0 0 5px #ff49a3f2)drop-shadow(0 0 14px #ff49a3d9)drop-shadow(0 0 30px #ff49a399);transform:scale(1.05)}.stage-spacer{pointer-events:none;width:100%;position:relative}.letter-section{z-index:12;pointer-events:none;background:linear-gradient(#0000 0,#06030d8c 16vh,#06030ded 38vh);padding:30vh 24px 56vh;position:relative}.letter-progress{z-index:40;pointer-events:none;opacity:0;flex-direction:column;align-items:center;gap:40px;transition:opacity .5s,transform .5s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:50%;right:clamp(14px,4vw,40px);transform:translateY(calc(12px - 50%))}.letter-progress.is-visible{opacity:1;pointer-events:auto;transform:translateY(-50%)}.letter-progress__track{background:#ffffff24;border-radius:999px;width:.5rem;height:clamp(120px,22vh,200px);overflow:hidden}.letter-progress__fill{background:linear-gradient(to bottom, var(--accent), var(--accent-2));width:100%;box-shadow:0 0 12px -2px var(--accent);transition:height .12s linear}.letter-progress__top{width:44px;height:44px;color:var(--white);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c08107a;border:1px solid #fff3;border-radius:999px;place-items:center;font-size:19px;line-height:1;transition:transform .14s,border-color .14s,background .14s;display:grid}.letter-progress__top:hover,.letter-progress__top:focus-visible{background:var(--accent);border-color:var(--accent);filter:drop-shadow(0 0 5px #ff49a3f2)drop-shadow(0 0 14px #ff49a3d9)drop-shadow(0 0 30px #ff49a399);transform:scale(1.05);box-shadow:inset 0 1.5px #ffffff59}.letter-flow{text-align:center;width:min(640px,100%);margin:23vh auto 0}.letter-block{margin:0 auto 16vh}.letter-block:last-child{margin-bottom:0}.letter-block .line{opacity:0;filter:blur(7px);transition:opacity .85s,transform .95s cubic-bezier(.22,1,.36,1),filter .85s;transition-delay:calc(var(--i,0) * 70ms);text-shadow:0 2px 28px #0000008c;display:block;transform:translateY(26px)}.letter-block.is-in .line{opacity:1;filter:blur();transform:translateY(0)}.lb-greeting .line{font-family:var(--font-display);color:var(--accent);font-size:clamp(2.4rem,8vw,4rem);font-weight:800;line-height:1}.letter-block__image{width:min(400px,60vw);height:auto;margin:0 auto;display:block}.lb-para .line{font-family:var(--font-letter-body);letter-spacing:normal;color:var(--paper);font-size:clamp(.95rem,2.3vw,1.2rem);font-style:normal;font-weight:400;line-height:1.75}.lb-para .line+.line{margin-top:.5em}.lb-beat .line{font-family:var(--font-letter-highlight);color:var(--pink);font-size:clamp(1.5rem,4.6vw,2.2rem);font-weight:400;line-height:1.15}.lb-emph .line{font-family:var(--font-letter-body);letter-spacing:normal;color:var(--paper);font-size:clamp(.95rem,2.3vw,1.2rem);font-style:normal;font-weight:700;line-height:1.75}.lb-emph .line+.line{margin-top:.35em}.lb-list .line{font-family:var(--font-letter-body);letter-spacing:normal;color:#f6ecdfdb;font-size:clamp(.95rem,2.3vw,1.2rem);font-style:normal;font-weight:400;line-height:1.75}.lb-crescendo .line{font-family:var(--font-letter-highlight);color:var(--pink);font-size:clamp(1.4rem,4vw,2rem);font-weight:400;line-height:1.4}.lb-crescendo .line+.line{margin-top:.2em}.lb-crescendoFinal{margin-top:4vh}.lb-crescendoFinal .line{font-family:var(--font-letter-highlight);color:var(--pink);text-shadow:0 0 48px #ff49a373,0 2px 28px #0000008c;font-size:clamp(3.2rem,12vw,6.5rem);font-weight:400;line-height:1}.lb-crescendoFinal.is-in .line{animation:2.6s ease-in-out .6s infinite letter-pulse}@keyframes letter-pulse{0%,to{text-shadow:0 0 48px #ff49a366,0 2px 28px #0000008c;transform:scale(1)}50%{text-shadow:0 0 72px #ff49a3b3,0 2px 28px #0000008c;transform:scale(1.045)}}.lb-final{margin-top:6vh}.lb-final .line{font-family:var(--font-letter-body);letter-spacing:normal;color:#f6ecdfeb;font-size:clamp(.95rem,2.3vw,1.2rem);font-style:normal;font-weight:400;line-height:1.75}.lb-final .line+.line{margin-top:.5em}.lb-sign{margin-top:12vh}.lb-sign .line{font-family:var(--font-letter-highlight);letter-spacing:.3em;color:var(--pink);text-shadow:0 0 32px #ff49a373;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:400}.lb-sign .letter-block__image{filter:drop-shadow(0 0 32px #ff49a373);width:min(220px,40vw)}@media (prefers-reduced-motion:reduce){.letter-block .line{filter:none;transition:opacity .4s;transform:none}.lb-crescendoFinal.is-in .line{animation:none}}.mobile-shell{display:none}@media (width<=860px){.overlay-desktop{display:none}.mobile-shell{padding:18px;display:block}.mobile-topline,.mobile-title,.mobile-progressline,.mobile-stream{pointer-events:auto;position:absolute;left:18px;right:18px}.mobile-topline{justify-content:flex-start;align-items:center;gap:14px;display:flex;top:18px}.brand-logo--mobile{width:min(156px,42vw);max-height:48px}.mobile-title{top:90px}.mobile-title .title-song{font-size:clamp(2.5rem,13vw,4rem)}.mobile-progressline{top:184px}.mobile-stream{bottom:22px}.mobile-stream .streaming-links{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-stream .stream-badge{width:100%}.performer-hotspot{width:min(190px,58vw);height:min(280px,48vh);top:53%}.letter-section{padding-inline:18px}.letter-block{margin-bottom:13vh}}@media (width<=420px){.mobile-stream .streaming-links{grid-template-columns:1fr}}