@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/fonts/nunito.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/fredoka.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Fallback;src:local("Arial"),local("Helvetica");size-adjust:101.5%;ascent-override:99.6%;descent-override:34.8%;line-gap-override:0%}@font-face{font-family:Fredoka Fallback;src:local("Arial Rounded MT Bold"),local("Arial"),local("Helvetica");size-adjust:98%;ascent-override:99%;descent-override:24%;line-gap-override:0%}:root{--font: "Nunito", "Nunito Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Fredoka", "Fredoka Fallback", "Nunito", system-ui, sans-serif;--fs-xs: .8125rem;--fs-sm: .9rem;--fs-base: 1.0625rem;--fs-lg: 1.25rem;--fs-xl: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);--fs-2xl: clamp(2.1rem, 1.4rem + 3vw, 3.4rem);--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--sp-8: 4rem;--bg: #fff9f0;--surface: #ffffff;--surface-2: #f6f1ff;--text: #1d1442;--muted: #5b5478;--border: #e9e1fb;--brand: #6c3cf5;--brand-ink: #4f22d6;--brand-soft: #efe8ff;--sun: #ffc83d;--sun-deep: #e3a200;--coral: #ff5d73;--mint: #12b886;--sky: #2fa8f5;--pink: #f74fa0;--rim: #2a1a6e;--pointer: #ff4d6d;--ink-on-color: #1d1442;--radius: 14px;--radius-lg: 24px;--radius-xl: 32px;--shadow: 0 1px 2px rgb(29 20 66 / .05), 0 12px 32px -12px rgb(29 20 66 / .18);--shadow-pop: 0 24px 60px -24px rgb(108 60 245 / .45);--rainbow: linear-gradient(90deg, #6c3cf5, #2fa8f5, #12b886, #ffc83d, #ff5d73, #f74fa0);color-scheme:light}:root[data-theme=dark]{--bg: #110b29;--surface: #1b1440;--surface-2: #251c55;--text: #f5f1ff;--muted: #bdb3e3;--border: #342a6b;--brand: #a98bff;--brand-ink: #c4b0ff;--brand-soft: #2c2266;--rim: #0c0820;--shadow: 0 1px 2px rgb(0 0 0 / .3), 0 12px 32px -12px rgb(0 0 0 / .6);--shadow-pop: 0 24px 60px -24px rgb(0 0 0 / .7);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #110b29;--surface: #1b1440;--surface-2: #251c55;--text: #f5f1ff;--muted: #bdb3e3;--border: #342a6b;--brand: #a98bff;--brand-ink: #c4b0ff;--brand-soft: #2c2266;--rim: #0c0820;--shadow: 0 1px 2px rgb(0 0 0 / .3), 0 12px 32px -12px rgb(0 0 0 / .6);--shadow-pop: 0 24px 60px -24px rgb(0 0 0 / .7);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-base);font-weight:500;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.15;letter-spacing:-.01em;text-wrap:balance}p,li{text-wrap:pretty}strong,b{font-weight:800}a{color:var(--brand-ink);font-weight:700;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent)}a:hover{text-decoration-color:currentColor}:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:6px}::selection{background:var(--sun);color:var(--ink-on-color)}.container{width:min(100% - 2rem,1200px);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}code{padding:.1em .4em;border-radius:6px;background:var(--brand-soft);color:var(--brand-ink);font-size:.88em;font-weight:700}kbd{padding:.05rem .4rem;border:2px solid var(--border);border-bottom-width:3px;border-radius:6px;background:var(--surface);font-family:inherit;font-size:.8em;font-weight:800}input[type=text],input[type=number],select,textarea{font:inherit}input[type=text],input[type=number],select{min-height:44px;padding:.45rem .75rem;border:2px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-size:1rem;font-weight:600;transition:border-color .15s}input[type=text]:hover,input[type=number]:hover,select:hover{border-color:color-mix(in srgb,var(--brand) 40%,var(--border))}input[type=text]:focus-visible,input[type=number]:focus-visible,select:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}input[type=range]{width:100%;accent-color:var(--brand)}.btn{--btn-bg: var(--surface);--btn-fg: var(--text);--btn-edge: var(--border);display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:.5rem 1.05rem;border:2px solid var(--btn-edge);border-radius:999px;background:var(--btn-bg);color:var(--btn-fg);font:inherit;font-weight:800;font-size:.95rem;line-height:1.2;cursor:pointer;position:relative;touch-action:manipulation;box-shadow:0 3px 0 var(--btn-edge);transition:transform .08s ease,box-shadow .08s ease,background-color .15s,border-color .15s}.btn:hover:not(:disabled){--btn-edge: color-mix(in srgb, var(--brand) 45%, var(--border))}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--btn-edge)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn svg{width:22px;height:22px;fill:currentColor;flex:none}.btn-primary{--btn-bg: var(--sun);--btn-fg: var(--ink-on-color);--btn-edge: var(--sun-deep);font-family:var(--font-display);font-weight:600;letter-spacing:.01em}.btn-primary:hover:not(:disabled){--btn-bg: #ffd25c;--btn-edge: var(--sun-deep)}.btn-brand{--btn-bg: var(--brand);--btn-fg: #fff;--btn-edge: var(--brand-ink)}.btn-brand:hover:not(:disabled){--btn-bg: var(--brand-ink);--btn-edge: #3a17a8}.btn-lg{min-height:56px;padding:.7rem 1.8rem;font-size:1.25rem;box-shadow:0 5px 0 var(--btn-edge)}.btn-lg:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 var(--btn-edge)}.btn-sm{min-height:38px;padding:.3rem .85rem;font-size:.875rem}.btn-sm svg{width:17px;height:17px}.btn-icon{width:52px;min-height:52px;padding:0}.btn-ghost{--btn-bg: transparent;--btn-edge: transparent;color:var(--muted);box-shadow:none}.btn-ghost:hover:not(:disabled){--btn-edge: transparent;color:var(--coral)}.link-btn{padding:0;border:0;background:none;color:var(--brand-ink);font:inherit;font-size:var(--fs-xs);font-weight:800;text-decoration:underline;cursor:pointer}.theme-toggle{width:44px;min-height:44px}.theme-toggle svg{width:20px;height:20px}.theme-toggle .icon-sun{display:none;color:var(--sun)}.theme-toggle .icon-moon{color:var(--brand)}:root[data-theme=dark] .theme-toggle .icon-sun{display:block}:root[data-theme=dark] .theme-toggle .icon-moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .icon-sun{display:block}:root:not([data-theme=light]) .theme-toggle .icon-moon{display:none}}.cards li>strong:first-child{display:block;margin-bottom:var(--sp-1);color:var(--text);font-family:var(--font-display);font-size:1.15rem;font-weight:600}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
