@charset "UTF-8";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.sitetitle{position:relative;display:block;padding:12px 320px 12px 0;border-bottom:1px solid #e8e8e8;font-size:clamp(18px,2.4vw,24px);font-weight:700;line-height:1.2;letter-spacing:.01em}.sitetitle .Search{position:absolute;top:0;right:0}.sitetitle .Search input[type=search]{width:280px;padding:8px 12px;border:1px solid #d0d0d0;border-radius:8px;outline:none;font-size:14px;transition:box-shadow .15s ease,border-color .15s ease}.sitetitle .Search input[type=search]::placeholder{color:#9a9a9a}.sitetitle .Search input[type=search]:focus{border-color:#7aa7ff;box-shadow:0 0 0 3px #568cff26}.sitetitle .articles{margin-top:10px}.sitetitle .articles h2{font-size:clamp(16px,2vw,20px);margin:0;font-weight:600;color:#222}@media(max-width:560px){.sitetitle{padding-right:0}.sitetitle .Search{position:static;margin-top:8px}.sitetitle .Search input[type=search]{width:100%}.sitetitle .articles{margin-top:8px}}:root{--site-max: 960px;--site-pad: 16px;--site-gap: 20px}.site{min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:24px var(--site-pad);gap:var(--site-gap);box-sizing:border-box}.site>*{width:min(100%,var(--site-max))}.text-center{text-align:center}.site--center-vert{justify-content:center}html,body{background:#0b0b0b;color:#eaeaea;min-height:100%;margin:0;padding:0;-webkit-text-size-adjust:100%}body{padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}#root,.App{min-height:100dvh;background:inherit}@media(hover:none)and (pointer:coarse){.bg-fixed{background-attachment:scroll!important}}:root{--c-bg: #0b0b0b;--c-fg: #eaeaea;--c-fg-dim: #c9c9c9;--c-accent: #6aa6ff;--c-accent-2: #59d3b4;--c-danger: #ff6a6a;--radius: 14px;--shadow: 0 10px 24px rgba(0, 0, 0, .35);--space-1: 6px;--space-2: 10px;--space-3: 14px;--space-4: 20px;--space-5: 28px}article{max-width:900px;margin:0 auto;padding:clamp(14px,3.5vw,28px);line-height:1.7}h1,h2{line-height:1.25;margin:var(--space-3) 0 var(--space-2)}h1{font-size:clamp(22px,3.4vw,30px)}h2{font-size:clamp(18px,2.6vw,22px)}article>p:first-child a{color:var(--c-accent);text-decoration:none}article>p:first-child a:hover{text-decoration:underline}label{display:block;font-size:14px;color:var(--c-fg-dim)}input[type=text],input:not([type]){display:block;width:100%;margin-top:var(--space-1);padding:10px 12px;background:#121212;border:1px solid #2a2a2a;border-radius:var(--radius);color:var(--c-fg);outline:none;transition:border-color .15s ease}input[type=text]:focus{border-color:var(--c-accent)}input[type=range]{appearance:none;width:100%;height:32px;background:transparent;margin-top:var(--space-1)}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,#2d2d2d,#202020)}input[type=range]::-webkit-slider-thumb{appearance:none;margin-top:-8px;width:22px;height:22px;border-radius:50%;background:var(--c-accent);box-shadow:var(--shadow);border:none}input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:linear-gradient(90deg,#2d2d2d,#202020)}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--c-accent);border:none;box-shadow:var(--shadow)}button{appearance:none;border:1px solid #2a2a2a;background:#151515;color:var(--c-fg);padding:10px 14px;border-radius:var(--radius);cursor:pointer;transition:transform .06s ease,background .15s ease,border-color .15s ease}button:hover{background:#1b1b1b;border-color:#3a3a3a}button:active{transform:translateY(1px) scale(.99)}button+button{margin-left:var(--space-2)}.btn-accent{background:linear-gradient(180deg,#1a3870,#0f264d);border-color:#1f3f7e}.btn-accent:hover{background:linear-gradient(180deg,#204487,#143062)}article>div{display:grid;gap:12px;grid-template-columns:1fr;margin:12px 0 20px}article>div>div{display:flex;gap:8px;flex-wrap:wrap}canvas{display:block;width:100%;height:auto;border-radius:12px;box-shadow:var(--shadow);background:#000;image-rendering:auto;-webkit-tap-highlight-color:transparent}code{background:#171717;padding:2px 6px;border-radius:8px;border:1px solid #2a2a2a}ol{padding-left:1.2em}a{color:var(--c-accent)}*:focus-visible{outline:2px solid color-mix(in oklab,var(--c-accent) 65%,white);outline-offset:2px;border-radius:10px}@media(prefers-color-scheme:light){html,body{background:#0b0b0b;color:#eaeaea}}