:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#1a1328;--color-surface:#261c3a;--color-surface-raised:#302344;--color-overlay:#1a1328cc;--color-border:#3a2d55;--color-border-strong:#6a5694;--color-border-input:#7a66a6;--color-text:#f4eeff;--color-text-secondary:#a99bc4;--color-text-muted:#8a7ba8;--color-text-on-accent:#1a1328;--color-primary:#ff5a5f;--color-primary-hover:#ff7478;--color-primary-pressed:#e94b50;--color-accent:#3dffc0;--color-medal-gold:#f5c04a;--color-medal-silver:#c8c3d6;--color-medal-bronze:#d08a5b;--color-highlight:#ffd23f;--color-violet:#8f6bff;--color-success:#3dffc0;--color-warning:#ffd23f;--color-danger:#ff4040;--color-danger-bg:#ff40401f;--color-success-bg:#3dffc01f;--color-warning-bg:#ffd23f1f;--doodle-color:#a99bc4;--color-link:var(--color-text);--link-underline:1px;--link-underline-hover:2px;--focus-ring:0 0 0 3px var(--color-bg), 0 0 0 5px var(--color-accent);--font-heading:"Bricolage Grotesque Variable", "Onest", system-ui, sans-serif;--font-body:"Rubik Variable", system-ui, sans-serif;--font-mono:"Space Mono", ui-monospace, monospace;--text-h1:700 2.5rem/3rem var(--font-heading);--text-h1-mobile:700 1.75rem/2.125rem var(--font-heading);--text-h2:700 1.75rem/2.25rem var(--font-heading);--text-h3:600 1.25rem/1.75rem var(--font-heading);--text-body:400 1rem/1.5rem var(--font-body);--text-card-title:500 1rem/1.375rem var(--font-body);--text-control:500 .9375rem/1.25rem var(--font-body);--text-caption:400 .8125rem/1.125rem var(--font-body);--text-mono:400 .75rem/1.125rem var(--font-mono);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-card:16px;--radius-thumb:12px;--radius-input:12px;--radius-pill:999px;--border-width:1px;--border-width-sticker:2px;--control-height:48px;--control-height-compact:36px;--chip-height:32px;--touch-min:44px;--icon-size:20px;--icon-stroke:1.75;--avatar-sm:24px;--avatar-md:40px;--avatar-lg:96px;--frame-featured:conic-gradient(from 210deg, #ffd23f, #ff8a3d, #ffd23f, #fff2b3, #ffd23f);--frame-downloads_10k:linear-gradient(135deg, #3dffc0, #4cc9ff);--frame-downloads_100k:conic-gradient(from 0deg, #3dffc0, #4cc9ff, #8f6bff, #ff6bd6, #3dffc0);--frame-likes_1k:linear-gradient(135deg, #ff5a5f, #ff6bd6);--frame-contributor:linear-gradient(135deg, #4cc9ff, #8f6bff);--frame-contest_winner:conic-gradient(from 90deg, #ffd23f, #ff5a5f, #ffd23f, #ff8a3d, #ffd23f);--frame-early_user:linear-gradient(135deg, #8f6bff, #ff6bd6);--frame-team:conic-gradient(from 45deg, #ff5a5f, #ffd23f, #3dffc0, #ff5a5f);--container:1200px;--gutter:24px;--gutter-mobile:16px;--card-padding:16px;--panel-padding:24px;--thumb-ratio:16 / 9;--duration-fast:.15s;--ease-out:cubic-bezier(.2, .8, .2, 1);--sticker-tilt:2deg;--disabled-opacity:.45;--shadow-raised:0 8px 24px #0a061473;--z-toast:1100}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f7f3fc;--color-surface:#fff;--color-surface-raised:#f1eafa;--color-overlay:#1a132873;--color-border:#e2d8f1;--color-border-strong:#b3a2d6;--color-border-input:#8a77b3;--color-text:#1a1328;--color-text-secondary:#5a4a78;--color-text-muted:#75659a;--color-text-on-accent:#1a1328;--color-primary:#ff5a5f;--color-primary-hover:#ff7478;--color-primary-pressed:#e94b50;--color-accent:#007a58;--color-highlight:#ffd23f;--color-success:#007a58;--color-warning:#8a5a00;--color-danger:#d42a2a;--color-danger-bg:#d42a2a1a;--color-success-bg:#007a581a;--color-warning-bg:#ffd23f38;--doodle-color:#5a4a78}@media (prefers-contrast:more){:root{--color-border:#6a5694;--color-text-secondary:#cfc4e6;--color-overlay:#1a1328f2}}@media (prefers-reduced-motion:reduce){:root{--sticker-tilt:0deg}}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text);font:var(--text-body);flex-direction:column;margin:0;display:flex}main{flex:1}h1,h2,h3{margin:0}h1{font:var(--text-h1-mobile);letter-spacing:-.02em}h2{font:var(--text-h2);letter-spacing:-.01em}h3{font:var(--text-h3)}@media (min-width:768px){h1{font:var(--text-h1)}}p{margin:0}img,svg{max-width:100%;display:block}a{color:var(--color-link);text-decoration:underline;text-decoration-thickness:var(--link-underline);text-underline-offset:3px}@media (hover:hover){a:hover{text-decoration-thickness:var(--link-underline-hover)}}:focus-visible{box-shadow:var(--focus-ring);outline:none}button,input,select{font:inherit;color:inherit}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:calc(var(--container) + 2 * var(--gutter));padding-inline:var(--gutter-mobile);margin-inline:auto}@media (min-width:768px){.container{padding-inline:var(--gutter)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip-link{top:var(--space-2);left:var(--space-2);z-index:100;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text);position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:none}main:focus{outline:none}:root[data-bg=doodles] body:before{content:"";z-index:-1;pointer-events:none;background:var(--doodle-color);opacity:.13;position:fixed;inset:0;-webkit-mask:url(/bg/doodles.svg) 0 0/420px;mask:url(/bg/doodles.svg) 0 0/420px}.theme-switching,.theme-switching *,.theme-switching :before,.theme-switching :after{transition:background-color .3s var(--ease-out), color .3s var(--ease-out), border-color .3s var(--ease-out)!important}.page-enter{animation:page-in .2s var(--ease-out) both}@keyframes page-in{0%{opacity:0}}