:root{color-scheme:light;--preview-bg: #f4f7fb;--preview-panel: #ffffff;--preview-panel-strong: #edf2f8;--preview-border: #d5deea;--preview-text: #102b52;--preview-muted: #526985;--preview-quiet: #6c819b;--preview-mint: #087f6c;--preview-yellow: #b77900;--preview-coral: #d94b42;--board-navy: #0b2a55;--board-blue: #2563eb;--board-line: #c8cdd4;font-family:\"IBM Plex Sans\",Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--preview-text);background:radial-gradient(circle at 70% -10%,#e2eefb 0,transparent 28rem),var(--preview-bg)}button{font:inherit}.preview-shell{width:min(920px,calc(100% - 32px));margin:0 auto;padding:38px 0 46px}.preview-demo-badge,.preview-eyebrow{margin:0;color:var(--preview-mint);font:700 11px/1.2 \"JetBrains Mono\",monospace;letter-spacing:.12em;text-transform:uppercase}.preview-demo-badge{display:inline-block;margin-bottom:18px;padding:6px 9px;border:1px solid rgba(15,159,131,.35);border-radius:999px;background:#0f9f8314}.preview-header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.preview-title{margin:9px 0 5px;font-size:clamp(28px,5vw,48px);line-height:1.05;letter-spacing:-.045em}.preview-subtitle{max-width:620px;margin:0;color:var(--preview-muted)}.preview-controls{flex:0 0 auto}.preview-button{min-height:40px;padding:0 13px;border:1px solid var(--preview-border);border-radius:8px;color:var(--preview-text);background:var(--preview-panel);cursor:pointer;transition:border-color .2s,transform .2s;box-shadow:0 2px 7px #18345414}.preview-button:hover,.preview-button:focus-visible{border-color:var(--preview-mint);transform:translateY(-1px);outline:none}.preview-button:focus-visible{box-shadow:0 0 0 3px #087f6c38}.preview-board-panel{padding:20px;border:1px solid var(--preview-border);border-radius:18px;background:var(--preview-panel);box-shadow:0 20px 55px #2241651f}.preview-board-frame{position:relative;width:min(456px,100%);margin:0 auto}.preview-board{position:relative;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:repeat(9,minmax(0,1fr));aspect-ratio:1;overflow:hidden;border:2px solid #1f2937;background:var(--board-line);gap:1px}.preview-cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;color:var(--board-navy);background:#fff;font-family:\"JetBrains Mono\",monospace}.preview-cell-filled{color:var(--board-navy)}.preview-cell-block-right{border-right:2px solid #1f2937}.preview-cell-block-bottom{border-bottom:2px solid #1f2937}.preview-cell-primary,.preview-cell-target{background:#eef4ff;box-shadow:inset 0 0 0 2px #2563eb80}.preview-cell-secondary{background:#f4f7fb}.preview-cell-danger,.preview-cell-elimination{background:#fff1f0;box-shadow:inset 0 0 0 2px #dc46469e}.preview-cell-placement{background:#eef4ff;color:var(--board-blue);box-shadow:inset 0 0 0 3px #2563eb57;animation:preview-placement 1.8s ease-in-out infinite}.preview-value{position:relative;z-index:2;font-size:clamp(24px,7vw,48px);font-weight:700}.preview-value-placement{color:var(--board-blue)}.preview-candidates{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);width:78%;height:78%;color:var(--preview-quiet);font-size:clamp(8px,1.4vw,12px);line-height:1}.preview-candidate{display:grid;place-items:center;min-width:0;min-height:0}.preview-candidate-visible{color:var(--board-navy)}.preview-candidate-removing{color:var(--preview-coral);text-decoration:line-through;text-decoration-thickness:2px}.preview-links{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.preview-link{fill:none;stroke-width:5;stroke-linecap:round;opacity:.85;stroke-dasharray:14 10;animation:preview-link 1.4s ease-out both}.preview-link-strong{stroke:var(--preview-mint)}.preview-link-weak{stroke:var(--preview-yellow)}.preview-legend{display:flex;flex-wrap:wrap;gap:15px;margin-top:16px;color:var(--preview-quiet);font-size:12px}.preview-legend-item{display:inline-flex;align-items:center;gap:7px}.preview-legend-dot{width:9px;height:9px;border-radius:50%;background:var(--preview-mint)}.preview-legend-elimination{background:var(--preview-coral)}.preview-legend-context{background:var(--preview-yellow)}.preview-explanation{margin-top:18px;padding:21px 22px;border:1px solid var(--preview-border);border-radius:14px;background:var(--preview-panel);box-shadow:0 12px 30px #2241650f}.preview-explanation-text{max-width:720px;margin:10px 0 0;color:var(--preview-muted);font-size:17px}.preview-proof{margin-top:18px;padding:15px;border:1px solid rgba(120,145,174,.34);border-radius:11px;background:#f7faff}.preview-proof-heading{display:grid;gap:5px}.preview-proof-category{color:var(--preview-mint);font:700 10px/1.2 JetBrains Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.preview-proof-title{color:var(--preview-text);font-size:15px;font-weight:600}.preview-proof-steps{display:grid;gap:7px;margin:13px 0 0;padding-left:23px;color:var(--preview-muted);font-size:14px}.preview-proof-step::marker{color:var(--preview-mint);font:700 11px JetBrains Mono,monospace}.preview-proof-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.preview-proof-fact{display:inline-flex;align-items:baseline;gap:5px;padding:5px 8px;border-radius:6px;color:var(--preview-quiet);background:var(--preview-panel-strong);font:11px JetBrains Mono,monospace}.preview-proof-fact-value{color:var(--preview-text);font-size:14px}.preview-technique-skyscraper .preview-proof,.preview-technique-two_string_kite .preview-proof{border-color:#ffd16673}.preview-technique-x_wing .preview-proof,.preview-technique-swordfish .preview-proof{border-color:#63e6be6b}.preview-technique-xy_wing .preview-proof,.preview-technique-xy_chain .preview-proof,.preview-technique-aic .preview-proof{border-color:#7c9cff7a}.preview-action-list{display:flex;flex-wrap:wrap;gap:9px;padding:0;margin:18px 0 0;list-style:none}.preview-action-list li{padding:7px 10px;border-radius:7px;font:600 12px \"JetBrains Mono\",monospace}.preview-action-placement{color:#063d33;background:#b8f0e2}.preview-action-elimination{color:#5d3d00;background:#ffe3a3}.preview-action-muted{color:var(--preview-muted);background:var(--preview-panel-strong)}.preview-footer{display:flex;justify-content:space-between;gap:12px;margin-top:17px;color:var(--preview-quiet);font:11px \"JetBrains Mono\",monospace}.preview-share-link{margin:17px 0 0;color:var(--preview-quiet);font:12px \"JetBrains Mono\",monospace;overflow-wrap:anywhere}.preview-share-link a{color:var(--preview-mint)}.preview-replay .preview-cell-placement{animation:preview-placement 1.8s ease-in-out infinite}.preview-replay .preview-link{animation-name:preview-link}@keyframes preview-placement{0%,to{box-shadow:inset 0 0 0 2px #ffffff26}50%{box-shadow:inset 0 0 0 4px #ffffff8c}}@keyframes preview-link{0%{stroke-dashoffset:48;opacity:0}to{stroke-dashoffset:0;opacity:.85}}@media(max-width:620px){.preview-header{align-items:start;flex-direction:column}.preview-controls,.preview-button{width:100%}.preview-board-panel{padding:12px}.preview-explanation{padding:17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}