.social-x{flex-shrink:0;text-decoration:none;color:var(--ink);transition:color .18s,background .18s,border-color .18s}.social-x svg{width:14px;height:14px;fill:currentColor}.social-x:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.social-x:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.intro-pending .topbar,.intro-pending .workspace,.intro-pending .mobile-nav{visibility:hidden}
.site-intro[hidden]{display:none}.site-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden;background:var(--bg,#f8f8f6);color:var(--ink,#292735);transition:opacity .4s ease,transform .4s ease;isolation:isolate}.site-intro.is-exiting{opacity:0;transform:scale(1.025);pointer-events:none}
.intro-field{position:absolute;inset:0;width:100%;height:100%;opacity:.14;pointer-events:none;color:var(--accent,#7462ad)}.intro-field-line{stroke:currentColor;stroke-width:1;fill:none}.intro-field-cut{stroke:var(--bg,#f8f8f6);stroke-width:65;fill:none}.intro-field-ring{stroke:currentColor;stroke-width:.7;stroke-dasharray:2 7;fill:none;transform-origin:500px 300px;animation:qulab-field-turn 35s linear infinite}
.intro-coordinate{position:absolute;top:34px;left:38px;font:9px var(--mono);letter-spacing:.12em;color:var(--muted)}.intro-coordinate-right{left:auto;right:38px}.intro-center{text-align:center;position:relative;padding:24px;max-width:100%;animation:qulab-intro-arrive .6s ease both}.intro-symbol{width:146px;height:146px;display:block;margin:0 auto 30px;color:var(--accent,#7462ad)}.intro-fringe{animation:qulab-fringe-in .6s ease both}.intro-fringe:nth-child(2){animation-delay:.05s}.intro-fringe:nth-child(3){animation-delay:.1s}.intro-fringe:nth-child(4){animation-delay:.15s}.intro-fringe:nth-child(5){animation-delay:.2s}.intro-fringe:nth-child(6){animation-delay:.25s}.intro-fringe:nth-child(7){animation-delay:.3s}.intro-fringe:nth-child(8){animation-delay:.35s}.intro-fringe:nth-child(9){animation-delay:.4s}.intro-wave{stroke-dasharray:100;stroke-dashoffset:100;animation:qulab-wave-draw 1.1s .3s cubic-bezier(.22,1,.36,1) forwards}.intro-node{transform-origin:82px 58px;animation:qulab-node-in .35s 1.05s both}.intro-center h1{font:600 48px/1 var(--sans);letter-spacing:-2.2px;margin:0 0 17px}.intro-copy{font-size:13px;line-height:1.8;color:var(--secondary);margin:0}.intro-state{font:10px var(--mono);letter-spacing:.05em;color:var(--accent);margin:19px 0 0}.intro-progress{margin:36px auto 13px;height:1px;width:210px;background:var(--line2);overflow:hidden}.intro-progress i{display:block;width:100%;height:100%;background:var(--accent);transform-origin:left;animation:qulab-intro-progress 2.35s cubic-bezier(.25,.55,.5,1) both}.intro-stages{display:flex;justify-content:center;gap:20px;font:7px var(--mono);letter-spacing:.09em;color:var(--muted)}.intro-stages span{animation:qulab-stage-focus .6s ease both}.intro-stages span:nth-child(2){animation-delay:.7s}.intro-stages span:nth-child(3){animation-delay:1.4s}.intro-skip{position:absolute;bottom:30px;right:38px;color:var(--secondary);border:1px solid var(--line2);background:transparent;border-radius:6px;padding:10px 13px;font:9px var(--mono);cursor:pointer}.intro-skip:hover,.intro-skip:focus-visible{color:var(--accent);border-color:var(--accent);outline:2px solid var(--accent-soft);outline-offset:3px}.intro-foot{position:absolute;bottom:42px;left:38px;font:8px var(--mono);letter-spacing:.09em;color:var(--muted)}
.intro-playing .workspace{opacity:.85;transform:translateY(6px)}.workspace{transition:opacity .35s ease,transform .35s ease}
@keyframes qulab-fringe-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes qulab-wave-draw{to{stroke-dashoffset:0}}@keyframes qulab-node-in{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes qulab-intro-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes qulab-intro-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes qulab-stage-focus{from{opacity:.4}to{opacity:1;color:var(--accent)}}@keyframes qulab-field-turn{to{transform:rotate(360deg)}}
@media(max-width:700px){.intro-symbol{width:120px;height:120px;margin-bottom:25px}.intro-center h1{font-size:42px}.intro-coordinate{left:22px;top:24px;font-size:7px}.intro-coordinate-right{left:auto;right:22px}.intro-foot{left:22px;bottom:34px;font-size:6px}.intro-skip{right:22px;bottom:23px;font-size:8px}.intro-copy{font-size:12px}.intro-field{width:200%;left:-50%;opacity:.1}.social-x{margin-left:auto}.topbar .compact{margin-left:0}}
@media(min-width:701px) and (max-width:1050px){.workspace-label{display:none}}
@media(prefers-reduced-motion:reduce){.site-intro *{animation:none!important}.site-intro,.workspace{transition:none!important}.intro-wave{stroke-dashoffset:0}.intro-playing .workspace{opacity:1;transform:none}}
