:root{--bg: #f6f2ea;--surface: #fffdf8;--surface-2: #efe9dd;--text: #1c1a17;--muted: #625c52;--line: #ddd5c6;--accent: #1f5c43;--accent-ink: #f6f2ea;--accent-soft: #dcebe2;--sq-light: #ecdcbf;--sq-dark: #9a7b56;--sq-hl: #d6c25a;--shadow: 0 1px 2px rgb(40 30 10 / .06), 0 8px 24px rgb(40 30 10 / .06);--font-display: "Fraunces", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius: 14px;--wrap: 1080px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #12140f;--surface: #1a1d17;--surface-2: #23271f;--text: #ece7dc;--muted: #a39d90;--line: #2f342a;--accent: #8fd3ad;--accent-ink: #0f1a14;--accent-soft: #1f3328;--sq-light: #c9b48f;--sq-dark: #7a5f40;--sq-hl: #b8a540;--shadow: 0 1px 2px rgb(0 0 0 / .3), 0 8px 24px rgb(0 0 0 / .25);color-scheme:dark}}:root[data-theme=dark]{--bg: #12140f;--surface: #1a1d17;--surface-2: #23271f;--text: #ece7dc;--muted: #a39d90;--line: #2f342a;--accent: #8fd3ad;--accent-ink: #0f1a14;--accent-soft: #1f3328;--sq-light: #c9b48f;--sq-dark: #7a5f40;--sq-hl: #b8a540;--shadow: 0 1px 2px rgb(0 0 0 / .3), 0 8px 24px rgb(0 0 0 / .25);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:400 1rem/1.6 var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}#root{display:contents}main{flex:1}h1,h2,h3{margin:0;line-height:1.15;font-weight:600}h1{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.6rem);letter-spacing:-.02em;max-width:18ch}h3{font-size:1.15rem}p{margin:0}a{color:var(--accent);text-underline-offset:3px}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 16px}@media(min-width:640px){.wrap{padding:0 32px}}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:12px;z-index:10;background:var(--surface);padding:8px 12px}.eyebrow{font:500 .78rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.lede{font-size:1.15rem;color:var(--muted);max-width:60ch;margin-top:18px}.button{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:600;text-decoration:none;cursor:pointer;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:default;transform:none}.button--ghost{background:transparent;color:var(--text);border-color:var(--line)}.button--ghost:hover{border-color:var(--text)}.site-header{border-bottom:1px solid var(--line)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}.wordmark{font:600 1.15rem var(--font-display);color:var(--text);text-decoration:none;white-space:nowrap}.site-header nav{display:flex;align-items:center;gap:4px}.site-header nav a{color:var(--muted);text-decoration:none;font-size:.95rem;padding:6px 10px;border-radius:8px}.site-header nav a:hover,.site-header nav a.active{color:var(--text)}.site-header nav a.active{background:var(--surface-2)}.theme-toggle{display:grid;place-items:center;width:36px;height:36px;margin-left:4px;border:1px solid var(--line);border-radius:999px;background:transparent;cursor:pointer}@media(max-width:480px){.site-header nav{gap:0}.site-header nav a{padding:6px 7px;font-size:.9rem}.wordmark{font-size:1.05rem}}.theme-toggle svg{width:18px;height:18px;fill:none;stroke:var(--text);stroke-width:1.6;stroke-linecap:round}.site-footer{border-top:1px solid var(--line);margin-top:96px}.site-footer__inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-block:28px;color:var(--muted);font-size:.9rem}.site-footer a{color:var(--muted)}.hero{padding-top:clamp(56px,10vw,112px);padding-bottom:24px}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.page-head{padding-top:clamp(48px,8vw,88px)}.section{margin-top:clamp(56px,8vw,88px)}.section__title{font:500 .78rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:24px}.section__intro{color:var(--muted);max-width:64ch;margin:-8px 0 24px}.stats+.section__intro{margin-top:24px}.notice{margin-top:24px;padding:14px 16px;max-width:64ch;border-radius:10px;background:var(--accent-soft);font-size:.95rem}.feature-card{display:grid;grid-template-columns:1fr;gap:32px;align-items:center;padding:clamp(24px,4vw,40px);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);color:var(--text);text-decoration:none;transition:border-color .15s,transform .15s}.feature-card:hover{border-color:var(--accent);transform:translateY(-2px)}.feature-card h3{font:600 clamp(1.8rem,4vw,2.4rem) var(--font-display);letter-spacing:-.01em}.feature-card p:not(.eyebrow){color:var(--muted);margin-top:12px;max-width:48ch}.feature-card__cta,.card__cta{display:inline-block;margin-top:20px;color:var(--accent);font-weight:600}@media(min-width:760px){.feature-card{grid-template-columns:1.2fr 1fr}}.card-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.card{display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);text-decoration:none;transition:border-color .15s}.card:hover{border-color:var(--accent)}.card p{color:var(--muted);margin-top:8px;font-size:.95rem}.card .card__cta{margin-top:auto;padding-top:18px;font-size:.95rem}.card--quiet{background:transparent}.tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:14px 0 0}.tags li{font:500 .72rem var(--font-mono);padding:3px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted)}.mini-board{display:grid;grid-template-columns:repeat(8,1fr);width:100%;max-width:360px;justify-self:center;aspect-ratio:1;border-radius:8px;overflow:hidden;box-shadow:0 0 0 6px var(--surface-2)}.mini-board__sq{display:grid;place-items:center;background:var(--sq-light);font-size:clamp(1.1rem,4.6vw,2rem);line-height:1;font-family:Segoe UI Symbol,DejaVu Sans,"Noto Sans Symbols 2",sans-serif;font-variant-emoji:text;-webkit-user-select:none;user-select:none}.mini-board__sq.is-dark{background:var(--sq-dark)}.mini-board__sq.is-hl{background:var(--sq-hl)}.mini-board__sq[data-color=w]{color:#fbf8f1;-webkit-text-stroke:1px #2a2218;paint-order:stroke fill}.mini-board__sq[data-color=b]{color:#111}.embed{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}.embed iframe{display:block;width:100%;height:min(900px,140vw);border:0}@media(min-width:900px){.embed iframe{height:820px}}.embed__caption{margin-top:12px;color:var(--muted);font-size:.9rem}.steps{list-style:none;padding:0;margin:0;display:grid;gap:16px;counter-reset:step}@media(min-width:760px){.steps{grid-template-columns:repeat(3,1fr)}}.steps li{counter-increment:step;padding:24px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}.steps li:before{content:counter(step,decimal-leading-zero);display:block;font:500 .8rem var(--font-mono);color:var(--accent);margin-bottom:14px}.steps p{color:var(--muted);margin-top:8px;font-size:.95rem}.stats{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.stat{padding:20px 24px;border-left:3px solid var(--accent);background:var(--surface);border-radius:0 var(--radius) var(--radius) 0}.stat strong{display:block;font:600 2.2rem/1.1 var(--font-display)}.stat span{color:var(--muted);font-size:.9rem}.calculator{width:min(100%,340px);margin-top:40px;padding:20px;border-radius:28px;background:#000;box-shadow:var(--shadow)}.calculator__screen{display:block;padding:24px 10px 12px;color:#fff;font-size:4rem;font-weight:300;line-height:1;text-align:right;overflow:hidden;white-space:nowrap}.calculator__screen.is-small{font-size:2.8rem}.calculator__keys{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.calc-key{aspect-ratio:1;border:0;border-radius:999px;font-size:1.7rem;color:#fff;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:filter .1s}.calc-key:active{filter:brightness(1.4)}.calc-key--num{background:#333}.calc-key--fn{background:#a5a5a5;color:#000;font-size:1.4rem}.calc-key--op{background:#ff9f0a}.calc-key--op.is-active{background:#fff;color:#ff9f0a}.calc-key.is-wide{grid-column:span 2;aspect-ratio:auto;text-align:left;padding-left:28px}.meme{display:grid;gap:32px;margin-top:40px;align-items:start}@media(min-width:860px){.meme{grid-template-columns:320px 1fr}}.meme__controls{display:grid;gap:16px}.meme__buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.meme__canvas{width:100%;height:auto;border-radius:10px;background:var(--surface-2);box-shadow:var(--shadow)}.field{display:grid;gap:6px}.field span{font-size:.85rem;font-weight:500;color:var(--muted)}.field input,.field select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.field input:focus,.field select:focus{outline:2px solid var(--accent);outline-offset:0;border-color:transparent}@media(prefers-reduced-motion:reduce){*{transition:none!important}}