:root{--font-ui: "JetBrains Mono Variable", monospace;font-family:var(--font-ui);font-optical-sizing:auto;color:#253b33;background:#f8f7f3;font-synthesis:none;font-weight:500;font-size:100%}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bc8e40;outline-offset:4px}button{transition:background .15s,border-color .15s}a{color:inherit}h1,h2,h3,p{margin-top:0}p{line-height:1.8}small{display:block;color:#778179;font-size:1rem;line-height:1.8}.app-shell{display:flex;min-height:100vh}.sidebar{width:280px;flex-shrink:0;background:#213e35;color:#e5ebdf;padding:36px 23px;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font-weight:800;font-size:1.25rem;line-height:1.4;text-decoration:none}.brand-icon{font-size:2.875rem;color:#d5bd85;font-weight:400}.sidebar-caption{font-size:.75rem;letter-spacing:1.5px;color:#9fb2a5;margin:20px 0 42px}.sidebar nav{display:grid;gap:8px}.sidebar nav button{border:0;background:none;color:#b7c8be;text-align:left;border-radius:6px;padding:14px 12px;display:flex;align-items:center;gap:12px;font-size:1rem}.sidebar nav button>span{font-size:1.4375rem;line-height:1}.sidebar nav button.selected,.sidebar nav button:hover{background:#355248;color:#fff}.sidebar nav i{width:5px;height:5px;background:#d7bc7e;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:55px}.eyebrow{display:block;letter-spacing:1.7px;font-size:.8125rem;font-weight:800;color:#738273;margin-bottom:12px}.sidebar .eyebrow{color:#9fb2a5}.sidebar-bottom strong{font-size:1.6875rem;display:block;margin:17px 0 13px}.sidebar-bottom strong span{font-size:1rem;font-weight:400;color:#b7c8be}.sidebar progress{width:100%;height:4px;border:0;background:#446055;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sidebar progress::-webkit-progress-bar{background:#446055}.sidebar progress::-webkit-progress-value{background:#d5bd85}.sidebar progress::-moz-progress-bar{background:#d5bd85}.sidebar-bottom p{font-size:.875rem;color:#a4b9ab;margin-top:14px}.sidebar-footer{font-size:.8125rem;color:#93aa9b;border-top:1px solid #456055;padding-top:22px;margin-top:30px}main{width:100%;min-width:0;max-width:1550px;margin:0 auto;padding:0 48px}.topbar{height:73px;border-bottom:1px solid #e1e4db;display:flex;align-items:center;justify-content:space-between;font-size:.8125rem;letter-spacing:1px;color:#79847c}.local-badge{letter-spacing:0;color:#738273}.page-heading{display:flex;align-items:center;justify-content:space-between;padding:42px 0 31px;gap:20px}.page-heading h1{font-family:var(--font-ui);font-weight:400;font-size:clamp(1.75rem,2.5vw,2.5rem);line-height:1.45;max-width:760px;margin-bottom:12px;letter-spacing:-1px}.page-heading p{font-size:1rem;color:#60685d;margin:0}.heading-piece{font-family:Georgia,serif;font-size:5.375rem;color:#c5cdbd;transform:rotate(-12deg);padding:0 18px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.catalog-toolbar h2{font-size:1.125rem;margin:0}.catalog-toolbar h2 span{display:inline-block;margin-left:7px;color:#8b9488;background:#eeeee6;padding:3px 7px;border-radius:4px;font-size:.875rem}.catalog-filters{display:flex;gap:8px}input,select{color:#4c6055;background:#fff;border:1px solid #dce1d7;border-radius:5px;padding:10px 12px;font-size:1rem}input{width:215px}.opening-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.opening-card{text-align:left;background:#fffefa;border:1px solid #dfe3d8;border-radius:7px;padding:17px 18px;color:#304b3e;min-height:132px}.opening-card:hover{background:#f0f3eb}.opening-card.chosen{background:#edf2e8;border-color:#81967c;box-shadow:inset 0 0 0 1px #81967c}.card-meta{display:flex;justify-content:space-between;font-size:.8125rem;color:#7b877a;margin-bottom:13px}.opening-card h3{font-size:1.125rem;margin-bottom:5px}.opening-card p{font-size:.875rem;color:#7e877b;margin-bottom:11px}.level{font-size:.75rem;display:inline-block;background:#f2f1e9;padding:3px 7px;border-radius:3px;color:#7b816d}.chosen .level{background:#dfe8d6;color:#536d49}.lesson-heading{display:flex;align-items:center;justify-content:space-between;margin:35px 0 20px;gap:10px}.lesson-heading .eyebrow{font-size:.75rem;margin-bottom:7px}.lesson-heading h2{font-family:var(--font-ui);font-size:1.4375rem;font-weight:400;margin:0}.pill{font-size:.8125rem;background:#eeeee6;border:1px solid #e4e5db;padding:7px 10px;border-radius:20px;color:#7b8477}.workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,1fr);gap:25px;align-items:start}.board-top{display:flex;gap:7px;align-items:center;font-size:.875rem;margin-bottom:12px}.status-dot{width:7px;height:7px;background:#869b72;border-radius:50%;flex-shrink:0}.board-label{margin-left:auto;letter-spacing:1px;font-size:.75rem;color:#8a9285}.board-frame{padding:8px;background:#e7e5d9;border-radius:5px;box-shadow:0 4px 12px #263e3310}.board-controls{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:7px}.board-controls button{border:1px solid #dfe2d8;background:#fffefa;border-radius:4px;color:#667561;padding:7px 10px;font-size:.875rem}.arrows{display:flex;align-items:center;gap:5px}.arrows span{font-size:.8125rem;min-width:46px;text-align:center;color:#778573}.arrows button{font-size:1.125rem;padding:2px 9px}.board-help{color:#93998e;font-size:.875rem;margin-top:12px;margin-bottom:0}.lesson-panel{background:#fffefa;border:1px solid #e0e3d9;border-radius:7px;padding:22px;min-width:0}.mode-switch{background:#f0f1eb;border-radius:5px;display:flex;padding:4px;gap:4px;margin-bottom:23px}.mode-switch button{flex:1;border:0;background:none;padding:9px 6px;font-size:1rem;color:#7e8878;border-radius:4px}.mode-switch .active{background:#fff;box-shadow:0 1px 4px #304b3e16;color:#304b3e;font-weight:800}.lesson-panel h2{font-family:var(--font-ui);font-size:1.25rem;font-weight:400;margin-bottom:11px}.lesson-panel>p{font-size:1rem;color:#596750}.move-list{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:12px 0;margin-bottom:12px;max-height:220px;overflow:auto}.move-list button{background:#f4f4ee;border:1px solid transparent;padding:7px 4px;border-radius:3px;font-size:1rem;font-family:monospace;color:#455d49}.move-list button:disabled{opacity:1}.move-list button span{font-size:.8125rem;color:#97a08f}.move-list button.current{background:#e0e9d6;border-color:#8c9c7c;color:#284224}.move-list p{grid-column:1/-1;font-size:1rem;color:#8a9383}.coach-note{background:#f0f3e9;border-left:3px solid #9da980;padding:15px 16px}.coach-note .eyebrow{font-size:.75rem;margin-bottom:8px}.coach-note p{font-size:1rem;color:#637357;margin:0;line-height:1.85}.feedback{min-height:10px;font-size:1rem;margin:12px 0;color:#627b4e!important}.primary,.secondary{border:0;border-radius:5px;padding:13px 19px;background:#2e5140;color:#fff;font-size:1rem;font-weight:700;display:inline-flex;align-items:center;justify-content:space-between;gap:20px}.primary:hover{background:#416b55}.secondary{color:#456239;background:#e7edde}.full{width:100%;margin:2px 0 17px}.side-select{font-size:.875rem;display:flex;gap:10px;align-items:center}.side-select .dropdown-trigger{min-height:44px}.details-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:25px;margin-top:30px}.details-grid article{border:1px solid #dfe3d8;border-radius:7px;padding:25px;background:#fffefa}.details-grid h2{font-size:1.25rem;line-height:1.5;margin-bottom:14px}.details-grid p,.details-grid li{color:#596750;font-size:1rem;line-height:1.9}.details-grid h3{font-size:1rem;margin-top:22px;margin-bottom:12px}.players{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.players span{font-size:.8125rem;border:1px solid #e0e4d9;border-radius:4px;padding:6px 8px}.details-grid small{font-size:.8125rem}.details-grid .example{margin-top:15px;margin-bottom:10px}.details-grid a{font-size:.875rem;color:#527044;text-underline-offset:4px}.details-grid ul{padding-left:18px;margin:0 0 20px}.details-grid li{padding-left:5px;margin-bottom:9px}.mistake{padding:14px;background:#f5efe2;border-radius:4px}.mistake strong{font-size:.875rem;color:#998051}.mistake p{margin:7px 0 0;color:#8f8268}.page-footer{border-top:1px solid #e1e4db;margin-top:40px;padding:23px 0;display:flex;justify-content:space-between;font-size:.8125rem;color:#939b8c}.tips-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 25px}.tip-card{background:#fffefa;border:1px solid #dfe3d8;border-radius:7px;padding:26px}.tip-number{font-family:var(--font-ui);color:#a5b495;font-size:1.75rem;display:block;margin-bottom:25px}.tip-card h2{font-size:1.25rem}.tip-card>p{font-size:1rem;color:#596750}.empty{font-size:1rem;padding:20px;border:1px dashed #bac5b0}.promotion{position:fixed;top:0;right:0;bottom:0;left:0;background:#102b2499;z-index:100;display:grid;place-items:center}.promotion>div{background:#fffefa;padding:25px;border-radius:8px;max-width:90vw}.promotion button{background:#e8eddf;border:0;padding:12px;margin:4px;border-radius:4px;color:#304b3e}@media(min-width:1600px){:root{font-size:112.5%}main{padding:0 65px}.opening-card{padding:20px}.lesson-panel{padding:28px}.lesson-panel>p,.coach-note p{font-size:1rem}.move-list button{padding:10px}.details-grid p,.details-grid li{font-size:1rem}}@media(max-width:1150px){.sidebar{width:240px;padding:28px 16px}main{padding:0 27px}.heading-piece{display:none}.workspace{gap:18px;grid-template-columns:minmax(0,1.1fr) minmax(260px,1fr)}.lesson-panel{padding:16px}.catalog-toolbar{align-items:flex-start;flex-direction:column}.catalog-filters{width:100%}.catalog-filters input{flex:1}.board-controls>button span{display:none}.board-label{display:none}.details-grid{gap:18px}.opening-card{padding:13px}.opening-card h3{font-size:1rem}}@media(max-width:1050px){.sidebar{width:228px;padding:25px 12px}.brand{font-size:1.125rem;gap:8px}.sidebar-caption{font-size:.75rem}.sidebar nav button{font-size:.875rem;gap:8px;padding:12px 8px}.workspace{grid-template-columns:1fr}.board-column{width:100%;max-width:570px;margin:auto}.lesson-panel{padding:23px}.details-grid{grid-template-columns:1fr}.opening-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tips-grid{grid-template-columns:1fr}.page-heading h1{font-size:1.8125rem}.board-controls>button span{display:inline}.board-label{display:inline}}@media(max-width:600px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:17px 19px}.brand{font-size:1.125rem}.brand br{display:none}.brand-icon{font-size:1.9375rem}.sidebar-caption,.sidebar-bottom,.sidebar-footer{display:none}.sidebar nav{display:flex;gap:5px;margin-top:16px;overflow-x:auto}.sidebar nav button{flex-shrink:0;padding:9px;font-size:.8125rem}.sidebar nav button>span{font-size:1.25rem}.sidebar nav i{display:none}main{padding:0 19px}.topbar{height:47px;font-size:.75rem;letter-spacing:.5px}.page-heading{padding:27px 0}.page-heading h1{font-size:1.75rem;letter-spacing:-.7px}.page-heading p{font-size:1rem}.catalog-filters{flex-wrap:wrap}.catalog-filters input{width:150px;min-width:0}.catalog-filters .dropdown{max-width:100%}.opening-grid{gap:8px}.opening-card{padding:12px;min-height:128px}.opening-card h3{font-size:1rem}.opening-card p{font-size:.8125rem}.card-meta{font-size:.75rem}.lesson-heading h2{font-size:1.25rem}.pill{font-size:.75rem;padding:5px 8px}.lesson-heading{margin-top:27px}.board-controls button{padding:7px}.arrows{gap:3px}.arrows button{padding:3px 8px}.lesson-panel h2{font-size:1.375rem}.details-grid article{padding:22px}.page-footer{font-size:.75rem}.tip-card{padding:23px}.board-label{display:none}.board-controls,.lesson-heading{flex-wrap:wrap}.opening-grid{grid-template-columns:1fr}.local-badge{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.catalog-summary{margin:8px 0 0;color:#606f5b;font-size:.875rem}.library-filters{flex-wrap:wrap;margin-bottom:20px}.library-filters input{flex:1 1 260px;min-width:0}.card-variants{font-size:.8125rem;line-height:1.7;color:#63715b;margin-bottom:18px}.card-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center;font-size:.75rem;color:#63715b}.catalog-pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:18px 0 30px;font-size:.875rem;color:#617158}.catalog-pagination>div{display:flex;align-items:center;gap:15px}.catalog-pagination button{min-width:44px;min-height:44px;background:#fffefa;border:1px solid #ccd5c5;border-radius:5px;color:#35503a}.variation-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px}.variation-card{padding:20px;text-align:left;background:#fffefa;color:#304b3e;border:1px solid #d5ddcd;border-radius:6px}.variation-card.chosen{background:#edf2e8;border-color:#718b67;box-shadow:inset 0 0 0 1px #718b67}.variation-card strong{font-size:1.125rem}.variation-card p{margin:12px 0;font-size:.875rem;color:#566b4d}.variation-progress{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.75rem}.variant-context{margin:18px 0 28px;padding:22px;border-radius:6px;border:1px solid #dfe3d8;background:#f1f3eb}.variant-context h3{font-size:1.125rem}.variant-context p{color:#596b50;margin-bottom:12px}.variant-context>p{font-size:.875rem;margin:18px 0 0}.variant-context a{font-size:.875rem;text-underline-offset:4px}@media(max-width:600px){.catalog-pagination{flex-wrap:wrap}.variant-context,.variation-card{padding:18px}}.variation-tree{margin:0 0 1.5rem;padding:1.15rem 1.4rem;border:1px solid var(--border, #d7ddcf);border-radius:8px;background:#fffefa}.variation-tree h3{font-weight:700;font-size:1.1rem}.variation-tree>p{color:#59695c;line-height:1.6;max-width:75ch}.tree-scroll{max-height:28rem;overflow:auto;padding:.3rem}.tree-scroll ul{list-style:none;margin:0;padding-left:1.15rem;border-left:2px solid #d7ddcf}.tree-scroll>ul{padding-left:0;border-left:0}.tree-scroll li{margin:.55rem 0}.move-branch{padding:.65rem .8rem;border-radius:5px;background:#f3f3ed;border:1px solid transparent}.move-branch.active{background:#ecf1e5;border-color:#91a586}.branch-moves{display:block;font-family:ui-monospace,monospace;font-size:.95rem;line-height:1.8;overflow-wrap:anywhere}.branch-lesson{display:inline-flex;gap:.7rem;text-align:left;margin:.4rem .6rem 0 0;padding:.45rem .65rem;border:1px solid #a5b69a;border-radius:4px;color:#25493b;background:#fff;font-size:1rem}.branch-lesson[aria-pressed=true]{color:#fff;background:#2f5141}.branch-lesson:focus-visible,.tree-scroll:focus-visible{outline:3px solid #a78b42;outline-offset:3px}@media(max-width:600px){.variation-tree{padding:1rem .7rem}.tree-scroll ul{padding-left:.6rem}.tree-scroll>ul{padding-left:0}}.course-view-switch{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.course-view-switch button{font-size:1rem;padding:.7rem 1rem;color:#2f5141;border:1px solid #a5b69a;border-radius:5px;background:#fffefa}.course-view-switch button[aria-pressed=true]{color:#fff;background:#2f5141}.course-view-switch button:focus-visible{outline:3px solid #a78b42;outline-offset:3px}.dropdown{position:relative;min-width:160px;max-width:100%;color:#304f40}.dropdown.is-open{z-index:30}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:48px;padding:10px 14px;border:1px solid #d6ded1;border-radius:10px;background:#fffefa;color:inherit;text-align:left;font-size:1rem;font-weight:600;box-shadow:0 1px 2px #253b3305}.dropdown-trigger:hover{border-color:#8ca18b;background:#f3f5ed}.dropdown-trigger:focus-visible{outline:2px solid #849c7c;outline-offset:3px}.is-open .dropdown-trigger{border-color:#849c7c;box-shadow:0 0 0 3px #849c7c20}.dropdown-chevron{flex-shrink:0;transition:transform .15s}.is-open .dropdown-chevron{transform:rotate(180deg)}.dropdown-menu{position:absolute;z-index:30;top:calc(100% + 8px);left:0;width:100%;min-width:max-content;margin:0;padding:6px;list-style:none;border:1px solid #dce3d5;border-radius:12px;background:#fffefa;box-shadow:0 14px 32px #253b331a,0 3px 8px #253b330a}.dropdown-menu.opens-above{top:auto;bottom:calc(100% + 8px)}.dropdown-option{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:10px 12px;border-radius:7px;cursor:pointer;font-size:1rem;border:1px solid transparent}.dropdown-option[aria-selected=true]{background:#e8efdf;color:#304f40;font-weight:700}.dropdown-option.is-active{background:#eff3e9;border-color:#a7b89c}.dropdown-option[aria-selected=true].is-active{background:#e3ecd9}.dropdown-check{width:18px;color:#52734b}.side-select .dropdown{min-width:130px}@media(prefers-reduced-motion:reduce){.dropdown-chevron{transition:none}}.topbar{height:auto;min-height:73px;gap:16px;flex-wrap:wrap;padding-block:12px}.topbar-settings{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.font-select{width:240px;max-width:100%;letter-spacing:normal}.font-select .dropdown-menu{left:auto;right:0;width:min(340px,calc(100vw - 40px));min-width:0}.font-option{display:grid;gap:5px;min-width:0}.font-option small{font-family:system-ui,sans-serif;font-size:.75rem;font-weight:400;color:#65745f}.font-option-sample{font-size:.875rem;font-weight:400}.dropdown-menu{max-height:min(360px,50dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a7b89c #fffefa}.account-controls{display:flex;gap:14px;align-items:center;letter-spacing:normal;font-size:.875rem;flex-wrap:wrap}.account-controls a,.auth-page a{color:#304f40;text-underline-offset:4px}.account-controls button,.account-progress-note button,.auth-notice button{color:#304f40;background:#eff3e9;border:1px solid #ccd7c5;border-radius:7px;padding:8px 12px}.account-progress-note{font-size:.875rem;color:#65745f;margin-top:16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.auth-page{max-width:1100px;padding-bottom:48px}.auth-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:24px;flex-wrap:wrap}.auth-card{margin:24px auto;max-width:520px;background:#fffefa;border:1px solid #dce3d5;border-radius:18px;padding:clamp(24px,5vw,44px);box-shadow:0 16px 48px #253b3308}.auth-piece{display:block;font-family:Georgia,serif;font-size:3rem;color:#849c7c;margin-bottom:16px}.auth-card h1{font-size:1.75rem;line-height:1.3}.auth-card p{line-height:1.7;color:#65745f}.auth-card form{display:grid;gap:12px;margin-block:24px}.auth-card label{display:grid;gap:8px;font-weight:600}.auth-card input{width:100%;min-width:0;min-height:48px}.auth-card small{color:#65745f;line-height:1.5;margin-top:-5px}.auth-card form>button{min-height:48px;margin-top:8px}.auth-notice{margin-block:16px;padding:16px;background:#f4eddf;border:1px solid #dfd0ae;border-radius:8px;line-height:1.6}.auth-card .auth-error{color:#923d32}