@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f4f6;--bg-raised:#f8f9fa;--surface:#fcfcfd;--surface-2:#eceef1;--surface-3:#e2e5e9;--border:#dde0e5;--border-strong:#c4c9d1;--text:#131417;--text-2:#4d525c;--text-3:#5b616c;--accent:#2b55e6;--accent-hover:#2147cc;--accent-soft:#e5ebfd;--accent-contrast:#fcfcfd;--success:#17803d;--success-soft:#e3f4e8;--danger:#c0262d;--danger-soft:#fbe7e7;--warning:#9a5b00;--warning-soft:#fdf1dc;--focus:#2b55e6;--shadow-sm:0 1px 2px #1314170f;--shadow:0 1px 2px #1314170d, 0 8px 24px #232d4612;--shadow-lg:0 2px 6px #1314170f, 0 24px 60px #232d4624;--stage:radial-gradient(120% 90% at 50% 35%, #fff 0%, #eef0f3 55%, #e6e9ed 100%);--cube-shadow:#1e283c38;--piece-corner:#7c4ddb;--piece-midge:#0b8dc4;--piece-wing:#0f9488;--piece-x:#c77a06;--piece-plus:#c93a7d;--piece-oblique:#5d8f10;--state-new:#7a8394;--state-learning:#2b55e6;--state-mastered:#17803d;--state-review:#c25a12;--font-sans:"Geist Variable", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"Geist Mono Variable", "Cascadia Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-xs:12px;--fs-sm:13.5px;--fs-md:15px;--fs-lg:17px;--fs-xl:20px;--fs-2xl:26px;--fs-3xl:34px;--fs-4xl:44px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:22px;--r-pill:999px;--t-fast:.12s;--t-base:.2s;--t-slow:.32s;--ease:cubic-bezier(.16, 1, .3, 1);--nav-h:64px;--sidebar-w:232px;--safe-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0d10;--bg-raised:#101115;--surface:#15171b;--surface-2:#1c1e23;--surface-3:#24272d;--border:#262930;--border-strong:#363a43;--text:#eceef1;--text-2:#a9aeb8;--text-3:#868c98;--accent:#7391ff;--accent-hover:#8ea6ff;--accent-soft:#1c2440;--accent-contrast:#0c0d10;--success:#4cc77a;--success-soft:#13261a;--danger:#ff7b7b;--danger-soft:#2c1517;--warning:#f2b04a;--warning-soft:#2a2010;--focus:#8ea6ff;--shadow-sm:0 1px 2px #0006;--shadow:0 1px 2px #00000059, 0 10px 30px #00000059;--shadow-lg:0 2px 6px #0006, 0 24px 60px #00000080;--stage:radial-gradient(120% 90% at 50% 35%, #1d2026 0%, #121418 55%, #0c0d10 100%);--cube-shadow:#0000008c;--state-new:#8d96a6;--state-learning:#7391ff;--state-mastered:#4cc77a;--state-review:#f08a3c}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0d10;--bg-raised:#101115;--surface:#15171b;--surface-2:#1c1e23;--surface-3:#24272d;--border:#262930;--border-strong:#363a43;--text:#eceef1;--text-2:#a9aeb8;--text-3:#868c98;--accent:#7391ff;--accent-hover:#8ea6ff;--accent-soft:#1c2440;--accent-contrast:#0c0d10;--success:#4cc77a;--success-soft:#13261a;--danger:#ff7b7b;--danger-soft:#2c1517;--warning:#f2b04a;--warning-soft:#2a2010;--focus:#8ea6ff;--shadow-sm:0 1px 2px #0006;--shadow:0 1px 2px #00000059, 0 10px 30px #00000059;--shadow-lg:0 2px 6px #0006, 0 24px 60px #00000080;--stage:radial-gradient(120% 90% at 50% 35%, #1d2026 0%, #121418 55%, #0c0d10 100%);--cube-shadow:#0000008c;--state-new:#8d96a6;--state-learning:#7391ff;--state-mastered:#4cc77a;--state-review:#f08a3c}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]){--t-fast:0s;--t-base:0s;--t-slow:0s}}:root[data-motion=reduced]{--t-fast:0s;--t-base:0s;--t-slow:0s}*,:before,:after{box-sizing:border-box}html,body{margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-md);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;line-height:1.55}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:620;line-height:1.15}p{margin:0}code,kbd{font-family:var(--font-mono);font-size:.92em}a{color:var(--accent)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}::selection{background:var(--accent-soft)}.ca-btn{appearance:none;font:inherit;font-size:var(--fs-sm);letter-spacing:-.005em;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);justify-content:center;align-items:center;gap:var(--sp-2);cursor:pointer;white-space:nowrap;min-width:40px;min-height:40px;box-shadow:var(--shadow-sm);transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;padding:0 14px;font-weight:560;display:inline-flex}.ca-btn:hover{border-color:var(--border-strong);background:var(--bg-raised)}.ca-btn:active{transform:scale(.97)}.ca-btn:disabled{opacity:.42;cursor:default;box-shadow:none;transform:none}.ca-btn svg{flex:none}.ca-btn[data-variant=primary]{background:var(--text);color:var(--bg);border-color:#0000}.ca-btn[data-variant=primary]:hover{background:var(--text-2)}.ca-btn[data-variant=accent]{background:var(--accent);color:var(--accent-contrast);border-color:#0000}.ca-btn[data-variant=accent]:hover{background:var(--accent-hover)}.ca-btn[data-variant=ghost]{box-shadow:none;color:var(--text-2);background:0 0;border-color:#0000}.ca-btn[data-variant=ghost]:hover{background:var(--surface-2);color:var(--text)}.ca-btn[data-variant=danger]{color:var(--danger)}.ca-btn[data-size=lg]{min-height:48px;font-size:var(--fs-md);border-radius:var(--r-md);padding:0 20px}.ca-btn[data-size=sm]{min-width:32px;min-height:32px;font-size:var(--fs-xs);padding:0 10px}.ca-btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:#0000}.ca-btn--icon{width:40px;padding:0}.ca-btn--icon[data-size=lg]{width:48px}.ca-btn--icon[data-size=sm]{width:32px}.ca-btn--mono{font-family:var(--font-mono);font-weight:560;font-size:var(--fs-md);letter-spacing:-.02em}.ca-row{gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.ca-stack{gap:var(--sp-3);flex-direction:column;display:flex}.ca-stack--lg{gap:var(--sp-5)}.ca-spacer{flex:1}.ca-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--shadow-sm)}.ca-card--flat{box-shadow:none;background:var(--bg-raised)}.ca-section-title{font-size:var(--fs-sm);color:var(--text-2);letter-spacing:0;font-weight:620}.ca-label{font-size:var(--fs-sm);color:var(--text-2);font-weight:560}.ca-note{color:var(--text-2);font-size:var(--fs-sm)}.ca-muted{color:var(--text-3)}.ca-error{color:var(--danger);background:var(--danger-soft);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);gap:var(--sp-2);align-items:flex-start;display:flex}.ca-error mark{background:var(--danger);color:var(--surface);border-radius:3px;padding:0 2px}.ca-info{color:var(--text-2);background:var(--surface-2);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);gap:var(--sp-2);align-items:flex-start;display:flex}.ca-info svg,.ca-error svg{flex:none;margin-top:2px}.ca-field{flex-direction:column;gap:6px;display:flex}.ca-input{font:inherit;font-size:var(--fs-md);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);width:100%;min-height:44px;transition:border-color var(--t-fast), box-shadow var(--t-fast);padding:10px 12px}.ca-input--mono{font-family:var(--font-mono);letter-spacing:-.01em}.ca-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.ca-input[aria-invalid=true]{border-color:var(--danger)}.ca-input::placeholder{color:var(--text-3)}select.ca-input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-3) 50%), linear-gradient(135deg, var(--text-3) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px;padding-right:32px}.ca-segmented{background:var(--surface-2);border-radius:var(--r-pill);scrollbar-width:none;gap:2px;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.ca-segmented::-webkit-scrollbar{display:none}.ca-segmented button{appearance:none;font:inherit;font-size:var(--fs-sm);color:var(--text-2);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;min-height:34px;transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:0;padding:6px 14px;font-weight:540}.ca-segmented button:hover{color:var(--text)}.ca-segmented button[aria-checked=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.ca-switch{justify-content:space-between;align-items:center;gap:var(--sp-3);font-size:var(--fs-md);cursor:pointer;min-height:44px;display:flex}.ca-switch__text{flex-direction:column;display:flex}.ca-switch__hint{font-size:var(--fs-sm);color:var(--text-3)}.ca-switch input{opacity:0;width:1px;height:1px;position:absolute}.ca-switch__track{border-radius:var(--r-pill);background:var(--surface-3);width:42px;height:26px;transition:background var(--t-fast) var(--ease);flex:none;position:relative}.ca-switch__track:after{content:"";background:var(--surface);width:20px;height:20px;transition:transform var(--t-base) var(--ease);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.ca-switch input:checked+.ca-switch__track{background:var(--accent)}.ca-switch input:checked+.ca-switch__track:after{transform:translate(16px)}.ca-switch input:focus-visible+.ca-switch__track{outline:2px solid var(--focus);outline-offset:2px}.ca-chip{font-size:var(--fs-xs);border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-2);align-items:center;gap:6px;padding:3px 10px;font-weight:560;display:inline-flex}.ca-chip[data-tone=accent]{background:var(--accent-soft);color:var(--accent)}.ca-chip[data-tone=success]{background:var(--success-soft);color:var(--success)}.ca-chip[data-tone=warning]{background:var(--warning-soft);color:var(--warning)}.ca-chip[data-tone=danger]{background:var(--danger-soft);color:var(--danger)}.ca-strip{font-family:var(--font-mono);font-size:var(--fs-lg);flex-wrap:wrap;gap:2px;line-height:1.5;display:flex}.ca-strip span{border-radius:var(--r-sm);color:var(--text-3);transition:background var(--t-fast), color var(--t-fast);padding:1px 7px}.ca-strip span[data-done=true]{color:var(--text)}.ca-strip span[aria-current=step]{background:var(--accent);color:var(--accent-contrast)}.ca-dialog{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);color:var(--text);padding:var(--sp-5);width:min(520px,100vw - 32px);box-shadow:var(--shadow-lg)}.ca-dialog::backdrop{background:#0a0c1073}.ca-dialog h2{font-size:var(--fs-xl);margin-bottom:var(--sp-2)}.ca-empty{align-items:flex-start;gap:var(--sp-2);padding:var(--sp-5);border:1px dashed var(--border-strong);border-radius:var(--r-lg);color:var(--text-2);flex-direction:column;display:flex}.ca-empty svg{color:var(--text-3)}.ca-empty strong{color:var(--text);font-weight:600}.ca-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;display:flex;overflow:hidden}.ca-list>*+*{border-top:1px solid var(--border)}.ca-list-row{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);min-height:56px;display:flex}.ca-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.ca-parts{gap:var(--sp-2);flex-wrap:wrap;display:flex}.ca-part{appearance:none;font:inherit;align-items:center;gap:var(--sp-2);border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text-2);cursor:pointer;padding:4px 10px 4px 4px;display:inline-flex}.ca-part:hover{border-color:var(--border-strong);color:var(--text)}.ca-part:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ca-part[aria-current=step]{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.ca-part__k{background:var(--surface-2);width:24px;height:24px;font-size:var(--fs-xs);border-radius:50%;place-items:center;font-weight:600;display:inline-grid}.ca-part[aria-current=step] .ca-part__k{background:var(--accent);color:var(--on-accent,#fff)}.ca-part__moves{font-family:var(--font-mono);font-size:var(--fs-sm)}.ca-link{appearance:none;font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.home{padding-top:var(--sp-6)}.home__hero{gap:var(--sp-7);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;display:grid}.home__copy{gap:var(--sp-4);flex-direction:column;display:flex}.home__title{font-size:var(--fs-4xl);letter-spacing:-.035em;max-width:14ch;font-weight:680;line-height:1.05}.home__lede{color:var(--text-2);font-size:var(--fs-lg);max-width:40ch}.home__question{margin:var(--sp-3) 0 0;gap:var(--sp-2);border:0;flex-direction:column;padding:0;display:flex}.home__question legend{margin-bottom:var(--sp-2);padding:0}.home__option{appearance:none;font:inherit;text-align:left;cursor:pointer;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);min-height:68px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:border-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);grid-template-columns:40px 1fr auto;display:grid}.home__option:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.home__option:active{transform:scale(.99)}.home__option-icon{border-radius:var(--r-md);background:var(--surface-2);width:40px;height:40px;color:var(--text-2);place-items:center;display:grid}.home__option-text{flex-direction:column;display:flex}.home__option-text strong{font-weight:600}.home__option-text span{color:var(--text-2);font-size:var(--fs-sm)}.home__option-arrow{color:var(--text-3);transition:transform var(--t-fast) var(--ease)}.home__option:hover .home__option-arrow{color:var(--text);transform:translate(3px)}.home__next{align-items:flex-start;gap:var(--sp-2);margin-top:var(--sp-2);flex-direction:column;display:flex}.home__card{width:100%;max-width:420px;padding:var(--sp-4) var(--sp-5) var(--sp-4) var(--sp-4);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);transition:transform var(--t-fast) var(--ease), border-color var(--t-fast);flex-direction:column;gap:4px;text-decoration:none;display:flex;position:relative}.home__card:hover{border-color:var(--border-strong)}.home__card strong{font-size:var(--fs-lg);font-weight:620}.home__card-arrow{right:var(--sp-4);color:var(--text-3);position:absolute;top:50%;transform:translateY(-50%)}.home__stage{padding:var(--sp-4) var(--sp-4) var(--sp-3)}.home__hint{text-align:center;z-index:1;position:relative}@media (max-width:899px){.home{padding-top:var(--sp-3)}.home__hero{gap:var(--sp-5);grid-template-columns:1fr}.home__stage{order:-1}.home__title{font-size:var(--fs-3xl)}}.home__assess{margin-top:var(--sp-2);color:var(--accent);align-items:center;gap:6px;font-weight:560;text-decoration:none;display:inline-flex}.shell{grid-template-columns:1fr;min-height:100dvh;display:grid}.shell__main{min-width:0;padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + var(--sp-4))}.nav{z-index:20;height:calc(var(--nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(16px)saturate(160%);border-top:1px solid var(--border);justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.nav__brand{display:none}.nav__link{max-width:120px;color:var(--text-3);-webkit-tap-highlight-color:transparent;transition:color var(--t-fast) var(--ease);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11.5px;font-weight:560;text-decoration:none;display:flex}.nav__link[aria-current=page]{color:var(--text)}.nav__link[aria-current=page] svg{color:var(--accent)}.nav__link:hover{color:var(--text)}.nav__foot{display:none}@media (min-width:900px){.shell{grid-template-columns:var(--sidebar-w) 1fr}.shell__main{padding-bottom:var(--sp-7)}.nav{height:100dvh;padding:var(--sp-5) var(--sp-3);border-top:0;border-right:1px solid var(--border);background:var(--bg-raised);-webkit-backdrop-filter:none;backdrop-filter:none;flex-direction:column;justify-content:flex-start;gap:2px;position:sticky;top:0;bottom:auto}.nav__brand{padding:0 var(--sp-3) var(--sp-5);color:var(--text);font-weight:650;font-size:var(--fs-lg);letter-spacing:-.02em;align-items:center;gap:10px;text-decoration:none;display:flex}.nav__brand img{border-radius:8px;width:28px;height:28px}.nav__link{max-width:none;padding:9px var(--sp-3);border-radius:var(--r-md);font-size:var(--fs-md);flex-direction:row;flex:none;justify-content:flex-start;gap:12px;min-height:40px}.nav__link[aria-current=page]{background:var(--surface);box-shadow:var(--shadow-sm)}.nav__foot{flex-direction:column;gap:2px;margin-top:auto;display:flex}}.page{max-width:1120px;padding:var(--sp-5) var(--sp-4) var(--sp-6);gap:var(--sp-5);flex-direction:column;margin:0 auto;display:flex}.page--narrow{max-width:720px}.page__head{justify-content:space-between;align-items:flex-end;gap:var(--sp-3);flex-wrap:wrap;display:flex}.page__title{font-size:var(--fs-3xl);letter-spacing:-.03em;font-weight:650}.page__lede{color:var(--text-2);max-width:62ch;margin-top:6px}@media (max-width:899px){.page__title{font-size:var(--fs-2xl)}}.stage{border-radius:var(--r-xl);background:var(--stage);border:1px solid var(--border);position:relative;overflow:hidden}.stage:after{content:"";background:radial-gradient(50% 50% at 50% 50%, var(--cube-shadow), transparent 70%);pointer-events:none;filter:blur(4px);width:46%;height:7%;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.stage__tools{top:var(--sp-3);right:var(--sp-3);gap:var(--sp-2);z-index:1;display:flex;position:absolute}.stage__tools--left{left:var(--sp-3);right:auto}.work{gap:var(--sp-5);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;display:grid}.work__sticky{top:var(--sp-5);gap:var(--sp-3);flex-direction:column;display:flex;position:sticky}@media (max-width:899px){.work{gap:var(--sp-4);grid-template-columns:1fr}.work__sticky{position:static}}[data-hand=left] .work{direction:rtl}[data-hand=left] .work>*{direction:ltr}.metrics{gap:var(--sp-2);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.metrics div{background:var(--surface-2);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3)}.metrics dt{font-size:var(--fs-xs);color:var(--text-3);font-weight:560}.metrics dd{font-family:var(--font-mono);font-size:var(--fs-xl);margin:0;font-weight:560}.swatches{gap:var(--sp-2);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.swatch{font-size:var(--fs-xs);color:var(--text-2);cursor:pointer;flex-direction:column;align-items:center;gap:4px;display:flex}.swatch input{appearance:none;aspect-ratio:1;border:1px solid var(--border-strong);border-radius:var(--r-md);cursor:pointer;background:0 0;width:100%;max-width:52px;padding:0}.swatch input::-webkit-color-swatch-wrapper{padding:0}.swatch input::-webkit-color-swatch{border-radius:calc(var(--r-md) - 1px);border:0}.swatch input::-moz-color-swatch{border-radius:calc(var(--r-md) - 1px);border:0}.boot{min-height:100dvh;color:var(--text-3);place-items:center;display:grid}.work>*,.work__sticky>*{min-width:0}.ca-row>.ca-segmented{flex:0 auto;min-width:0}@media (max-width:899px){.work__topview{display:none}}.learn__num{background:var(--surface-2);width:28px;height:28px;color:var(--text-2);font-size:var(--fs-sm);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.play__cycles{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.play__cycles li{gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.notation__moves{gap:var(--sp-2);flex-wrap:wrap;display:flex}.anatomy__groups{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.anatomy__group{text-align:left;align-items:flex-start}.anatomy__count{font-family:var(--font-mono);font-size:var(--fs-xl);font-weight:600}