/*! StyloftCSS v0.1.0 | MIT License */ @layer sl.tokens,sl.reset,sl.base,sl.layout,sl.components,sl.utilities;@layer sl.tokens{:root{--sl-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--sl-mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sl-space-0:0;--sl-space-1:.25rem;--sl-space-2:.5rem;--sl-space-3:.75rem;--sl-space-4:1rem;--sl-space-6:1.5rem;--sl-space-8:2rem;--sl-space-12:3rem;--sl-space-16:4rem;--sl-text-sm:.875rem;--sl-text-base:1rem;--sl-text-lg:clamp(1.125rem,1rem + .5vw,1.375rem);--sl-text-xl:clamp(1.5rem,1.2rem + 1vw,2rem);--sl-text-2xl:clamp(2rem,1.4rem + 2vw,3rem);--sl-text-3xl:clamp(2.5rem,1.5rem + 4vw,5rem);--sl-radius:.65rem;--sl-radius-lg:1.2rem;--sl-measure:68ch;--sl-container:72rem;--sl-shadow:0 .5rem 2rem rgb(0 0 0 / .08)}:root,[data-theme="light"]{color-scheme:light;--sl-bg:#f8fafc;--sl-surface:#ffffff;--sl-text:#172033;--sl-muted:#475569;--sl-border:#64748b;--sl-accent:#3730a3;--sl-on-accent:#ffffff;--sl-accent-hover:#312e81;--sl-soft:#e0e7ff;--sl-danger:#b91c1c;--sl-success:#166534;--sl-focus:#3730a3}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--sl-bg:#0f172a;--sl-surface:#1e293b;--sl-text:#f1f5f9;--sl-muted:#cbd5e1;--sl-border:#94a3b8;--sl-accent:#c7d2fe;--sl-on-accent:#1e1b4b;--sl-accent-hover:#e0e7ff;--sl-soft:#312e81;--sl-danger:#fca5a5;--sl-success:#86efac;--sl-focus:#c7d2fe}}[data-theme="dark"]{color-scheme:dark;--sl-bg:#0f172a;--sl-surface:#1e293b;--sl-text:#f1f5f9;--sl-muted:#cbd5e1;--sl-border:#94a3b8;--sl-accent:#c7d2fe;--sl-on-accent:#1e1b4b;--sl-accent-hover:#e0e7ff;--sl-soft:#312e81;--sl-danger:#fca5a5;--sl-success:#86efac;--sl-focus:#c7d2fe}}@layer sl.base{:where(.sl-btn){box-sizing:border-box;margin:0;font-family:var(--sl-font);line-height:1.6;color:var(--sl-text)}:where(.sl-btn) *,:where(.sl-btn) *::before,:where(.sl-btn) *::after{box-sizing:border-box}:where(.sl-btn) :where(p,h1,h2,h3,h4,figure,blockquote){margin:0}:where(.sl-btn) a{color:var(--sl-accent)}:where(.sl-btn):focus-visible,:where(.sl-btn) :focus-visible{outline:2px solid var(--sl-focus);outline-offset:2px}:where(.sl-btn):disabled,:where(.sl-btn) :disabled{opacity:.65;cursor:not-allowed}@media(prefers-reduced-motion:no-preference){:where(.sl-btn),:where(.sl-btn) :where(a,button,input,select,summary){transition:color 180ms ease,background-color 180ms ease,border-color 180ms ease,outline-color 180ms ease}}@media(prefers-reduced-motion:reduce){:where(.sl-btn),:where(.sl-btn) *,:where(.sl-btn) *::before,:where(.sl-btn) *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(forced-colors:active){:where(.sl-btn):focus-visible,:where(.sl-btn) :focus-visible{outline-color:Highlight}}}@layer sl.components{.sl-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-block-size:2.75rem;padding:.6rem 1.1rem;border:1px solid transparent;border-radius:var(--sl-radius);background:var(--sl-accent);color:var(--sl-on-accent);text-decoration:none;font-weight:650;line-height:1.3;text-align:center}.sl-btn:hover:not(:disabled){background:var(--sl-accent-hover)}.sl-btn--outline{background:transparent;border-color:currentColor;color:var(--sl-accent)}.sl-btn--outline:hover:not(:disabled){background:var(--sl-soft)}}@layer sl.components{.sl-btn--sm{min-block-size:2.25rem;padding:.4rem .7rem;font-size:.8rem}.sl-btn--md{min-block-size:2.75rem;padding:.6rem 1.1rem;font-size:1rem}.sl-btn--lg{min-block-size:3.25rem;padding:.85rem 1.5rem;font-size:1.125rem}.sl-btn--fill{background:var(--sl-accent);color:var(--sl-on-accent)}.sl-btn--ghost{background:transparent;color:var(--sl-accent)}.sl-btn--soft{background:var(--sl-soft);color:var(--sl-accent)}.sl-btn--ghost:hover:not(:disabled),.sl-btn--soft:hover:not(:disabled){background:var(--sl-soft);color:var(--sl-accent)}.sl-btn--pill{border-radius:100vmax}.sl-btn--icon{aspect-ratio:1;padding:.6rem}.sl-btn--icon svg,.sl-btn svg{inline-size:1.1em;block-size:1.1em;flex-shrink:0}.sl-btn--outline.sl-btn--ghost{border-color:transparent}.sl-spinner{display:inline-block;inline-size:1em;block-size:1em;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%}}@layer sl.components{.sl-hover-lift,.sl-hover-tilt,.sl-hover-glow,.sl-hover-zoom,.sl-hover-fill,.sl-hover-sheen{position:relative}.sl-hover-fill{background:linear-gradient(var(--sl-accent),var(--sl-accent)) 0 100% / 100% 0 no-repeat;color:var(--sl-accent);border:1px solid currentColor}.sl-hover-sheen{overflow:hidden;isolation:isolate}.sl-hover-sheen::after{content:"";position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 35%,rgb(255 255 255 / .3) 50%,transparent 65%);translate:-80% 0;pointer-events:none}@media (prefers-reduced-motion:no-preference){:where(.sl-hover-lift,.sl-hover-tilt,.sl-hover-glow,.sl-hover-zoom,.sl-hover-fill,.sl-hover-sheen,.sl-link--underline){transition:transform 300ms cubic-bezier(.2,.7,.2,1),box-shadow 300ms ease,border-color 300ms ease,background-size 300ms ease,color 300ms ease}.sl-hover-lift:not(:disabled):is(:hover,:focus-visible,:focus-within){transform:translateY(-6px);box-shadow:0 16px 32px rgb(0 0 0 / .14)}.sl-hover-tilt:not(:disabled):is(:hover,:focus-visible,:focus-within){transform:perspective(800px) rotateX(3deg) rotateY(-3deg)}.sl-hover-glow:not(:disabled):is(:hover,:focus-visible,:focus-within){box-shadow:0 0 0 4px var(--sl-soft),0 0 28px var(--sl-soft);border-color:var(--sl-accent)}.sl-hover-zoom:not(:disabled):is(:hover,:focus-visible,:focus-within){transform:scale(1.025)}.sl-hover-fill:not(:disabled):is(:hover,:focus-visible){background-image:linear-gradient(var(--sl-accent),var(--sl-accent));background-color:transparent;background-size:100% 100%;color:var(--sl-on-accent)}.sl-hover-sheen::after{transition:translate 550ms ease}.sl-hover-sheen:not(:disabled):is(:hover,:focus-visible)::after{translate:80% 0}}}@layer sl.components{@media (prefers-reduced-motion:no-preference){.sl-spinner{animation:sl-spin 900ms linear infinite}}}@keyframes sl-spin{to{rotate:1turn}}@property --sl-orbit{syntax:"<angle>";inherits:false;initial-value:0deg}@layer sl.components{.sl-btn[class*="sl-fx-"]{position:relative;isolation:isolate;overflow:hidden;min-block-size:3rem;padding:.8rem 1.4rem;border:1px solid var(--sl-accent);background:var(--sl-fx-bg,var(--sl-surface));color:var(--sl-fx-color,var(--sl-accent))}.sl-btn[class*="sl-fx-"]:not(:disabled):is(:hover,:focus-visible){background:var(--sl-fx-bg,var(--sl-surface));color:var(--sl-fx-color,var(--sl-accent))}.sl-fx-doors{--sl-fx-color:var(--sl-on-accent)}.sl-fx-doors::before,.sl-fx-doors::after{content:"";position:absolute;inset-block:0;inline-size:51%;background:var(--sl-accent);z-index:-1;pointer-events:none}.sl-fx-doors::before{inset-inline-start:0}.sl-fx-doors::after{inset-inline-end:0}.sl-fx-orbit{--sl-fx-bg:linear-gradient(var(--sl-surface),var(--sl-surface)) padding-box,conic-gradient(from var(--sl-orbit),var(--sl-accent),#a78bfa,#38bdf8,var(--sl-accent)) border-box}.sl-btn.sl-fx-orbit{border:2px solid transparent}.sl-fx-label{display:grid;overflow:hidden}.sl-fx-label > span{grid-area:1/1}.sl-fx-label > span:last-child{translate:0 150%}.sl-fx-spotlight::before,.sl-fx-diagonal::before{content:"";position:absolute;z-index:-1;pointer-events:none;background:var(--sl-accent)}.sl-fx-spotlight::before{inline-size:3rem;block-size:3rem;border-radius:50%;inset-inline-start:-1.5rem;inset-block-end:-1.5rem;scale:0}.sl-fx-diagonal::before{inset:-10% -30%;transform:skewX(-20deg) translateX(-120%)}.sl-fx-arrow{display:inline-block;transform:rotate(-45deg)}.sl-fx-depth{--sl-fx-bg:var(--sl-accent);--sl-fx-color:var(--sl-on-accent)}.sl-btn.sl-fx-depth{box-shadow:0 6px 0 var(--sl-accent-hover)}.sl-fx-frame::before,.sl-fx-frame::after{content:"";position:absolute;inset:4px;border:2px solid currentColor;border-radius:.2rem;pointer-events:none}.sl-fx-frame::before{border-inline:0;scale:0 1}.sl-fx-frame::after{border-block:0;scale:1 0}@media (prefers-reduced-motion:no-preference){.sl-btn[class*="sl-fx-"]{transition:color 350ms ease,box-shadow 350ms ease,transform 350ms cubic-bezier(.2,.7,.2,1)}.sl-fx-doors::before,.sl-fx-doors::after{transition:translate 450ms cubic-bezier(.2,.7,.2,1)}.sl-fx-doors:not(:disabled):is(:hover,:focus-visible){--sl-fx-color:var(--sl-accent)}.sl-fx-doors:not(:disabled):is(:hover,:focus-visible)::before{translate:-100% 0}.sl-fx-doors:not(:disabled):is(:hover,:focus-visible)::after{translate:100% 0}.sl-fx-orbit:not(:disabled):is(:hover,:focus-visible){animation:sl-orbit 1800ms linear infinite}.sl-fx-label > span{transition:translate 400ms cubic-bezier(.2,.7,.2,1)}.sl-fx-swap:not(:disabled):is(:hover,:focus-visible) .sl-fx-label > span:first-child{translate:0 -150%}.sl-fx-swap:not(:disabled):is(:hover,:focus-visible) .sl-fx-label > span:last-child{translate:0 0}.sl-fx-spotlight::before{transition:scale 550ms cubic-bezier(.2,.7,.2,1)}.sl-fx-spotlight:not(:disabled):is(:hover,:focus-visible)::before{scale:12}.sl-fx-diagonal::before{transition:transform 450ms cubic-bezier(.2,.7,.2,1)}.sl-fx-diagonal:not(:disabled):is(:hover,:focus-visible)::before{transform:skewX(-20deg) translateX(0)}.sl-fx-spotlight:not(:disabled):is(:hover,:focus-visible),.sl-fx-diagonal:not(:disabled):is(:hover,:focus-visible){--sl-fx-color:var(--sl-on-accent)}.sl-fx-arrow{transition:transform 400ms cubic-bezier(.2,.7,.2,1)}.sl-fx-runway:not(:disabled):is(:hover,:focus-visible) .sl-fx-arrow{transform:translateX(7px) rotate(0)}.sl-fx-depth:not(:disabled):is(:hover,:focus-visible){transform:translateY(3px);box-shadow:0 3px 0 var(--sl-accent-hover)}.sl-fx-depth:not(:disabled):active{transform:translateY(6px);box-shadow:none}.sl-fx-frame::before,.sl-fx-frame::after{transition:scale 400ms ease}.sl-fx-frame:not(:disabled):is(:hover,:focus-visible)::before,.sl-fx-frame:not(:disabled):is(:hover,:focus-visible)::after{scale:1}}}@keyframes sl-orbit{to{--sl-orbit:360deg}}