@font-face{font-family:Table CJK;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/table-cjk.ttf)format("truetype");unicode-range:U+30??,U+3400-9FFF,U+FF00-FFEF}.table-page{font-family:"Table CJK",var(--font-family);max-width:1000px;color:var(--color-text);margin:0 auto;padding:100px 24px 48px}.table-heading{margin-bottom:24px}.table-heading>span{letter-spacing:.12em;color:var(--color-text-muted);font-size:.72rem;font-weight:700}.table-heading h1{margin:8px 0;font-size:2rem}.table-heading p{color:var(--color-text-muted);margin:0}.table-workbench{border:1px solid var(--color-border);background:var(--color-surface);border-radius:18px;overflow:hidden}.table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.table-modes{gap:4px;display:flex}.table-page button{border:1px solid var(--color-border);background:var(--color-surface);color:inherit;font:inherit;cursor:pointer;border-radius:8px;min-height:44px;padding:10px 14px;font-size:.9rem}.table-page button:hover:not(:disabled){background:var(--color-active)}.table-page button[aria-pressed=true]{color:#f5faf8;color:lab(97.7597% -2.00662 .377393);background:#235b4c;background:lab(34.732% -22.588 3.26681);border-color:#0000}.table-page button:focus-visible{outline-offset:3px;outline:3px solid #009678;outline:3px solid lab(55.1703% -42.2577 6.05253)}.table-page button:disabled{opacity:.5;cursor:default}.table-canvas{background:#e9f1ea;background:lab(94.375% -3.83967 2.4433);width:100%;height:420px;position:relative}.table-canvas canvas{touch-action:none;width:100%;height:100%;display:block}.table-fallback{color:#17342b;color:lab(19.3281% -13.769 2.53873);z-index:1;text-align:center;background:#f1f7f2;background:lab(96.6548% -2.95284 1.87821);border-radius:12px;padding:24px;position:absolute;inset:25% 10%}.table-controls{text-align:center;color:var(--color-text-muted);margin:10px 12px;font-size:.75rem}.table-lesson{text-align:center;min-height:195px;padding:12px 16px 20px}.table-lesson p{margin:6px 0;font-size:.9rem}.table-lesson h2{margin:8px 0;font-size:1.8rem}.table-lesson .table-meaning{color:var(--color-text-muted);margin-bottom:12px;font-size:1.1rem}.table-lesson .table-wrong{color:#a82e27;color:lab(39.2804% 49.9831 35.1693);margin:12px 0}.table-lesson .table-correct{color:#13604c;color:lab(36.0939% -27.8931 5.09625);margin:12px 0}.table-objects{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:12px 16px 20px;display:grid}.table-objects button{text-align:left;align-items:center;gap:8px;padding:10px 8px;display:flex}.table-objects strong,.table-objects small{display:block}.table-objects strong{font-size:.9rem}.table-objects small{opacity:.8;margin-top:4px;font-size:.75rem}.table-number{opacity:.7;font-size:.8rem}.table-note{max-width:75ch;color:var(--color-text-muted);margin:20px auto;font-size:.85rem;line-height:1.7}.table-audio{text-align:center;padding:8px 20px;font-size:.85rem}@media (max-width:650px){.table-page{padding:88px 12px 32px}.table-heading h1{font-size:1.7rem}.table-canvas{height:320px}.table-objects{grid-template-columns:repeat(3,minmax(0,1fr));padding:8px 12px 16px}.table-toolbar{gap:8px}.table-page .table-toolbar button{padding:8px 10px;font-size:.78rem}.table-lesson h2{font-size:1.5rem}.table-heading p{font-size:.9rem}}