/* The theme follows the device until the visitor chooses light or dark. */
:root{--on-accent:#fff}
.theme-toggle{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);padding:8px}
.theme-toggle:hover{background:var(--wash)}.theme-toggle svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.theme-toggle:disabled{display:none}
.theme-sun{display:none}:root[data-theme="dark"] .theme-sun{display:block}:root[data-theme="dark"] .theme-moon{display:none}
.main-nav .nav-download{color:var(--on-accent)}.gauge-chamber{fill:#edf6ff;stroke:#dae8f5}
.home-support{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:40px 0 48px}.home-support h2{font-size:27px}.home-support .text-link{font-size:13px}
.portfolio-footer-inner{padding:0 0 25px}.portfolio-footer-inner .product-footer-nav{max-width:none}.site-footer .footer-bottom{font-size:11px}
@media(max-width:560px){.nav-app-name{display:none}.main-nav .nav-download{padding:8px 12px}.theme-toggle{width:34px;height:34px;flex-basis:34px}.home-support{align-items:flex-start;flex-direction:column;gap:16px;padding:32px 0 40px}.home-support h2{font-size:25px}.portfolio-footer-inner .product-footer-nav{gap:14px 22px}}

:root[data-theme="dark"]{--paper:#111318;--white:#1c2028;--ink:#f0f2f6;--muted:#a8afba;--line:#30353e;--accent:#d5dae3;--wash:#1a1f29;--make24:#77b7ff;--since:#b3a5ff;--creatake:#76c6ff;--on-accent:#121924;color-scheme:dark}
:root[data-theme="dark"] .make24{--wash:#172638}:root[data-theme="dark"] .since{--wash:#25213a}:root[data-theme="dark"] .creatake{--wash:#152c40}
:root[data-theme="dark"] .make24 .demo-panel,:root[data-theme="dark"] .since-example{background:#181c24}
:root[data-theme="dark"] .demo-window{background:var(--white);border-color:var(--line);box-shadow:none}
:root[data-theme="dark"] .number-btn{background:#152d47;color:#91c8ff;border-color:#284c70}:root[data-theme="dark"] .number-btn:hover:not(:disabled){background:#203f61}:root[data-theme="dark"] .number-btn[aria-pressed=true]{background:#5caaff;color:#102642;border-color:#5caaff}
:root[data-theme="dark"] .number-ghost{background:#1b212a;border-color:#3a4453}:root[data-theme="dark"] .number-btn.solved{background:#1d3427;color:#9be2af;border-color:#3e6e4c}:root[data-theme="dark"] .number-btn.dead-end{background:#3c2224;color:#ffaaa6;border-color:#714043}
:root[data-theme="dark"] .op-btn{background:#3b2918;color:#ffc476;border-color:#6e4c25}:root[data-theme="dark"] .op-btn[aria-pressed=true]{background:#ffaf3d;color:#3a2107;border-color:#ffaf3d}
:root[data-theme="dark"] .small-button{background:#27233e;color:#c1b4ff;border-color:#40375f}:root[data-theme="dark"] .small-button:hover:not(:disabled){background:#393255}:root[data-theme="dark"] .game-status.success{color:#8bdd9e}:root[data-theme="dark"] .game-solved{background:#193527}
:root[data-theme="dark"] .routine-section-title{color:var(--muted)}:root[data-theme="dark"] .routine-example{--status:#edb06a;background:var(--white);border-color:#373547;box-shadow:none}:root[data-theme="dark"] .routine-example.status-later{--status:#85d19b}
:root[data-theme="dark"] .routine-button{background:#2c2548;color:#c5b5ff;border-color:#514574}:root[data-theme="dark"] button.routine-button:hover:not(:disabled){background:#3b325d}:root[data-theme="dark"] .routine-edit{background:#292d35;color:#aeb4bf;border-color:#3c414d}
:root[data-theme="dark"] .routine-button[data-state=success],:root[data-theme="dark"] .crea-display>.routine-button[data-state=success]{background:#193b29;color:#a0e5b4;border-color:#447551}
:root[data-theme="dark"] .routine-button[data-state=undo],:root[data-theme="dark"] .crea-display>.routine-button[data-state=undo]{background:#422d17;color:#ffd091;border-color:#7a5429}
:root[data-theme="dark"] .crea-today{background:#1c222b;border-color:#313b47}:root[data-theme="dark"] .crea-display{background:#181d25;border-color:#313b47}:root[data-theme="dark"] .gauge-chamber{fill:#182a3b;stroke:#31465b}:root[data-theme="dark"] .gauge-ticks{stroke:#738193}
:root[data-theme="dark"] .crea-display>.routine-button{background:#183554;color:#98d2ff;border-color:#335b84}:root[data-theme="dark"] .crea-display>button.routine-button:hover:not(:disabled){background:#224567}:root[data-theme="dark"] .crea-streak svg{color:#ffb451}
:root[data-theme="dark"] .article .button{background:var(--white);color:var(--ink)}:root[data-theme="dark"] .project-icon{box-shadow:0 14px 30px #0003}
:root[data-theme="dark"] ::selection{background:#365578;color:#fff}

@media(prefers-color-scheme:dark){

:root:not([data-theme]){--paper:#111318;--white:#1c2028;--ink:#f0f2f6;--muted:#a8afba;--line:#30353e;--accent:#d5dae3;--wash:#1a1f29;--make24:#77b7ff;--since:#b3a5ff;--creatake:#76c6ff;--on-accent:#121924;color-scheme:dark}
:root:not([data-theme]) .make24{--wash:#172638}:root:not([data-theme]) .since{--wash:#25213a}:root:not([data-theme]) .creatake{--wash:#152c40}
:root:not([data-theme]) .make24 .demo-panel,:root:not([data-theme]) .since-example{background:#181c24}
:root:not([data-theme]) .demo-window{background:var(--white);border-color:var(--line);box-shadow:none}
:root:not([data-theme]) .number-btn{background:#152d47;color:#91c8ff;border-color:#284c70}:root:not([data-theme]) .number-btn:hover:not(:disabled){background:#203f61}:root:not([data-theme]) .number-btn[aria-pressed=true]{background:#5caaff;color:#102642;border-color:#5caaff}
:root:not([data-theme]) .number-ghost{background:#1b212a;border-color:#3a4453}:root:not([data-theme]) .number-btn.solved{background:#1d3427;color:#9be2af;border-color:#3e6e4c}:root:not([data-theme]) .number-btn.dead-end{background:#3c2224;color:#ffaaa6;border-color:#714043}
:root:not([data-theme]) .op-btn{background:#3b2918;color:#ffc476;border-color:#6e4c25}:root:not([data-theme]) .op-btn[aria-pressed=true]{background:#ffaf3d;color:#3a2107;border-color:#ffaf3d}
:root:not([data-theme]) .small-button{background:#27233e;color:#c1b4ff;border-color:#40375f}:root:not([data-theme]) .small-button:hover:not(:disabled){background:#393255}:root:not([data-theme]) .game-status.success{color:#8bdd9e}:root:not([data-theme]) .game-solved{background:#193527}
:root:not([data-theme]) .routine-section-title{color:var(--muted)}:root:not([data-theme]) .routine-example{--status:#edb06a;background:var(--white);border-color:#373547;box-shadow:none}:root:not([data-theme]) .routine-example.status-later{--status:#85d19b}
:root:not([data-theme]) .routine-button{background:#2c2548;color:#c5b5ff;border-color:#514574}:root:not([data-theme]) button.routine-button:hover:not(:disabled){background:#3b325d}:root:not([data-theme]) .routine-edit{background:#292d35;color:#aeb4bf;border-color:#3c414d}
:root:not([data-theme]) .routine-button[data-state=success],:root:not([data-theme]) .crea-display>.routine-button[data-state=success]{background:#193b29;color:#a0e5b4;border-color:#447551}
:root:not([data-theme]) .routine-button[data-state=undo],:root:not([data-theme]) .crea-display>.routine-button[data-state=undo]{background:#422d17;color:#ffd091;border-color:#7a5429}
:root:not([data-theme]) .crea-today{background:#1c222b;border-color:#313b47}:root:not([data-theme]) .crea-display{background:#181d25;border-color:#313b47}:root:not([data-theme]) .gauge-chamber{fill:#182a3b;stroke:#31465b}:root:not([data-theme]) .gauge-ticks{stroke:#738193}
:root:not([data-theme]) .crea-display>.routine-button{background:#183554;color:#98d2ff;border-color:#335b84}:root:not([data-theme]) .crea-display>button.routine-button:hover:not(:disabled){background:#224567}:root:not([data-theme]) .crea-streak svg{color:#ffb451}
:root:not([data-theme]) .article .button{background:var(--white);color:var(--ink)}:root:not([data-theme]) .project-icon{box-shadow:0 14px 30px #0003}
:root:not([data-theme]) ::selection{background:#365578;color:#fff}

}
@media print{.theme-toggle{display:none!important}:root{--paper:#fff!important;--white:#fff!important;--ink:#111!important;--muted:#444!important;--line:#ccc!important;--accent:#111!important;--wash:#f5f5f5!important;color-scheme:light!important}body{color:#111!important;background:#fff!important}.article p,.article li{color:#444!important}}

.home-hero{grid-template-columns:1fr}.portfolio-project:first-child{border-top:1px solid var(--line)}.about-links{display:flex;flex-wrap:wrap;gap:25px}.legal-layout{max-width:800px;margin:0 auto;padding:46px 0 72px}.legal-layout .article h2{font-size:24px;margin-top:29px}.legal-layout .article p,.legal-layout .article li{font-size:16px;line-height:1.75}.legal-layout .article h1{font-size:clamp(38px,4.3vw,58px)}

.project-copy h2{margin-top:0}.project-category{font-size:18px;font-weight:500;letter-spacing:-.015em;text-transform:none;margin-top:10px}.product-kicker{font-size:16px;font-weight:600;letter-spacing:0;text-transform:none}.main-nav .nav-download [aria-hidden]{margin-left:4px}@media(max-width:560px){.project-category{font-size:14px;line-height:1.45;margin-top:9px}.product-kicker{font-size:15px;margin-bottom:20px}}