.qh-intro{--qh-cell:8px;z-index:100;color:#fff;contain:strict;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;background:#000;position:fixed;inset:0;overflow:hidden}@media (max-width:639px){.qh-intro{--qh-cell:6px}}@keyframes qh-intro-failsafe{to{opacity:0;visibility:hidden;pointer-events:none}}.qh-intro[data-phase=boot]{animation:0s linear 6s forwards qh-intro-failsafe}body:has(.qh-intro[data-active=true]) :is(.animate-fade-slide-in-1,.animate-fade-slide-in-2,.animate-fade-slide-in-3,.animate-fade-slide-in-4){animation-play-state:paused}.qh-intro-cv{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.qh-intro-stage{z-index:1;place-items:center;display:grid;position:absolute;inset:0}.qh-intro-field{opacity:.1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Crect x='7' y='7' width='2' height='2' fill='%23fff'/%3E%3C/svg%3E");background-position:50%;animation:.7s ease-out both qh-intro-in;position:absolute;inset:0;-webkit-mask-image:radial-gradient(52% 58% at 50% 46%,#000 0%,#00000073 45%,#0000 82%);mask-image:radial-gradient(52% 58% at 50% 46%,#000 0%,#00000073 45%,#0000 82%)}@media (max-width:639px){.qh-intro-field{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect x='9' y='9' width='2' height='2' fill='%23fff'/%3E%3C/svg%3E");-webkit-mask-image:radial-gradient(80% 48% at 50% 46%,#000 0%,#00000073 45%,#0000 85%);mask-image:radial-gradient(80% 48% at 50% 46%,#000 0%,#00000073 45%,#0000 85%)}}.qh-intro-core{flex-direction:column;align-items:center;display:flex;position:relative;translate:0 -3vh}.qh-intro-lock{width:calc(11 * var(--qh-cell));height:calc(11 * var(--qh-cell));position:relative}.qh-intro-glow{width:calc(46 * var(--qh-cell));height:calc(46 * var(--qh-cell));pointer-events:none;transition:opacity .26s ease-out, scale .32s var(--ease-out,ease-out);background:radial-gradient(closest-side,#2f66ff4d,#2f66ff17 48%,#2f66ff00 100%);animation:.9s ease-out both qh-intro-in;position:absolute;top:62%;left:50%;translate:-50% -50%}.qh-intro-shackle{transition:translate .15s steps(2,start);position:absolute;inset:0}.qh-intro-lock i{left:calc(var(--c) * var(--qh-cell));top:calc(var(--r) * var(--qh-cell));width:calc(var(--qh-cell) - 1px);height:calc(var(--qh-cell) - 1px);animation:.24s steps(3,end) both qh-intro-px;animation-delay:calc(var(--d) * 1ms);background:#fff;transition:background-color .14s ease-out;position:absolute}.qh-intro-lock i[data-k=key]{background:var(--volt)}.qh-intro-lock i[data-k=ext]{opacity:0;transition:opacity 0s linear var(--x,0s), background-color .14s ease-out;animation:none}@keyframes qh-intro-px{0%{opacity:0}to{opacity:1}}@keyframes qh-intro-in{0%{opacity:0}}.qh-intro:is([data-phase=unlock],[data-phase=dissolve],[data-phase=fade]) .qh-intro-shackle{translate:0 calc(-2 * var(--qh-cell))}.qh-intro:is([data-phase=unlock],[data-phase=dissolve],[data-phase=fade]) .qh-intro-lock i{background:var(--frost)}.qh-intro:is([data-phase=unlock],[data-phase=dissolve],[data-phase=fade]) .qh-intro-lock i[data-k=key]{background:#fff}.qh-intro:is([data-phase=unlock],[data-phase=dissolve],[data-phase=fade]) .qh-intro-lock i[data-k=ext]{opacity:1}.qh-intro:is([data-phase=unlock],[data-phase=dissolve],[data-phase=fade]) .qh-intro-glow{scale:1.12}.qh-intro-title{margin-top:calc(4.25 * var(--qh-cell) + 2px);letter-spacing:-.035em;white-space:nowrap;text-wrap:nowrap;font-size:30px;line-height:1;animation:.4s ease-out .12s both qh-intro-in}@media (max-width:639px){.qh-intro-title{font-size:28px}}.qh-intro-title [data-l]{position:relative}.qh-intro-title [data-x]{-webkit-text-fill-color:transparent}.qh-intro-title [data-x]:after{content:attr(data-hex);font-family:var(--font-geist-pixel), var(--font-geist-mono), ui-monospace, monospace;font-variation-settings:"ELSH" 0;letter-spacing:0;color:#ffffff5c;-webkit-text-fill-color:#ffffff5c;place-items:center;font-size:.7em;font-style:normal;font-weight:400;font-stretch:100%;display:grid;position:absolute;inset:0}.qh-intro-title [data-x=edge]:after{color:var(--volt);-webkit-text-fill-color:var(--volt)}.qh-intro-bar{gap:3px;margin-top:28px;display:flex}.qh-intro-bar i{width:5px;height:5px;animation:.2s steps(2,end) both qh-intro-px;animation-delay:calc(.22s + var(--i) * 9ms);background:#ffffff21;position:relative}.qh-intro-bar i:after{content:"";background:var(--volt);opacity:clamp(0, calc(var(--p,0) * 24 - var(--i)), 1);position:absolute;inset:0}.qh-intro-cap{height:16px;font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.02em;color:#ffffff75;white-space:nowrap;justify-content:center;align-items:center;margin-top:14px;font-size:11.5px;font-weight:400;line-height:16px;animation:.4s ease-out .26s both qh-intro-in;display:flex}.qh-intro-cap span{animation:qh-intro-cap .22s var(--ease-out,ease-out) both}@keyframes qh-intro-cap{0%{opacity:0;translate:0 3px}}.qh-intro[data-phase=unlock] .qh-intro-cap{color:#ffffffc7}.qh-intro-skip{z-index:2;right:max(12px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.02em;color:#fff6;cursor:pointer;border-radius:10px;padding:14px;font-size:12px;font-weight:500;line-height:1;transition:color .15s;animation:.4s ease-out .4s both qh-intro-in;position:absolute}@media (hover:hover) and (pointer:fine){.qh-intro-skip:hover{color:#ffffffd9}}.qh-intro-skip:focus-visible{outline:2px solid var(--volt);outline-offset:-2px;color:#fff}@media (min-width:640px){.qh-intro-skip{bottom:16px;right:20px}}.qh-intro[data-phase=dissolve]{pointer-events:none;background:0 0}.qh-intro[data-phase=dissolve] :is(.qh-intro-stage,.qh-intro-skip){opacity:0;transition:opacity .2s ease-out}.qh-intro[data-phase=fade]{opacity:0;pointer-events:none;transition-property:opacity!important;transition-duration:.2s!important;transition-timing-function:linear!important}@media (prefers-reduced-motion:reduce){.qh-intro-field,.qh-intro-glow,.qh-intro-lock i,.qh-intro-title,.qh-intro-bar i,.qh-intro-cap,.qh-intro-cap span,.qh-intro-skip{animation:none!important}.qh-intro-shackle,.qh-intro-lock i[data-k=ext]{transition:none}.qh-intro-title [data-x]{-webkit-text-fill-color:currentcolor}.qh-intro-title [data-x]:after{content:none}}
