.lgi{--lgi-red:oklch(var(--primary));--lgi-ink:oklch(var(--foreground));--lgi-bg:oklch(var(--background));--lgi-end:3.8s;z-index:2147483000;background:var(--lgi-bg);color:var(--lgi-ink);isolation:isolate;display:none;position:fixed;inset:0;overflow:hidden}.lgi[data-play]{animation:lgi-out .5s ease var(--lgi-end) forwards;place-items:center;display:grid}.lgi[data-play][data-closing]{animation:.35s forwards lgi-out}.lgi[data-look=blade]{--lgi-end:2.6s}.lgi[data-look=particles]{--lgi-end:4.6s}.lgi[data-look=rgb]{--lgi-end:4.1s}.lgi[data-look=laptop]{--lgi-end:4.6s}.lgi-skip{bottom:max(20px, env(safe-area-inset-bottom,0px));z-index:3;border:1px solid oklch(var(--border));color:oklch(var(--muted-foreground));cursor:pointer;background:0 0;border-radius:999px;padding:6px 16px;font-size:.875rem;position:absolute;inset-inline-end:20px}.lgi-skip:focus-visible{outline:2px solid var(--lgi-red);outline-offset:2px}.lgi-lockup{z-index:2;flex-direction:column;align-items:center;gap:16px;width:100%;display:flex;position:relative}.lgi-logo{width:min(560px,82vw);position:relative}.lgi-logo img{-o-object-fit:contain;object-fit:contain;width:100%;height:auto;max-height:28vh;display:block}.lgi-layer{position:absolute;inset:0}.lgi-d,html.dark .lgi-l{display:none!important}html.dark .lgi-d{display:block!important}.lgi-fa{color:var(--lgi-ink);margin:0;font-size:clamp(1.15rem,3vw,2rem);font-weight:800;line-height:1.5}.lgi-bios{text-align:left;color:oklch(var(--muted-foreground));direction:ltr;font:12px/1.6 ui-monospace,Consolas,monospace;animation:.4s 2.6s forwards lgi-fade;position:absolute;bottom:72px;left:24px}.lgi-bios span{clip-path:inset(0 100% 0 0);animation:.25s steps(12,end) forwards lgi-wipe;display:block}.lgi-bios span:nth-child(2){animation-delay:.25s}.lgi-bios span:nth-child(3){animation-delay:.5s}.lgi-bios span:nth-child(4){animation-delay:.75s}.lgi-scan{pointer-events:none;background:repeating-linear-gradient(0deg, transparent 0 2px, oklch(var(--foreground) / .06) 2px 3px);animation:.6s 2.8s forwards lgi-fade;position:absolute;inset:0}[data-look=boot] .lgi-logo{clip-path:inset(0 100% 0 0);animation:.8s steps(9,end) 1.1s forwards lgi-wipe,.9s 1.1s lgi-glitch}[data-look=boot] .lgi-fa{clip-path:inset(0 0 0 100%);animation:.9s steps(12,end) 2.1s forwards lgi-wipe}[data-look=blade] .lgi-half{opacity:0}[data-look=blade] .lgi-half.a{clip-path:polygon(0 0,62% 0,38% 100%,0 100%);animation:.55s cubic-bezier(.7,0,.2,1) .55s forwards lgi-lock-a;position:relative}[data-look=blade] .lgi-half.b{clip-path:polygon(62% 0,100% 0,100% 100%,38% 100%);animation:.55s cubic-bezier(.7,0,.2,1) .55s forwards lgi-lock-b}.lgi-blade{background:linear-gradient(90deg, transparent, var(--lgi-red) 30%, #fff 50%, var(--lgi-red) 70%, transparent);width:160vmax;height:3px;box-shadow:0 0 18px 4px oklch(var(--primary) / .7);opacity:0;animation:.6s cubic-bezier(.8,0,.2,1) forwards lgi-blade;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-68deg)scaleX(0)}.lgi-flash{background:radial-gradient(circle at 50% 50%, oklch(var(--primary) / .5), transparent 60%);opacity:0;animation:.6s 1.05s lgi-flash;position:absolute;inset:0}[data-look=blade] .lgi-logo{animation:.35s 1.08s lgi-shake}[data-look=blade] .lgi-fa{opacity:0;animation:.6s cubic-bezier(.2,.8,.2,1) 1.3s forwards lgi-in}.lgi-canvas{width:100%;height:100%;position:absolute;inset:0}[data-look=particles] .lgi-lockup{opacity:0;animation:.6s 2.5s forwards lgi-show}[data-look=particles][data-drawn] .lgi-lockup{display:none}[data-look=rgb] .lgi-ghost{opacity:.12;filter:grayscale()}.lgi-rgb,.lgi-glint{-webkit-mask:var(--lgi-mask) center / contain no-repeat;-webkit-mask:var(--lgi-mask) center / contain no-repeat;mask:var(--lgi-mask) center / contain no-repeat;opacity:0}.lgi-rgb{background:linear-gradient(90deg,#ff2a2a,#ff9a00,#ffe600,#2bff6a,#00e5ff,#3a5bff,#c13bff,#ff2a2a) 0 0/300% 100%;animation:2.6s forwards lgi-rgb-in,1.3s linear 2 lgi-rgb-move}.lgi-glint{background:linear-gradient(100deg,#0000 40%,#fffffff2 50%,#0000 60%) 150% 0/250% 100%;animation:1s 3s forwards lgi-glint}[data-look=rgb] .lgi-real{opacity:0;animation:.7s 2.2s forwards lgi-show}[data-look=rgb] .lgi-fa{background:linear-gradient(90deg,#ff2a2a,#ff9a00,#ffe600,#2bff6a,#00e5ff,#3a5bff,#c13bff,#ff2a2a) 0 0/300% 100%;color:#0000;opacity:.15;-webkit-background-clip:text;background-clip:text;animation:1.3s linear 2 lgi-rgb-move,.5s .4s forwards lgi-show,.7s 2.4s forwards lgi-ink}[data-look=laptop]{--lgi-bg:#07070a;--lgi-ink:#f4f4f6;--lap-h:220px;--dive:calc(var(--lgi-end) - .9s);background:radial-gradient(ellipse 70% 45% at 50% 72%, oklch(var(--primary) / .14), transparent 70%), var(--lgi-bg)}.lgi-lapwrap{perspective:1000px;transform-origin:50% calc(60% - var(--lap-h) * .69);opacity:0;animation:lgi-show .5s ease forwards, lgi-dive .9s cubic-bezier(.7, 0, .3, 1) var(--dive) forwards;position:absolute;inset:0}.lgi-lap{width:calc(var(--lap-h) * 1.625);height:var(--lap-h);transform-style:preserve-3d;background:linear-gradient(#2c2e34,#18191d);border-radius:12px;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)rotateX(65deg);box-shadow:inset 0 1px #ffffff1f,0 50px 70px #000000b3}.lgi-lap:before{content:"";border-radius:inherit;background:linear-gradient(180deg, oklch(var(--primary) / .32), transparent 65%);opacity:0;animation:.6s 1.3s forwards lgi-show;position:absolute;inset:0}.lgi-kb{background:repeating-linear-gradient(90deg,#ffffff12 0 13px,#0000 13px 16px);position:absolute;inset:8% 7% 35%;overflow:hidden;-webkit-mask:repeating-linear-gradient(0deg,#000 0 12px,#0000 12px 15px);mask:repeating-linear-gradient(0deg,#000 0 12px,#0000 12px 15px)}.lgi-kb:after{content:"";background:radial-gradient(circle, oklch(var(--primary)) 0 22%, oklch(var(--primary) / .45) 38%, transparent 62%);opacity:0;animation:1.1s cubic-bezier(.2,.7,.2,1) 1.4s forwards lgi-wave;position:absolute;inset:-40%;transform:scale(.1)}.lgi-pad{background:#ffffff0f;border-radius:6px;width:27%;height:22%;position:absolute;bottom:7%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff0d}.lgi-lid{transform-origin:top;transform-style:preserve-3d;animation:1.1s cubic-bezier(.5,0,.15,1) .5s forwards lgi-lid;position:absolute;inset:0;transform:translateZ(2px)}.lgi-out,.lgi-scr{backface-visibility:hidden;border-radius:12px;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.lgi-out{background:linear-gradient(160deg,#34363d,#1b1c20);box-shadow:inset 0 1px #ffffff24}.lgi-out img{max-width:34%;max-height:34%;filter:drop-shadow(0 0 10px oklch(var(--primary) / .9))}.lgi-scr{background:#050507;border:7px solid #0d0e11;transform:rotateX(180deg);box-shadow:inset 0 0 0 1px #ffffff0f}.lgi-glow{background:radial-gradient(circle at 50% 55%, oklch(var(--primary) / .55), transparent 72%);opacity:0;animation:.6s 1.2s forwards lgi-show;position:absolute;inset:0}.lgi-mini{opacity:0;width:78%;animation:.6s cubic-bezier(.2,.8,.2,1) 1.5s forwards lgi-in;position:relative}.lgi-mini img{-o-object-fit:contain;object-fit:contain;width:100%;height:auto;max-height:60%;display:block}[data-look=laptop] .lgi-logo{display:none}[data-look=laptop] .lgi-skip{color:#ffffffb3;border-color:#ffffff40}[data-look=laptop] .lgi-lockup{width:auto;position:absolute;inset:auto 0 max(64px,11vh)}[data-look=laptop] .lgi-fa{opacity:0;letter-spacing:.01em;text-shadow:0 0 22px oklch(var(--primary) / .6);animation:lgi-in .7s cubic-bezier(.2, .8, .2, 1) 2s forwards, lgi-fade .3s var(--dive) forwards}@media (max-width:640px){[data-look=laptop]{--lap-h:150px}}@keyframes lgi-out{to{opacity:0;visibility:hidden}}@keyframes lgi-fade{to{opacity:0}}@keyframes lgi-show{to{opacity:1}}@keyframes lgi-ink{to{color:var(--lgi-ink)}}@keyframes lgi-wipe{to{clip-path:inset(0)}}@keyframes lgi-in{0%{opacity:0;filter:blur(8px);transform:scale(1.25)}to{opacity:1;filter:none;transform:none}}@keyframes lgi-glitch{0%,to{filter:none;transform:none}10%{filter:drop-shadow(4px 0 #00e5ff)drop-shadow(-4px 0 #ff2bd6);transform:translate(3px)}25%{transform:translate(-4px)skew(-8deg)}40%{filter:drop-shadow(-3px 0 #00e5ff)drop-shadow(3px 0 #ff2bd6);transform:translate(2px)}60%{filter:drop-shadow(2px 0 #00e5ff);transform:none}}@keyframes lgi-blade{0%{opacity:1;transform:translate(-50%,-50%)rotate(-68deg)scaleX(0)}55%{opacity:1;transform:translate(-50%,-50%)rotate(-68deg)scaleX(1)}to{opacity:0;transform:translate(-50%,-50%)rotate(-68deg)scaleX(1)scaleY(.2)}}@keyframes lgi-lock-a{0%{opacity:0;transform:translate(-70px,-26px)}to{opacity:1;transform:none}}@keyframes lgi-lock-b{0%{opacity:0;transform:translate(70px,26px)}to{opacity:1;transform:none}}@keyframes lgi-flash{0%{opacity:1}to{opacity:0}}@keyframes lgi-shake{0%,to{transform:none}25%{transform:translate(-4px,2px)}50%{transform:translate(3px,-2px)}75%{transform:translate(-2px,1px)}}@keyframes lgi-rgb-in{0%{opacity:0;clip-path:inset(0 100% 0 0)}35%{opacity:1;clip-path:inset(0)}75%{opacity:1}to{opacity:0}}@keyframes lgi-rgb-move{to{background-position:-300% 0}}@keyframes lgi-glint{0%{opacity:1;background-position:150% 0}to{opacity:1;background-position:-60% 0}}@keyframes lgi-dive{60%{opacity:1}to{opacity:0;transform:scale(9)}}@keyframes lgi-wave{0%{opacity:1;transform:scale(.1)}70%{opacity:1}to{opacity:.55;transform:scale(1.4)}}@keyframes lgi-lid{to{transform:rotateX(100deg)translateZ(2px)}}
