.skip{position:fixed;top:-60px;inset-inline-start:12px;z-index:9000;padding:10px 16px;border-radius:12px;background:var(--c1);color:#04050a;font-weight:700;transition:top .2s}.skip:focus{top:12px}
#curtain{position:fixed;inset:0;z-index:4000;pointer-events:none;background:linear-gradient(110deg,var(--c1),var(--c2));transform:translateX(-101%)}#curtain.go{animation:cur .7s cubic-bezier(.7,0,.3,1)}@keyframes cur{0%{transform:translateX(-101%)}45%,55%{transform:translateX(0)}100%{transform:translateX(101%)}}
#toast{position:fixed;bottom:90px;left:50%;z-index:8000;transform:translate(-50%,20px);padding:12px 20px;border-radius:99px;background:var(--text);color:var(--bg);font:600 13px "Bricolage Grotesque",sans-serif;opacity:0;pointer-events:none;transition:.3s;direction:ltr}#toast.on{opacity:1;transform:translate(-50%,0)}
.star{position:absolute;width:var(--z);height:var(--z);border-radius:50%;background:#fff;animation:tw var(--d) ease-in-out infinite}body:not(.dark) .star{display:none}@keyframes tw{50%{opacity:.15;transform:scale(.6)}}
.bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,hsl(calc(215 + var(--sk,0)*140) 90% 55%/.13))}
.scrolled .navbar{height:56px;max-width:880px}.navbar{transition:height .35s,max-width .35s}
.dots{position:fixed;inset-inline-end:16px;top:50%;transform:translateY(-50%);z-index:900;display:flex;flex-direction:column;gap:14px}.dots a{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--muted);transition:.3s}.dots a.on{background:var(--c1);border-color:var(--c1);transform:scale(1.5);box-shadow:0 0 12px var(--c1)}
.wafloat{position:fixed;inset-inline-end:22px;bottom:22px;z-index:900;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;font-size:28px;color:#fff;background:#25d366;box-shadow:0 10px 30px rgba(37,211,102,.5);animation:wab 2.8s infinite}@keyframes wab{0%,100%{box-shadow:0 10px 30px rgba(37,211,102,.5),0 0 0 0 rgba(37,211,102,.5)}60%{box-shadow:0 10px 30px rgba(37,211,102,.5),0 0 0 16px transparent}}
.tools{position:fixed;inset-inline-end:22px;bottom:90px;z-index:900;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.gear{width:46px;height:46px;border-radius:50%;cursor:pointer;display:grid;place-items:center;border:1px solid var(--line)}.panel{display:none;flex-direction:column;gap:8px;padding:10px;border-radius:22px}.panel.open{display:flex}.panel>button{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--card2);cursor:pointer}.panel>button:hover{border-color:var(--c1);color:var(--c1)}.swatches{display:flex;flex-direction:column;gap:8px;align-items:center}.swatches button{width:22px;height:22px;border-radius:50%;border:2px solid var(--bg);outline:1px solid var(--line);background:var(--s);cursor:pointer}
.copy{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--card2);cursor:pointer;color:var(--muted);transition:.2s}.copy:hover{color:var(--c1);border-color:var(--c1)}
.clock{font:600 12px "Bricolage Grotesque",monospace;color:var(--c1);direction:ltr;letter-spacing:1px}
.cine .bg{opacity:.12}.cine .marquee,.cine .socials,.cine .hint{opacity:.15}.cine #cur{display:none}
.party{animation:party 1.2s linear infinite}@keyframes party{to{filter:hue-rotate(360deg)}}
.bottombar{display:none}
@media(max-width:1050px){.dots{display:none}}
@media(max-width:700px){.bottombar{position:fixed;bottom:12px;inset-inline:12px;z-index:950;height:62px;padding:0 8px;display:flex;justify-content:space-around;align-items:center;border-radius:99px}.bottombar a{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--muted);transition:.25s}.bottombar a.on{background:linear-gradient(135deg,var(--c1),var(--c2));color:#04050a}.wafloat{bottom:88px;width:48px;height:48px;font-size:24px}.tools{bottom:146px}.to-top{bottom:88px}.footer{padding-bottom:84px}#toast{bottom:150px}}