/*! 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-cursor-zone,.sl-cursor-site){box-sizing:border-box;margin:0;font-family:var(--sl-font);line-height:1.6;color:var(--sl-text)}:where(.sl-cursor-zone,.sl-cursor-site) *,:where(.sl-cursor-zone,.sl-cursor-site) *::before,:where(.sl-cursor-zone,.sl-cursor-site) *::after{box-sizing:border-box}:where(.sl-cursor-zone,.sl-cursor-site) :where(p,h1,h2,h3,h4,figure,blockquote){margin:0}:where(.sl-cursor-zone,.sl-cursor-site) a{color:var(--sl-accent)}:where(.sl-cursor-zone,.sl-cursor-site):focus-visible,:where(.sl-cursor-zone,.sl-cursor-site) :focus-visible{outline:2px solid var(--sl-focus);outline-offset:2px}:where(.sl-cursor-zone,.sl-cursor-site):disabled,:where(.sl-cursor-zone,.sl-cursor-site) :disabled{opacity:.65;cursor:not-allowed}@media(prefers-reduced-motion:no-preference){:where(.sl-cursor-zone,.sl-cursor-site),:where(.sl-cursor-zone,.sl-cursor-site) :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-cursor-zone,.sl-cursor-site),:where(.sl-cursor-zone,.sl-cursor-site) *,:where(.sl-cursor-zone,.sl-cursor-site) *::before,:where(.sl-cursor-zone,.sl-cursor-site) *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(forced-colors:active){:where(.sl-cursor-zone,.sl-cursor-site):focus-visible,:where(.sl-cursor-zone,.sl-cursor-site) :focus-visible{outline-color:Highlight}}}@layer sl.components{.sl-cursor-zone{padding:1.5rem;border:1px solid var(--sl-border);border-radius:var(--sl-radius-lg);background:var(--sl-surface)}@media (hover:hover) and (pointer:fine) and (forced-colors:none){.sl-cursor-site,.sl-cursor-ring{--sl-cursor-small:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%228%22%20fill%3D%22none%22%20stroke%3D%22%2306101d%22%20stroke-width%3D%224%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%228%22%20fill%3D%22none%22%20stroke%3D%22%2322d3ee%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%222%22%20fill%3D%22%2322d3ee%22%20stroke%3D%22%2306101d%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E") 16 16,auto;--sl-cursor-normal:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2210%22%20fill%3D%22none%22%20stroke%3D%22%2306101d%22%20stroke-width%3D%224%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2210%22%20fill%3D%22none%22%20stroke%3D%22%2322d3ee%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%222%22%20fill%3D%22%2322d3ee%22%20stroke%3D%22%2306101d%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E") 16 16,auto;--sl-cursor-large:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2212%22%20fill%3D%22none%22%20stroke%3D%22%2306101d%22%20stroke-width%3D%224%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2212%22%20fill%3D%22none%22%20stroke%3D%22%2322d3ee%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%222%22%20fill%3D%22%2322d3ee%22%20stroke%3D%22%2306101d%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E") 16 16,auto;cursor:var(--sl-cursor-normal)}.sl-cursor-site :where(a,button,summary,label[for],input[type="checkbox"],input[type="radio"]),.sl-cursor-action{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M7%205v21l6-6%205%209%205-3-5-8h9Z%22%20fill%3D%22%23a78bfa%22%20stroke%3D%22%2306101d%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") 7 5,pointer}.sl-cursor-site :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="button"]):not([type="submit"]),textarea,[contenteditable="true"]),.sl-cursor-text{cursor:text}.sl-cursor-site :where(:disabled,[aria-disabled="true"]){cursor:not-allowed}.sl-cursor-precision{cursor:crosshair}.sl-cursor-zoom{cursor:zoom-in}.sl-cursor-grab{cursor:grab}.sl-cursor-grab:active{cursor:grabbing}@media (prefers-reduced-motion:no-preference){.sl-cursor-pulse{animation:sl-cursor-breathe 1400ms steps(1,end) infinite}.sl-cursor-glow{transition:border-color 300ms ease,box-shadow 300ms ease}.sl-cursor-glow:is(:hover,:focus-within){border-color:var(--sl-accent);box-shadow:inset 0 0 36px var(--sl-soft),0 0 0 3px var(--sl-soft)}}}}@keyframes sl-cursor-breathe{0%,100%{cursor:var(--sl-cursor-small)}33%,66%{cursor:var(--sl-cursor-normal)}50%{cursor:var(--sl-cursor-large)}}