.nf{--nf-bg: var(--surface-canvas, oklch(.145 .003 120));--nf-t: var(--text-primary, oklch(.965 .004 110));--nf-t2: var(--text-secondary, oklch(.79 .005 110));--nf-line: var(--line-strong, oklch(1 0 0 / .12));--nf-lime: var(--action-primary, oklch(.935 .2 121));--nf-on-lime: var(--on-action, oklch(.16 .01 120));--nf-ease: var(--ease-out, cubic-bezier(.16, 1, .3, 1));--accent: var(--nf-lime);--mx: 0;--my: 0;position:relative;min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:var(--nf-bg);color:var(--nf-t);font-family:var(--font-ui, "Instrument Sans", system-ui, sans-serif);overflow:hidden;isolation:isolate;-webkit-font-smoothing:antialiased}.nf-glow{position:absolute;left:50%;top:42%;width:640px;height:640px;z-index:-1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,color-mix(in oklch,var(--nf-lime) 16%,transparent),transparent 60%);pointer-events:none}.nf--500 .nf-glow{background:radial-gradient(circle,color-mix(in oklch,var(--status-danger, oklch(.72 .17 15)) 16%,transparent),transparent 60%)}.nf--offline .nf-glow{background:radial-gradient(circle,color-mix(in oklch,var(--nf-t) 10%,transparent),transparent 60%)}.nf-top{padding:var(--space-5, 24px)}.nf-logo{display:inline-flex;color:var(--nf-t)}.nf-stage{display:grid;justify-items:center;align-content:center;gap:var(--space-3, 12px);padding:var(--space-5, 24px) 20px var(--space-7, 48px);text-align:center}.nf-code{margin:0 0 var(--space-2, 8px);display:flex;align-items:center;gap:6px;font-family:var(--font-event, "Bricolage Grotesque", "Instrument Sans", system-ui, sans-serif);font-size:clamp(88px,18vw,160px);font-weight:800;letter-spacing:-.06em;line-height:1}.nf-digit{display:inline-block}.nf-star{display:inline-flex;width:.62em;height:.62em;margin:0 .04em;color:var(--nf-lime)}.nf-star svg{width:100%;height:100%;display:block;transform-box:fill-box;transform-origin:center}.nf h1{margin:0;max-width:24ch;font-family:var(--font-event, "Bricolage Grotesque", "Instrument Sans", system-ui, sans-serif);font-size:clamp(22px,3vw,28px);font-weight:700;line-height:1.15;letter-spacing:-.02em;text-wrap:balance}.nf h1:focus{outline:none}.nf-text{margin:0;max-width:46ch;color:var(--nf-t2);font-size:15px;line-height:1.55;text-wrap:pretty}.nf-text code{padding:2px 6px;border-radius:var(--radius-sm, 6px);background:color-mix(in oklch,var(--nf-t) 6%,transparent);color:var(--nf-t);font-family:var(--font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:13px;word-break:break-all}.nf-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2, 8px);margin-top:var(--space-2, 8px)}.nf-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--space-4, 16px);border:1px solid var(--nf-line);border-radius:var(--radius-sm, 6px);color:var(--nf-t);font-size:14px;font-weight:500;text-decoration:none;transition:border-color var(--dur-1, .12s) var(--ease-out-soft, ease),background-color var(--dur-1, .12s) var(--ease-out-soft, ease),transform var(--dur-2, .18s) var(--nf-ease)}.nf-btn:hover{border-color:color-mix(in oklch,var(--nf-t) 40%,transparent);color:var(--nf-t)}.nf-btn--primary{background:var(--nf-lime);border-color:var(--nf-lime);color:var(--nf-on-lime)}.nf-btn--primary:hover{background:var(--action-primary-hover, var(--nf-lime));color:var(--nf-on-lime)}.nf-btn:active{transform:scale(.98)}.nf-btn:focus-visible{outline:2px solid var(--focus-ring, var(--nf-lime));outline-offset:2px}.nf-foot{display:flex;justify-content:center;gap:var(--space-5, 24px);padding:var(--space-4, 16px);font-size:13px}.nf-foot a{min-height:44px;display:inline-flex;align-items:center;color:var(--nf-t2);text-decoration:none}.nf-foot a:hover{color:var(--nf-t)}.nf-stars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;pointer-events:none}.nf-stars i{position:absolute;border-radius:50%;background:var(--nf-t);opacity:calc(.12 + var(--depth, .5) * .4)}.nf-floaters{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;color:var(--nf-t);pointer-events:none}.nf-floater{position:absolute;opacity:calc(.1 + var(--depth, .5) * .24);filter:blur(calc((1 - var(--depth, .5)) * 1.2px));transform:scale(calc(.6 + var(--depth, .5) * .8))}.nf-floater__in{display:block;transform:rotate(var(--tilt, 0deg))}[data-theme=light] .nf-stars{opacity:.5}@media (prefers-reduced-motion: no-preference){html[data-motion=on] .nf-digit{animation:nf-drop var(--dur-4, .4s) var(--nf-ease) both}html[data-motion=on] .nf-star{animation:nf-star-in var(--dur-4, .4s) var(--nf-ease) both}html[data-motion=on] .nf-star svg{animation:nf-spin 1.4s var(--ease-loader, cubic-bezier(.55, 0, .15, 1)) .15s both}html[data-motion=on] .nf-in{animation:nf-in var(--dur-4, .4s) var(--nf-ease) both}html[data-motion=on] .nf-stars i,html[data-motion=on] .nf-floater{transform:translate3d(calc(var(--mx) * var(--depth, .5) * -24px),calc(var(--my) * var(--depth, .5) * -24px),0) scale(calc(.6 + var(--depth, .5) * .8));transition:transform var(--dur-3, .24s) var(--nf-ease)}html[data-motion=on] .nf-stars i{transform:translate3d(calc(var(--mx) * var(--depth, .5) * -12px),calc(var(--my) * var(--depth, .5) * -12px),0)}html[data-motion=on] .nf-star{transform:translate3d(calc(var(--mx) * 10px),calc(var(--my) * 10px),0);transition:transform var(--dur-3, .24s) var(--nf-ease)}html[data-motion=on] .nf-btn:hover{transform:translateY(-1px)}}@media (prefers-reduced-motion: reduce){html[data-motion=on] .nf-in,html[data-motion=on] .nf-digit{animation:nf-fade var(--dur-1, .12s) linear both}}@keyframes nf-drop{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}@keyframes nf-star-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes nf-spin{0%{transform:rotate(0)}to{transform:rotate(540deg)}}@keyframes nf-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes nf-fade{0%{opacity:0}to{opacity:1}}.star-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2, 8px);padding:var(--space-5, 24px) var(--space-4, 16px);color:var(--action-primary, oklch(.935 .2 121));text-align:center;opacity:0;animation:star-loader-appear var(--dur-2, .18s) cubic-bezier(.25,1,.5,1) .15s forwards}.star-loader--fill{min-height:min(40vh,360px)}.star-loader--inline{flex-direction:row;justify-content:flex-start;padding:var(--space-2, 8px) 0}.star-loader--button{display:inline-flex;flex-direction:row;padding:0;gap:0;opacity:1;animation:none;color:inherit}.star-loader__mark{display:block;flex:0 0 auto;transform-box:fill-box;transform-origin:center}.star-loader__label{color:var(--text-muted, oklch(.67 .005 110));font:500 12px/16px var(--font-ui, "Instrument Sans", system-ui, sans-serif)}.star-loader__wordmark{color:var(--text-primary, oklch(.965 .004 110));font:600 15px/20px var(--font-ui, "Instrument Sans", system-ui, sans-serif);letter-spacing:-.01em}.star-loader .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@keyframes star-loader-appear{to{opacity:1}}@keyframes star-loader-spin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@media (prefers-reduced-motion: no-preference){html[data-motion=on] :is(.star-loader .star-loader__mark,.star-loader__mark.is-spinning){animation:star-loader-spin 1.4s var(--ease-loader, cubic-bezier(.55, 0, .15, 1)) infinite}}html[data-motion=off] .star-loader__mark{animation:none!important}html[data-motion=off] .star-loader{animation-duration:1ms}
