/*! 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.reset{*,*::before,*::after{box-sizing:border-box}:where(body,h1,h2,h3,h4,p,figure,blockquote,dl,dd){margin:0}:where(img,picture,video,canvas,svg){display:block;max-inline-size:100%}:where(img,video){block-size:auto}:where(button,input,textarea,select){font:inherit}:where(button,select){text-transform:none}:where(textarea){resize:vertical}[hidden]{display:none !important}}@layer sl.base{html{font-family:var(--sl-font);line-height:1.6;-webkit-text-size-adjust:100%}body{background:var(--sl-bg);color:var(--sl-text);overflow-wrap:break-word}:where([data-theme]){background:var(--sl-bg);color:var(--sl-text)}:where(h1,h2,h3,h4){line-height:1.15;text-wrap:balance}h1{font-size:var(--sl-text-3xl)}h2{font-size:var(--sl-text-2xl)}h3{font-size:var(--sl-text-xl)}h4{font-size:var(--sl-text-lg)}a{color:var(--sl-accent);text-underline-offset:.18em}a:hover{text-decoration-thickness:.15em}:where(code,pre,kbd,samp){font-family:var(--sl-mono)}pre{overflow:auto;padding:1rem;background:var(--sl-surface);border:1px solid var(--sl-border);border-radius:var(--sl-radius)}:focus-visible{outline:2px solid var(--sl-focus);outline-offset:2px}:where([id]){scroll-margin-block-start:2rem}:where(button,summary,input[type="checkbox"],input[type="radio"]){cursor:pointer}:where(button:disabled,input:disabled,select:disabled,textarea:disabled){cursor:not-allowed;opacity:.65}@media (prefers-reduced-motion:no-preference){:where(a,button,input,textarea,select,summary){transition:color 180ms ease,background-color 180ms ease,border-color 180ms ease,outline-color 180ms ease}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}@media (forced-colors:active){:focus-visible{outline-color:Highlight}.sl-btn{border-color:ButtonText}}}@layer sl.layout{.sl-container{inline-size:min(100% - 2rem,var(--sl-container));margin-inline:auto}.sl-stack > * + *{margin-block-start:var(--sl-gap,1rem)}.sl-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sl-gap,1rem)}.sl-grid{--sl-cols:1;display:grid;gap:var(--sl-gap,1rem);grid-template-columns:repeat(var(--sl-cols,1),minmax(0,1fr))}.sl-grid > *,.sl-flex > *{min-inline-size:0}.sl-auto-grid{display:grid;gap:var(--sl-gap,1rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--sl-card-min,16rem)),1fr))}.sl-flex{display:flex;gap:var(--sl-gap,1rem)}.sl-sidebar{display:flex;flex-wrap:wrap;gap:var(--sl-gap,1.5rem)}.sl-sidebar > :first-child{flex:1 1 15rem}.sl-sidebar > :last-child{flex:999 1 50%;min-inline-size:min(100%,20rem)}}@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)}.sl-card{padding:var(--sl-space-6);background:var(--sl-surface);border:1px solid var(--sl-border);border-radius:var(--sl-radius-lg)}.sl-field{display:grid;gap:.4rem}.sl-label{font-weight:650}.sl-input{inline-size:100%;min-block-size:2.75rem;padding:.6rem .75rem;border:1px solid var(--sl-border);border-radius:var(--sl-radius);background:var(--sl-surface);color:var(--sl-text)}.sl-input:focus-visible{border-color:var(--sl-focus);outline:1px solid var(--sl-focus);outline-offset:1px}.sl-input::placeholder{color:var(--sl-muted);opacity:1}.sl-input[aria-invalid="true"]{border:2px solid var(--sl-danger)}.sl-help{font-size:var(--sl-text-sm);color:var(--sl-muted)}.sl-error{color:var(--sl-danger);font-weight:600}.sl-check{display:flex;align-items:baseline;gap:.5rem}.sl-check input{accent-color:var(--sl-accent);inline-size:1.1em;block-size:1.1em}.sl-alert{padding:1rem;border:1px solid var(--sl-border);border-inline-start:.3rem solid var(--sl-accent);border-radius:var(--sl-radius);background:var(--sl-surface)}.sl-alert--danger{border-inline-start-color:var(--sl-danger)}.sl-badge{display:inline-block;padding:.15rem .6rem;border:1px solid currentColor;border-radius:100vmax;font-size:var(--sl-text-sm);font-weight:600;color:var(--sl-accent)}.sl-details{padding:1rem;border:1px solid var(--sl-border);border-radius:var(--sl-radius);background:var(--sl-surface)}.sl-details > summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none;font-weight:650;cursor:pointer}.sl-details > summary::-webkit-details-marker{display:none}.sl-details > summary::marker{content:""}.sl-details > summary::after{content:"";flex:0 0 .5rem;inline-size:.5rem;block-size:.5rem;margin-inline-start:auto;margin-inline-end:.2rem;border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;rotate:45deg}.sl-details[open] > summary::after{rotate:225deg}.sl-details > summary + *{padding-block-start:.75rem}.sl-skip{position:fixed;inset-block-start:1rem;inset-inline-start:1rem;transform:translateY(-200%);z-index:100}.sl-skip:focus{transform:none}}@layer sl.utilities{.sl-p-0{padding:var(--sl-space-0)}.sl-px-0{padding-inline:var(--sl-space-0)}.sl-py-0{padding-block:var(--sl-space-0)}.sl-m-0{margin:var(--sl-space-0)}.sl-mx-0{margin-inline:var(--sl-space-0)}.sl-my-0{margin-block:var(--sl-space-0)}.sl-gap-0{--sl-gap:var(--sl-space-0);gap:var(--sl-space-0)}.sl-p-1{padding:var(--sl-space-1)}.sl-px-1{padding-inline:var(--sl-space-1)}.sl-py-1{padding-block:var(--sl-space-1)}.sl-m-1{margin:var(--sl-space-1)}.sl-mx-1{margin-inline:var(--sl-space-1)}.sl-my-1{margin-block:var(--sl-space-1)}.sl-gap-1{--sl-gap:var(--sl-space-1);gap:var(--sl-space-1)}.sl-p-2{padding:var(--sl-space-2)}.sl-px-2{padding-inline:var(--sl-space-2)}.sl-py-2{padding-block:var(--sl-space-2)}.sl-m-2{margin:var(--sl-space-2)}.sl-mx-2{margin-inline:var(--sl-space-2)}.sl-my-2{margin-block:var(--sl-space-2)}.sl-gap-2{--sl-gap:var(--sl-space-2);gap:var(--sl-space-2)}.sl-p-3{padding:var(--sl-space-3)}.sl-px-3{padding-inline:var(--sl-space-3)}.sl-py-3{padding-block:var(--sl-space-3)}.sl-m-3{margin:var(--sl-space-3)}.sl-mx-3{margin-inline:var(--sl-space-3)}.sl-my-3{margin-block:var(--sl-space-3)}.sl-gap-3{--sl-gap:var(--sl-space-3);gap:var(--sl-space-3)}.sl-p-4{padding:var(--sl-space-4)}.sl-px-4{padding-inline:var(--sl-space-4)}.sl-py-4{padding-block:var(--sl-space-4)}.sl-m-4{margin:var(--sl-space-4)}.sl-mx-4{margin-inline:var(--sl-space-4)}.sl-my-4{margin-block:var(--sl-space-4)}.sl-gap-4{--sl-gap:var(--sl-space-4);gap:var(--sl-space-4)}.sl-p-6{padding:var(--sl-space-6)}.sl-px-6{padding-inline:var(--sl-space-6)}.sl-py-6{padding-block:var(--sl-space-6)}.sl-m-6{margin:var(--sl-space-6)}.sl-mx-6{margin-inline:var(--sl-space-6)}.sl-my-6{margin-block:var(--sl-space-6)}.sl-gap-6{--sl-gap:var(--sl-space-6);gap:var(--sl-space-6)}.sl-p-8{padding:var(--sl-space-8)}.sl-px-8{padding-inline:var(--sl-space-8)}.sl-py-8{padding-block:var(--sl-space-8)}.sl-m-8{margin:var(--sl-space-8)}.sl-mx-8{margin-inline:var(--sl-space-8)}.sl-my-8{margin-block:var(--sl-space-8)}.sl-gap-8{--sl-gap:var(--sl-space-8);gap:var(--sl-space-8)}.sl-p-12{padding:var(--sl-space-12)}.sl-px-12{padding-inline:var(--sl-space-12)}.sl-py-12{padding-block:var(--sl-space-12)}.sl-m-12{margin:var(--sl-space-12)}.sl-mx-12{margin-inline:var(--sl-space-12)}.sl-my-12{margin-block:var(--sl-space-12)}.sl-gap-12{--sl-gap:var(--sl-space-12);gap:var(--sl-space-12)}.sl-p-16{padding:var(--sl-space-16)}.sl-px-16{padding-inline:var(--sl-space-16)}.sl-py-16{padding-block:var(--sl-space-16)}.sl-m-16{margin:var(--sl-space-16)}.sl-mx-16{margin-inline:var(--sl-space-16)}.sl-my-16{margin-block:var(--sl-space-16)}.sl-gap-16{--sl-gap:var(--sl-space-16);gap:var(--sl-space-16)}.sl-block{display:block}.sl-hidden{display:none}.sl-flex{display:flex}.sl-grid{display:grid}.sl-row{flex-direction:row}.sl-column{flex-direction:column}.sl-wrap{flex-wrap:wrap}.sl-items-center{align-items:center}.sl-items-start{align-items:flex-start}.sl-justify-between{justify-content:space-between}.sl-justify-center{justify-content:center}.sl-grow{flex-grow:1}.sl-w-full{inline-size:100%}.sl-mx-auto{margin-inline:auto}.sl-text-center{text-align:center}.sl-text-start{text-align:start}.sl-text-sm{font-size:var(--sl-text-sm)}.sl-text-lg{font-size:var(--sl-text-lg)}.sl-text-xl{font-size:var(--sl-text-xl)}.sl-text-muted{color:var(--sl-muted)}.sl-text-danger{color:var(--sl-danger)}.sl-text-success{color:var(--sl-success)}.sl-bold{font-weight:700}.sl-surface{background:var(--sl-surface)}.sl-rounded{border-radius:var(--sl-radius)}.sl-shadow{box-shadow:var(--sl-shadow)}.sl-measure{max-inline-size:var(--sl-measure)}.sl-sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.sl-cols-1{--sl-cols:1}.sl-cols-2{--sl-cols:2}.sl-cols-3{--sl-cols:3}.sl-cols-4{--sl-cols:4}.sl-cols-5{--sl-cols:5}.sl-cols-6{--sl-cols:6}.sl-cols-7{--sl-cols:7}.sl-cols-8{--sl-cols:8}.sl-cols-9{--sl-cols:9}.sl-cols-10{--sl-cols:10}.sl-cols-11{--sl-cols:11}.sl-cols-12{--sl-cols:12}@media (min-width:40rem){.sl-sm\:cols-1{--sl-cols:1}.sl-sm\:cols-2{--sl-cols:2}.sl-sm\:cols-3{--sl-cols:3}.sl-sm\:cols-4{--sl-cols:4}.sl-sm\:cols-5{--sl-cols:5}.sl-sm\:cols-6{--sl-cols:6}.sl-sm\:cols-7{--sl-cols:7}.sl-sm\:cols-8{--sl-cols:8}.sl-sm\:cols-9{--sl-cols:9}.sl-sm\:cols-10{--sl-cols:10}.sl-sm\:cols-11{--sl-cols:11}.sl-sm\:cols-12{--sl-cols:12}.sl-sm\:block{display:block}.sl-sm\:hidden{display:none}.sl-sm\:flex{display:flex}.sl-sm\:grid{display:grid}.sl-sm\:row{flex-direction:row}.sl-sm\:column{flex-direction:column}}@media (min-width:48rem){.sl-md\:cols-1{--sl-cols:1}.sl-md\:cols-2{--sl-cols:2}.sl-md\:cols-3{--sl-cols:3}.sl-md\:cols-4{--sl-cols:4}.sl-md\:cols-5{--sl-cols:5}.sl-md\:cols-6{--sl-cols:6}.sl-md\:cols-7{--sl-cols:7}.sl-md\:cols-8{--sl-cols:8}.sl-md\:cols-9{--sl-cols:9}.sl-md\:cols-10{--sl-cols:10}.sl-md\:cols-11{--sl-cols:11}.sl-md\:cols-12{--sl-cols:12}.sl-md\:block{display:block}.sl-md\:hidden{display:none}.sl-md\:flex{display:flex}.sl-md\:grid{display:grid}.sl-md\:row{flex-direction:row}.sl-md\:column{flex-direction:column}}@media (min-width:64rem){.sl-lg\:cols-1{--sl-cols:1}.sl-lg\:cols-2{--sl-cols:2}.sl-lg\:cols-3{--sl-cols:3}.sl-lg\:cols-4{--sl-cols:4}.sl-lg\:cols-5{--sl-cols:5}.sl-lg\:cols-6{--sl-cols:6}.sl-lg\:cols-7{--sl-cols:7}.sl-lg\:cols-8{--sl-cols:8}.sl-lg\:cols-9{--sl-cols:9}.sl-lg\:cols-10{--sl-cols:10}.sl-lg\:cols-11{--sl-cols:11}.sl-lg\:cols-12{--sl-cols:12}.sl-lg\:block{display:block}.sl-lg\:hidden{display:none}.sl-lg\:flex{display:flex}.sl-lg\:grid{display:grid}.sl-lg\:row{flex-direction:row}.sl-lg\:column{flex-direction:column}}}
