/*! 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-link){box-sizing:border-box;margin:0;font-family:var(--sl-font);line-height:1.6;color:var(--sl-text)}:where(.sl-link) *,:where(.sl-link) *::before,:where(.sl-link) *::after{box-sizing:border-box}:where(.sl-link) :where(p,h1,h2,h3,h4,figure,blockquote){margin:0}:where(.sl-link) a{color:var(--sl-accent)}:where(.sl-link):focus-visible,:where(.sl-link) :focus-visible{outline:2px solid var(--sl-focus);outline-offset:2px}:where(.sl-link):disabled,:where(.sl-link) :disabled{opacity:.65;cursor:not-allowed}@media(prefers-reduced-motion:no-preference){:where(.sl-link),:where(.sl-link) :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-link),:where(.sl-link) *,:where(.sl-link) *::before,:where(.sl-link) *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(forced-colors:active){:where(.sl-link):focus-visible,:where(.sl-link) :focus-visible{outline-color:Highlight}}}@layer sl.components{.sl-link{display:inline-flex;align-items:center;gap:.4em;text-underline-offset:.25em}.sl-link svg{inline-size:1.1em;block-size:1.1em;flex-shrink:0}}@layer sl.components{.sl-link--underline{background:linear-gradient(currentColor,currentColor) 0 100% / 0 2px no-repeat;text-decoration:none;padding-block-end:.2em}@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-link--underline:is(:hover,:focus-visible){background-size:100% 2px}}}
