.sym-page{--sym-paper:#f5f2e9;--sym-card:#fffdf8;--sym-ink:#203e3b;--sym-muted:#61706b;--sym-line:#d5ddd2;--sym-green:#245d4d;--sym-deep:#163f35;--sym-purple:#6654ae;--sym-pink:#d4578d;--sym-soft:#e6eee6;color:var(--sym-ink);background:var(--sym-paper);padding:clamp(18px,3vw,40px) 24px 64px}.sym-page *,.sym-page ::after,.sym-page ::before{box-sizing:border-box}.sym-page button,.sym-page input{font:inherit}.sym-page button{cursor:pointer}.sym-page :is(button,input,[tabindex],summary):focus-visible{outline:3px solid #bd7337;outline-offset:3px}.sym-page :is(.sym-page-title,.sym-app,.worksheet-public-reference){max-width:1280px;margin-left:auto;margin-right:auto}.sym-page .sym-page-title{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:14px 0 30px}.sym-page .sym-page-title h1{margin:0;color:var(--sym-ink);font-size:clamp(2.2rem, 4.8vw, 4rem);line-height:1;letter-spacing:-.055em}.sym-page .sym-page-title h1 i{color:var(--sym-purple);font-size:.75em}.sym-page .sym-page-title p{max-width:560px;margin:16px 0 0;color:var(--sym-muted);line-height:1.6}.sym-page .tbi-fs-btn{position:static;display:inline-flex;align-items:center;gap:8px;flex:none;min-height:44px;padding:10px 14px;border:1px solid var(--sym-line);border-radius:9px;color:var(--sym-ink);background:var(--sym-card);font-weight:750}.sym-page .tbi-fs-btn:hover{background:var(--sym-soft)}.sym-page .sym-app{display:grid;grid-template-columns:300px minmax(0,1fr);align-items:start;gap:18px;padding:0}.sym-page .sym-panel{display:flex;flex-direction:column;gap:12px}.sym-page .sym-card{padding:17px;border:1px solid var(--sym-line);border-radius:14px;background:var(--sym-card);box-shadow:0 4px 16px #1e48310a}.sym-page .sym-card-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--sym-muted);font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.sym-page .sym-card-title i{color:var(--sym-purple)}.sym-page .stats-grid,.sym-page .stats-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sym-page .stat-box,.sym-page .stats-panel-item{padding:10px 7px;border-radius:9px;text-align:center;background:#f2f4ed}.sym-page .stat-value{font-size:1.75rem;line-height:1;font-weight:850}.sym-page .stat-value.score{color:var(--sym-green)}.sym-page .stat-value.streak{color:var(--sym-pink)}.sym-page .stat-label,.sym-page .stats-panel-label{margin-top:4px;color:var(--sym-muted);font-size:.65rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.sym-page .progress-bar{height:6px;margin-top:13px;overflow:hidden;border-radius:9px;background:#dce4da}.sym-page .progress-fill{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sym-purple),var(--sym-pink));transition:width .3s}.sym-page .difficulty-btns{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.sym-page .answer-btns,.sym-page .axis-btns,.sym-page .grid-size-btns,.sym-page .mode-btns{display:flex;gap:7px;flex-wrap:wrap}.sym-page :is(.diff-btn,.mode-btn,.axis-btn,.grid-size-btn){min-height:44px;border:1px solid var(--sym-line);border-radius:8px;color:var(--sym-ink);background:#faf9f4;font-size:.75rem;font-weight:750}.sym-page .diff-btn{padding:6px 2px}.sym-page .axis-btn,.sym-page .mode-btn{flex:1;padding:8px}.sym-page .axis-btn{display:flex;flex-direction:column;align-items:center;gap:3px}.sym-page .grid-size-btn{min-width:44px;padding:7px 9px}.sym-page :is(.diff-btn,.mode-btn,.axis-btn,.grid-size-btn):hover{border-color:var(--sym-green);background:var(--sym-soft)}.sym-page :is(.diff-btn,.mode-btn,.axis-btn,.grid-size-btn).active{border-color:var(--sym-purple);color:#fff;background:var(--sym-purple)}.sym-page .answer-btn{flex:1;min-height:58px;display:flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--sym-line);border-radius:10px;background:#faf9f4;color:var(--sym-ink);font-weight:850}.sym-page .answer-btn.yes{color:#176443}.sym-page .answer-btn.no{color:#a14839}.sym-page .answer-btn.selected{transform:translateY(-1px);box-shadow:0 5px 13px #1c423626}.sym-page .answer-btn.yes.selected{border-color:#23865d;background:#e0f0e5}.sym-page .answer-btn.no.selected{border-color:#b85e46;background:#f6e3dc}.sym-page .sym-mode-hidden{display:none}.sym-page .sym-answer-prompt{margin:0 0 10px;color:var(--sym-deep);font-size:.82rem;font-weight:700;line-height:1.45}.sym-page .axes-checkboxes{display:grid;gap:6px}.sym-page .axis-checkbox{--axis:#245d4d;position:relative;display:flex;align-items:center;gap:8px;min-height:44px;padding:7px 9px;border:1px solid var(--sym-line);border-left:4px solid var(--axis);border-radius:8px;color:var(--sym-ink);background:#faf9f4;font-size:.78rem;font-weight:700;cursor:pointer}.sym-page .axis-checkbox:hover{background:var(--sym-soft)}.sym-page .axis-checkbox input{position:absolute;opacity:0}.sym-page .checkbox-custom{width:18px;height:18px;flex:none;border:2px solid var(--axis);border-radius:4px;background:#fff}.sym-page .axis-checkbox input:checked+.checkbox-custom{background:var(--axis);box-shadow:inset 0 0 0 3px #fff}.sym-page .axis-checkbox i{color:var(--axis)}.sym-page .axis-vertical{--axis:#23865d}.sym-page .axis-horizontal{--axis:#d4578d}.sym-page .axis-diagonal-one{--axis:#b67a21}.sym-page .axis-diagonal-one i{transform:rotate(45deg)}.sym-page .axis-diagonal-two{--axis:#7350ad}.sym-page .axis-diagonal-two i{transform:rotate(-45deg)}.sym-page .axis-none{--axis:#69746f}.sym-page .print-btn,.sym-page .verify-btn{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--sym-green);border-radius:9px;color:#fff;background:var(--sym-green);font-weight:850}.sym-page .verify-btn:hover:not(:disabled){background:var(--sym-deep)}.sym-page .verify-btn:disabled{border-color:#bdc9c0;color:#78877e;background:#dfe6df;cursor:not-allowed}.sym-page .print-btn{color:var(--sym-ink);border-color:var(--sym-line);background:#f7f6f0}.sym-page .print-btn:hover{background:var(--sym-soft)}.sym-page .instructions-card{background:#f0f0e8}.sym-page .instructions-text{margin:0;color:var(--sym-muted);font-size:.82rem;line-height:1.55}.sym-page .sym-figure-note{margin-top:11px;border-top:1px solid var(--sym-line);padding-top:10px;color:var(--sym-muted);font-size:.76rem;line-height:1.45}.sym-page .sym-figure-note summary{color:var(--sym-green);cursor:pointer;font-weight:800}.sym-page .sym-figure-note p{margin:8px 0 0}.sym-page .sym-details{padding:0;overflow:hidden}.sym-page .sym-details>summary{display:flex;align-items:center;gap:8px;min-height:48px;padding:14px 17px;color:var(--sym-muted);cursor:pointer;font-size:.76rem;font-weight:850;letter-spacing:.04em}.sym-page .sym-details>summary i{color:var(--sym-purple)}.sym-page .sym-details-content{padding:0 17px 17px}.sym-page .stats-panel-value{color:var(--sym-purple);font-size:1.25rem;font-weight:850}.sym-page .level-accuracy-list{display:grid;gap:6px;margin-top:11px}.sym-page .level-accuracy-row{display:flex;align-items:center;gap:7px;color:var(--sym-muted);font-size:.72rem}.sym-page .level-accuracy-row .label{width:31px;color:var(--sym-ink);font-weight:800}.sym-page .level-accuracy-row .bar-wrap{flex:1}.sym-page .level-accuracy-row .pct{width:34px;text-align:right}.sym-page .accuracy-bar{height:5px;overflow:hidden;border-radius:5px;background:#dfe5dc}.sym-page .accuracy-fill{height:100%;border-radius:inherit}.sym-page .accuracy-fill.high{background:#23865d}.sym-page .accuracy-fill.mid{background:#bd7a22}.sym-page .accuracy-fill.low{background:#b85e46}.sym-page .sym-local-note{margin:11px 0 0;color:var(--sym-muted);font-size:.71rem;line-height:1.45}.sym-page .sym-viewer{position:sticky;top:16px;min-width:0;height:660px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #1d4039;border-radius:18px;background:#102a27;box-shadow:0 14px 35px #173f3430}.sym-page .sym-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;color:#eef3e9;background:#153934;border-bottom:1px solid #ffffff1c}.sym-page .sym-viewer-title{display:flex;gap:8px;align-items:center;font-size:.9rem;font-weight:850}.sym-page .sym-viewer-title i{color:#d8b6f3}.sym-page .question-number{padding:5px 8px;border:1px solid #ffffff2b;border-radius:999px;color:#dbe8dd;font-size:.73rem;font-weight:750}.sym-page #symmetry-canvas-container{position:relative;flex:1;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#30275e 0,#171632 48%,#0a111d 100%)}.sym-page #symmetry-canvas{display:block;width:100%;height:100%;touch-action:none}.sym-page .result-overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;color:#fff;background:#0a1715ed;opacity:0;visibility:hidden;transition:opacity .22s}.sym-page .result-overlay.show{opacity:1;visibility:visible}.sym-page .result-icon{display:grid;place-items:center;width:82px;height:82px;border-radius:50%;font-size:2.35rem}.sym-page .result-icon.success{background:#23865d}.sym-page .result-icon.error{background:#b85e46}.sym-page .result-text{font-size:1.45rem;font-weight:850}.sym-page .result-subtext{max-width:360px;color:#d8e4dc;text-align:center;line-height:1.5}.sym-page .result-btn{min-height:44px;padding:10px 16px;border:1px solid #bfa3d5;border-radius:9px;color:#fff;background:var(--sym-purple);font-weight:800}.sym-page #draw-toolbar-area{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:9px 14px;border-top:1px solid #ffffff14;background:#102622}.sym-page .color-palette,.sym-page .draw-toolbar{display:flex;flex-wrap:wrap;gap:6px}.sym-page .toolbar-btn{min-height:40px;padding:7px 9px;border:1px solid #ffffff31;border-radius:7px;color:#e4ece5;background:#ffffff12;font-size:.73rem;font-weight:700}.sym-page .toolbar-btn:hover:not(:disabled){background:#ffffff22}.sym-page .toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.sym-page .color-swatch{width:28px;height:28px;padding:0;border:3px solid transparent;border-radius:50%}.sym-page .color-swatch.active{border-color:#fff;box-shadow:0 0 0 2px #132b27}.sym-page .color-swatch:first-child{background:#6366f1}.sym-page .color-swatch:nth-child(2){background:#ec4899}.sym-page .color-swatch:nth-child(3){background:#10b981}.sym-page .color-swatch:nth-child(4){background:#ef4444}.sym-page .color-swatch:nth-child(5){background:#fbbf24}.sym-page .color-swatch:nth-child(6){background:#9333ea}.sym-page .color-swatch:nth-child(7){background:#06b6d4}.sym-page .color-swatch:nth-child(8){background:#fff}.sym-page .color-swatch:nth-child(9){background:#f97316}.sym-page .color-swatch:nth-child(10){background:#84cc16}.sym-page .sym-viewer-footer{padding:9px 14px;color:#d2ded4;background:#0d211e;font-size:.74rem;text-align:center}.sym-page .sym-viewer-footer i{color:#6cc596}.sym-page .sym-round-summary{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#081815d9}.sym-page .sym-round-summary[hidden]{display:none}.sym-page .sym-round-card{width:min(100%,430px);padding:28px;border:1px solid var(--sym-line);border-radius:16px;color:var(--sym-ink);background:var(--sym-card);text-align:center;box-shadow:0 20px 60px #0009}.sym-page .sym-eyebrow{margin:0 0 8px;color:var(--sym-green);font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.sym-page .sym-round-card h2{margin:0;font-size:1.55rem}.sym-page .sym-round-card p:not(.sym-eyebrow){color:var(--sym-muted);line-height:1.5}.sym-page .sym-notice{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.sym-page .sym-app.geometry-tableau,.sym-page .sym-app:fullscreen{position:fixed;inset:0;z-index:100000;width:100vw;height:100dvh;max-width:none;margin:0;padding:10px;grid-template-columns:260px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:10px;overflow:hidden;background:var(--sym-paper)}.sym-page .sym-app.geometry-tableau .sym-panel,.sym-page .sym-app:fullscreen .sym-panel{min-height:0;overflow-y:auto;overscroll-behavior:contain}.sym-page .sym-app.geometry-tableau .sym-viewer,.sym-page .sym-app:fullscreen .sym-viewer{position:static;height:auto;min-height:0}.sym-page .sym-app.geometry-tableau .geometry-tableau-toolbar{grid-column:1/-1}.sym-page .sym-app.geometry-tableau .geometry-tableau-toolbar .sym-card{padding:0;border:0;background:0 0;box-shadow:none}.sym-page .sym-app.geometry-tableau .geometry-tableau-toolbar .sym-card-title{display:none}.sym-page .sym-app.geometry-tableau .geometry-tableau-toolbar .answer-btn{min-height:48px;flex-direction:row}.sym-page .sym-app.geometry-controls-closed{grid-template-columns:minmax(0,1fr)}.sym-page .sym-app.geometry-controls-closed .sym-panel{display:none}.sym-page[data-theme=dark],[data-theme=dark] .sym-page{--sym-paper:#11211e;--sym-card:#18312c;--sym-ink:#eef3ed;--sym-muted:#bdd0c5;--sym-line:#426057;--sym-green:#7eae91;--sym-deep:#d9ebdd;--sym-soft:#26473d;background:#11211e}[data-theme=dark] .sym-page :is(.sym-card,.sym-details){background:var(--sym-card)!important}[data-theme=dark] .sym-page :is(
.stat-box,.stats-panel-item,.diff-btn,.mode-btn,.axis-btn,.grid-size-btn,.answer-btn,.axis-checkbox,.print-btn
){color:var(--sym-ink)!important;background:#1d3933!important}[data-theme=dark] .sym-page .instructions-card{background:#203c35!important}[data-theme=dark] .sym-page .checkbox-custom{background:#10221e}@media (max-width:1000px){.sym-page .sym-app{grid-template-columns:1fr}.sym-page .sym-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.sym-page .sym-viewer{position:static;height:610px}.sym-page .sym-app.geometry-tableau,.sym-page .sym-app:fullscreen{grid-template-columns:230px minmax(0,1fr)}.sym-page .sym-app.geometry-tableau .sym-panel,.sym-page .sym-app:fullscreen .sym-panel{display:flex}}@media (max-width:620px){.sym-page{padding:17px 10px 38px}.sym-page .sym-page-title{align-items:flex-start;flex-direction:column;padding-bottom:20px}.sym-page .tbi-fs-btn{width:100%;justify-content:center}.sym-page .sym-panel{display:flex}.sym-page .sym-viewer{height:480px;border-radius:13px}.sym-page .sym-viewer-header{padding:11px}.sym-page .result-icon{width:66px;height:66px;font-size:2rem}.sym-page #draw-toolbar-area{padding:8px}.sym-page .toolbar-btn{min-height:38px}.sym-page .color-swatch{width:27px;height:27px}.sym-page .sym-app.geometry-tableau,.sym-page .sym-app:fullscreen{grid-template-columns:minmax(142px,42%) minmax(0,1fr);padding:6px;gap:6px}.sym-page .sym-app.geometry-tableau .sym-panel,.sym-page .sym-app:fullscreen .sym-panel{display:flex}.sym-page .sym-app.geometry-tableau .sym-card{padding:10px}.sym-page .sym-app.geometry-tableau .sym-viewer-footer,.sym-page .sym-app.geometry-tableau .sym-viewer-title{display:none}.sym-page .sym-app.geometry-tableau .sym-panel .instructions-card,.sym-page .sym-app.geometry-tableau .sym-panel .sym-details{display:none}.sym-page .sym-app.geometry-tableau .sym-card-title{font-size:.62rem}.sym-page .sym-app.geometry-tableau .difficulty-btns{grid-template-columns:repeat(2,1fr)}.sym-page .sym-app.geometry-tableau .answer-btns,.sym-page .sym-app.geometry-tableau .mode-btns{flex-direction:column}.sym-page .sym-app.geometry-tableau .answer-btn{min-height:42px}.sym-page .sym-app.geometry-tableau #draw-toolbar-area{padding:6px}.sym-page .sym-app.geometry-tableau .toolbar-btn{min-height:34px;padding:5px}.sym-page .sym-app.geometry-tableau .toolbar-btn i{margin:0}.sym-page .sym-app.geometry-tableau .color-swatch{width:22px;height:22px}.sym-page .sym-app.geometry-tableau.geometry-controls-closed{grid-template-columns:minmax(0,1fr)}.sym-page .sym-app.geometry-tableau.geometry-controls-closed .sym-panel{display:none}}@media (prefers-reduced-motion:reduce){.sym-page *{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}.sym-page .color-swatch{width:44px;height:44px;flex:none}.sym-page .toolbar-btn{min-width:44px;min-height:44px}.sym-page .tbi-fs-btn span{display:inline}.sym-page .sym-notice:not(:empty){position:static;width:auto;height:auto;clip:auto;white-space:normal;padding:12px;color:var(--sym-ink);background:var(--sym-soft)}.sym-page .sym-app.geometry-tableau{align-items:stretch}.sym-page .sym-round-summary{z-index:100010;overflow:auto}.sym-page .sym-round-card{max-height:calc(100dvh - 40px);overflow-y:auto}.sym-page .geometry-tableau-toolbar .answer-btns{flex-direction:row!important}@media (max-width:1000px){.sym-page .sym-viewer{order:-1}.sym-page .sym-app.geometry-tableau .sym-viewer{order:initial}}@media (max-width:620px){.sym-page .sym-viewer{height:620px}.sym-page .sym-app.geometry-tableau .toolbar-btn{min-width:44px;min-height:44px}.sym-page .sym-app.geometry-tableau .color-swatch{width:44px;height:44px}.sym-page .sym-app.geometry-tableau .color-palette{display:none}.sym-page .sym-app.geometry-tableau .answer-btn{min-height:44px}}.sym-page .sym-page-title>div{min-width:0}.sym-page .sym-page-title h1{font-family:inherit}.sym-page .difficulty-btns{grid-template-columns:repeat(auto-fit,minmax(44px,1fr))}.sym-page .sym-viewer{height:720px;top:90px}.sym-page .sym-viewer>:not(#symmetry-canvas-container){flex-shrink:0}.sym-page .sym-response{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:12px 16px;background:var(--sym-card);color:var(--sym-ink)}.sym-page .sym-response .sym-card{padding:0;border:0;box-shadow:none;background:0 0!important;flex:1;min-width:180px}.sym-page .sym-response .sym-card-title{margin-bottom:7px}.sym-page .sym-response .answer-btn{min-height:48px}.sym-page .sym-response #answer-find-axes{flex-basis:100%}.sym-page .sym-response .axes-checkboxes{grid-template-columns:repeat(3,minmax(0,1fr))}.sym-page .sym-response .sym-answer-prompt{display:none}.sym-page .sym-drawing-tools{color:#e4ece5;background:#102622}.sym-page .sym-drawing-tools>summary{min-height:44px;padding:12px 16px;cursor:pointer;font-size:.8rem;font-weight:700}.sym-page .sym-round-summary{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0}.sym-page .sym-round-summary::backdrop{background:#081815b3}.sym-page .result-overlay{overflow-y:auto}[data-theme=dark] .sym-page :is(.diff-btn,.mode-btn,.axis-btn,.grid-size-btn).active{color:#fff!important;background:#6654ae!important;border-color:#c6b6fc}[data-theme=dark] .sym-page .answer-btn.selected{background:#356152!important;border-color:#d3e6d9}[data-theme=dark] .sym-page .verify-btn:not(:disabled){color:#11211e;background:#a5cfb4}[data-theme=dark] .sym-page .stats-panel-value,[data-theme=dark] .sym-page .sym-card-title i{color:#c6b6fc}.sym-page .axis-checkbox:has(input:focus-visible){outline:3px solid #bd7337;outline-offset:3px}@media (max-width:620px){.sym-page .sym-page-title{gap:16px}.sym-page .sym-page-title h1{font-size:2.8rem}.sym-page .sym-page-title p{margin-top:10px;font-size:.92rem}.sym-page .sym-viewer{height:700px}.sym-page .sym-response{padding:10px;gap:8px}.sym-page .sym-response .sym-card{min-width:100%}.sym-page .sym-response .axes-checkboxes{grid-template-columns:repeat(2,minmax(0,1fr))}.sym-page .sym-response .axis-checkbox{font-size:.7rem;padding:6px;gap:5px}.sym-page .sym-response .axis-checkbox i{display:none}.sym-page .sym-app.geometry-tableau .sym-viewer{overflow-y:auto}.sym-page .sym-app.geometry-tableau #symmetry-canvas-container{min-height:200px}.sym-page .sym-app.geometry-tableau .sym-response .answer-btns{flex-direction:row}.sym-page .sym-app.geometry-tableau .sym-response .sym-card-title{display:none}.sym-page .sym-app.geometry-tableau .sym-response{padding:6px}.sym-page .sym-app.geometry-tableau .color-palette{display:flex}.sym-page .sym-app.geometry-tableau:not(.geometry-controls-closed){grid-template-columns:1fr}.sym-page .sym-app.geometry-tableau:not(.geometry-controls-closed) .sym-panel{position:absolute;z-index:20;top:76px;bottom:6px;left:6px;width:min(280px,calc(100% - 12px));padding:10px;background:var(--sym-paper);box-shadow:6px 0 20px #0008}}[data-theme=dark] .sym-page .progress-bar{background:#426057!important}.sym-page .sym-app.geometry-tableau .geometry-tableau-toolbar{display:grid;grid-template-columns:1fr 1fr}.sym-page .sym-app.geometry-tableau .geometry-tableau-toolbar>button{margin:0;font-size:.8rem;padding:7px}.sym-page .sym-app.geometry-tableau .sym-viewer{grid-row:2}