html{color-scheme:dark}
html[data-theme="light"]{color-scheme:light;--bg:#f8f9fc;--bg-2:#f0f2f7;--surface:#fff;--surface-2:#e9ecf4;--surface-elevated:#fff;--border:#d6dbe6;--line:#d6dbe6;--line-strong:#b9c1d1;--line-row:#e0e4ed;--text:#171b2a;--text-2:#414b61;--text-secondary:#414b61;--muted:#5c667b;--dim:#5c667b;--accent:#505dc2;--accent-hover:#424eaf;--accent-text:#4653b5;--accent-dim:rgba(80,93,194,.09);--accent-line:#505dc2;--accent-ring:rgba(80,93,194,.25);--on-accent:#fff;--up:#24704d;--green:#24704d;--down:#ab343c;--red:#ab343c;--warn:#84621d;--face-card:#fff;--face-clv:#fff;--header-veil:rgba(248,249,252,.95);--menu-veil:#fff;--film:rgba(23,27,42,.025);--film-hover:rgba(23,27,42,.05);--film-strong:rgba(23,27,42,.08)}
.sayf-appearance-toggle{position:fixed;right:20px;bottom:20px;z-index:120;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid var(--line-strong,#32353e);border-radius:999px;background:var(--surface,#111318);color:var(--text,#fff);font:500 12px Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 3px 14px #0002}
.sayf-appearance-toggle:focus-visible{outline:2px solid var(--accent-text,#939dff);outline-offset:4px}
html[data-theme="light"] body{background:var(--bg);color:var(--text)}
html[data-theme="light"] body .sc-header,html[data-theme="light"] .os-top{background:var(--header-veil);border-color:var(--border)}
html[data-theme="light"] body .sc-brand,html[data-theme="light"] body .sc-header .nav-link:hover,html[data-theme="light"] body .sc-header [aria-current="page"],html[data-theme="light"] .os-top .os-title{color:var(--text)}
html[data-theme="light"] body .sc-login,html[data-theme="light"] body .sc-header .nav-link,html[data-theme="light"] body .sc-foot-col a,html[data-theme="light"] body .sc-foot-brand p{color:var(--text-secondary)}
html[data-theme="light"] body .sc-cta{background:var(--text);color:#fff}
html[data-theme="light"] body .site-footer,html[data-theme="light"] body .sc-mobile nav{background:var(--surface);border-color:var(--border)}
html[data-theme="light"] .os-sidebar,html[data-theme="light"] dialog{background:var(--surface);color:var(--text);border-color:var(--border)}
html[data-theme="light"] .os-nav a:hover,html[data-theme="light"] .os-nav a[aria-current="page"],html[data-theme="light"] .os-avatar,html[data-theme="light"] .rz-user{background:var(--surface-2);color:var(--text);border-color:var(--border)}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{background:var(--surface);color:var(--text);border-color:var(--line-strong)}
html[data-theme="light"] .ws-error{color:#93282e;background:#fff0f0}
html[data-theme="light"] .bk-console{box-shadow:0 20px 70px #202a4420}
@media(max-width:600px){.sayf-appearance-toggle{right:12px;bottom:12px;font-size:11px;padding:9px 13px}}

/* Legacy flat colors */
html[data-theme="light"] body .btn-primary{color:var(--text-secondary)}
html[data-theme="light"] .sf-card .sf-price{color:var(--text-secondary)}
html[data-theme="light"] .sf-button{color:var(--text-secondary)}
html[data-theme="light"] .sf-logo{color:var(--text-secondary)}
html[data-theme="light"] .sf-links a:hover{color:var(--text-secondary)}
html[data-theme="light"] .sf-auth input{color:var(--text-secondary)}
html[data-theme="light"] .sf-waitlist input{color:var(--text-secondary)}
html[data-theme="light"] a{color:var(--accent-text)}
html[data-theme="light"] .os-sidebar{background:var(--surface)}
html[data-theme="light"] .os-nav a:hover,html[data-theme="light"] .os-nav a[aria-current="page"]{background:var(--surface);color:var(--text-secondary)}
html[data-theme="light"] .os-avatar{background:var(--surface)}
html[data-theme="light"] .os-top .os-title{color:var(--text-secondary)}
html[data-theme="light"] td:first-child{color:var(--text-secondary)}
html[data-theme="light"] .os-form input,html[data-theme="light"] .os-form select,html[data-theme="light"] .os-form textarea,html[data-theme="light"] .os-search-input{color:var(--text-secondary)}
html[data-theme="light"] .os-candidate strong{color:var(--text-secondary)}
html[data-theme="light"] .os-insight h2{color:var(--text-secondary)}
html[data-theme="light"] .os-dialog{color:var(--text-secondary)}
html[data-theme="light"] .rz-user{background:var(--surface)}
html[data-theme="light"] .rz-compose textarea{background:var(--surface)}
html[data-theme="light"] .rz-disclosure a{color:var(--accent-text)}
html[data-theme="light"] #connections-root [data-connection-notice]{color:var(--accent-text)}
html[data-theme="light"] #coinbase-root [data-connection-notice]{color:var(--accent-text)}
html[data-theme="light"] .ws-step-mark{color:var(--accent-text)}
html[data-theme="light"] body .sc-brand{color:var(--text-secondary)}
html[data-theme="light"] body .sc-header .header-nav .nav-link,html[data-theme="light"] body .sc-login{color:var(--text-secondary)}
html[data-theme="light"] body .sc-header .header-nav .nav-link:hover,html[data-theme="light"] body .sc-header .header-nav [aria-current="page"],html[data-theme="light"] body .sc-login:hover{color:var(--text-secondary)}
html[data-theme="light"] body .site-footer{background:var(--surface)}
html[data-theme="light"] body .sc-foot-col h2{color:var(--text-secondary)}
html[data-theme="light"] body .sc-foot-col a,html[data-theme="light"] body .sc-foot-brand>a:not(.sc-brand){color:var(--text-secondary)}
html[data-theme="light"] body .sc-foot-col a:hover,html[data-theme="light"] body .sc-foot-brand>a:hover{color:var(--text-secondary)}
html[data-theme="light"] body .sc-foot-brand p{color:var(--text-secondary)}
html[data-theme="light"] body .sc-foot-bottom{color:var(--text-secondary)}
html[data-theme="light"] body .sc-footer .foot-disclaimer{color:var(--text-secondary)}
html[data-theme="light"] body .sc-mobile summary{color:var(--text-secondary)}
html[data-theme="light"] body .sc-mobile nav{background:var(--surface)}
html[data-theme="light"] body .sc-mobile .nav-link{color:var(--text-secondary)}
html[data-theme="light"] body .sc-mobile [aria-current="page"]{color:var(--accent-text)}
html[data-theme="light"] .pr-page .sf-button{color:var(--text-secondary)}
html[data-theme="light"] .pr-link{color:var(--accent-text)}
html[data-theme="light"] .pr-page .pr-note{color:var(--text-secondary)}
html[data-theme="light"] .pr-steps article>span{color:var(--text-secondary)}
html[data-theme="light"] .pr-future{color:var(--text-secondary)}
html[data-theme="light"] .pr-mini-piece{color:var(--accent-text)}
html[data-theme="light"] .pr-code{color:var(--accent-text)}
html[data-theme="light"] .pr-jump a{color:var(--text-secondary)}
html[data-theme="light"] .pr-jump small{color:var(--accent-text);background:var(--surface)}
html[data-theme="light"] .pr-tool-links a{color:var(--accent-text)}
html[data-theme="light"] .pr-agent{background:var(--surface)}
html[data-theme="light"] .pr-agent-index{color:var(--text-secondary)}
html[data-theme="light"] .pr-agent-copy .pr-role{color:var(--text-secondary)}
html[data-theme="light"] .pr-motion{color:var(--text-secondary);background:var(--surface)}
html[data-theme="light"] .mk-page p{color:var(--text-secondary)}
html[data-theme="light"] .mk-link{color:var(--accent-text)}
html[data-theme="light"] .mk-page .mk-note{color:var(--text-secondary)}
html[data-theme="light"] .mk-number{color:var(--accent-text)}
html[data-theme="light"] .mk-feature summary{color:var(--text-secondary)}
html[data-theme="light"] .mk-feature summary span{color:var(--accent-text)}
html[data-theme="light"] .editorial-kicker{color:var(--accent-text)}
html[data-theme="light"] .editorial-page .editorial-lead{color:var(--text-secondary)}
html[data-theme="light"] .editorial-page a{color:var(--accent-text)}
html[data-theme="light"] .resource-index>a:hover strong{color:var(--accent-text)}
html[data-theme="light"] .resource-index>a>span{color:var(--text-secondary)}
html[data-theme="light"] .resource-index strong{color:var(--text-secondary)}
html[data-theme="light"] .resource-index strong span{color:var(--accent-text)}
html[data-theme="light"] .resource-index p{color:var(--text-secondary)}
html[data-theme="light"] .research-aside p,html[data-theme="light"] .research-aside>a{color:var(--text-secondary)}
html[data-theme="light"] .resources-page .report-date{color:var(--accent-text)}
html[data-theme="light"] .resources-page .report-sum{color:var(--text-secondary)}
html[data-theme="light"] .resources-page .prose p{color:var(--text-secondary)}
html[data-theme="light"] .resources-page .figs{background:var(--surface);border-color:var(--border)}
html[data-theme="light"] .founder-identity span{color:var(--text-secondary)}
html[data-theme="light"] .company-page .story-p{color:var(--text-secondary)}
html[data-theme="light"] .company-page .commit-grid p{color:var(--text-secondary)}
html[data-theme="light"] .company-page .commit-num{color:var(--accent-text)}
html[data-theme="light"] .data-details summary{color:var(--accent-text)}
html[data-theme="light"] .cw-head a{color:var(--text-secondary)}
html[data-theme="light"] .wc-label{color:var(--text-secondary)}
html[data-theme="light"] .wc-kalshi{color:var(--text-secondary)}
html[data-theme="light"] .wc-clv{background:var(--surface)}
html[data-theme="light"] .wc-clv-head{color:var(--text-secondary)}
html[data-theme="light"] .wc-v{color:var(--text-secondary)}
html[data-theme="light"] .wc-verdict b{color:var(--text-secondary)}
html[data-theme="light"] .pro-pop{background:var(--surface)}
html[data-theme="light"] .bd-toggle{background:var(--surface)}
html[data-theme="light"] .bd-ven.K{background:var(--surface);color:var(--text-secondary)}
html[data-theme="light"] .bd-ven.P{color:var(--text-secondary)}
html[data-theme="light"] .gr-head a{color:var(--text-secondary)}
html[data-theme="light"] .verdict-skill{background:var(--surface)}
html[data-theme="light"] .pr-page{--pr-ink:var(--text);--pr-muted:var(--text-secondary);--pr-accent:var(--accent-text)}
html[data-theme="light"] .mk-coach{background:var(--surface)}
html[data-theme="light"] .os-nav a[aria-current="page"],html[data-theme="light"] td:first-child{color:var(--text)}
html[data-theme="light"] .sf-button.primary,html[data-theme="light"] .btn.primary{color:#fff}
html[data-theme="light"] .pr-product-hero h1 em{color:var(--accent-text)}
html[data-theme="light"] .sayf-card-preview figcaption{color:var(--muted)}
html[data-theme="light"] #sayf-card-finish{color:var(--text-secondary)}
html[data-theme="light"] .sayf-card-swatches button[aria-pressed="true"] span{box-shadow:0 0 0 4px var(--bg),0 0 0 5px var(--accent)}
/* Reviewed light-mode visual treatment. */
html[data-theme="light"] .pr-hero{background:linear-gradient(90deg,#f8f9fc 0%,rgba(248,249,252,.88) 30%,rgba(248,249,252,0) 66%),url('/static/sayf/hero-chess-light.webp') center right/cover no-repeat;border-color:var(--border)}
html[data-theme="light"] .pr-hero h1{color:var(--text)}
html[data-theme="light"] .pr-hero-copy>p,html[data-theme="light"] .pr-hero-copy .pr-note{color:var(--text-secondary)}
html[data-theme="light"] .pr-hero .pr-label,html[data-theme="light"] .pr-hero .pr-link,html[data-theme="light"] .pr-hero-caption{color:var(--accent-text)}
html[data-theme="light"] .pr-hero-caption{text-shadow:none}
html[data-theme="light"] .os-stat,html[data-theme="light"] .os-panel,html[data-theme="light"] .sf-card,html[data-theme="light"] .pr-future,html[data-theme="light"] .pr-agent{border-color:var(--border);box-shadow:0 3px 16px rgba(23,27,42,.035)}
html[data-theme="light"] .sc-foot-col h2,html[data-theme="light"] body .sc-brand{color:var(--text)}
html[data-theme="light"] .pr-jump,html[data-theme="light"] .pr-section,html[data-theme="light"] .pr-api{border-color:var(--border)}
html[data-theme="light"] .pr-jump small{background:var(--accent-dim);color:var(--accent-text)}
html[data-theme="light"] .pr-tool-links a{border-color:var(--border);color:var(--accent-text);background:var(--surface)}
html[data-theme="light"] .pr-coach-art{background:var(--accent-dim);border-color:var(--border)}
html[data-theme="light"] .pr-mini-card{color:#fff}
html[data-theme="light"] body[style]{background:var(--bg)!important;color:var(--text)!important}
@media(max-width:640px){html[data-theme="light"] .pr-hero{background-image:linear-gradient(180deg,#f8f9fc 0%,#f8f9fc 34%,rgba(248,249,252,.05) 68%,#f8f9fc 100%),url('/static/sayf/hero-chess-light.webp');background-position:center,72% bottom;background-size:cover,auto 510px;background-repeat:no-repeat}}
html[data-theme="light"] .pr-future{background:var(--surface);color:var(--text);box-shadow:0 4px 22px #25325908}
html[data-theme="light"] .pr-future:hover{background:var(--bg-2);border-color:var(--accent)}
html[data-theme="light"] .pr-future h3{color:var(--text)}
html[data-theme="light"] .pr-mini-piece,html[data-theme="light"] .pr-code{color:var(--accent-text);text-shadow:none}
html[data-theme="light"] body .sc-header a.sc-cta{color:#fff}
@media(max-width:640px){html[data-theme="light"] .pr-hero-caption{bottom:64px}html[data-theme="light"] .pr-hero{background-size:cover,auto 480px}}
html[data-theme="dark"]{--bg:#010102;--surface:#111318;--text:#fff;--text-secondary:#d0d6e0;--muted:#8a8f98;--line-strong:#32353e;--accent-text:#939dff}
html[data-theme="dark"] body{background:var(--bg);color:var(--text)}
html[data-theme] body>a{color:var(--accent-text)}

/* Full sword silhouette remains visible on pale surfaces. */
html[data-theme="light"] body .sc-mark,html[data-theme="light"] .sf-mark{background-image:url('/assets/sayf-mark-light.svg?v=20261015')}
html[data-theme="light"] img[src^="/assets/sayf-mark.svg"]:not(.sayf-card-mark){content:url('/assets/sayf-mark-light.svg?v=20261015')}
