:root,[data-theme=dark]{--bg: #0f1419;--surface: #1a2332;--surface-hover: #243044;--text: #e6edf3;--text-muted: #8b949e;--primary: #6366f1;--primary-dim: #6366f166;--secondary: #f59e0b;--secondary-dim: #f59e0b66;--accent: #6366f1;--accent-dim: #6366f166;--success: #3fb950;--warning: #d29922;--danger: #f85149;--border: #30363d;--radius: 8px;--chess-light: #c5d9ed;--chess-dark: #6b8cb0}[data-theme=light]{--bg: #f6f8fa;--surface: #ffffff;--surface-hover: #f3f4f6;--text: #1f2328;--text-muted: #656d76;--primary: #4f46e5;--primary-dim: #4f46e566;--secondary: #d97706;--secondary-dim: #d9770666;--accent: #4f46e5;--accent-dim: #4f46e566;--success: #1a7f37;--warning: #9a6700;--danger: #cf222e;--border: #d0d7de;--chess-light: #c5d9ed;--chess-dark: #6b8cb0}*{box-sizing:border-box}#root{caret-color:transparent}input,textarea{caret-color:auto}body{margin:0;font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,monospace;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}#root{display:flex;flex-direction:column;min-height:100vh;padding:0}#root>main{display:flex;flex-direction:column;flex:1}.app-content{flex:1;max-width:1200px;margin:0 auto;padding:2rem;width:100%;box-sizing:border-box}.what-we-do-page{position:relative;display:flex;flex-direction:column;flex:1;min-height:min-content}.what-we-do-page .text-pop-primary{color:var(--primary);font-weight:600}.what-we-do-page .text-pop-secondary{color:var(--secondary);font-weight:600}.what-we-do-page .what-we-do-hero{position:relative;border-radius:var(--radius)}.what-we-do-page .what-we-do-page-anchor{position:absolute;top:0;right:0;width:60%;height:80vh;line-height:0;display:flex;justify-content:flex-end;align-items:stretch;pointer-events:none}.what-we-do-page .what-we-do-page-anchor svg{width:100%;height:100%;object-fit:contain;object-position:right center}.what-we-do-page .what-we-do-hero:before{content:"";position:absolute;left:0;top:0;width:384px;height:384px;z-index:-1;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cdefs%3E%3Cpattern id='sq' width='2' height='2' patternUnits='userSpaceOnUse'%3E%3Crect width='1' height='1' fill='%236b8cb0'/%3E%3Crect x='1' y='1' width='1' height='1' fill='%236b8cb0'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='8' height='8' fill='url(%23sq)'/%3E%3C/svg%3E");background-size:384px 384px;background-repeat:no-repeat;background-position:0 0;opacity:.14}.masters-explorer-list{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg)}.masters-explorer-list::-webkit-scrollbar{width:8px}.masters-explorer-list::-webkit-scrollbar-track{background:var(--bg)}.masters-explorer-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.masters-explorer-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes board-copy-flash{0%{opacity:.85}to{opacity:0}}.board-copy-flash{position:absolute;inset:0;background:#fff;pointer-events:none;animation:board-copy-flash .3s ease-out forwards}@keyframes add-variation-modal-spin{to{transform:rotate(360deg)}}