:root{color-scheme:light;--font-sans: "Fira Sans", "Roboto", sans-serif;--font-roboto: "Roboto", sans-serif;--font-condensed: "Roboto Condensed", "Roboto", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--c-brand-blue: #3b82f6;--c-brand-blue-light: #7dd3fc;--c-page-bg: #fafafa;--c-surface: #fcfcfd;--c-backdrop: rgb(0 0 0 / .5);--c-gray-50: #f9fafb;--c-gray-100: #f3f4f6;--c-gray-200: #e5e7eb;--c-gray-300: #d1d5db;--c-gray-400: #9ca3af;--c-gray-500: #6b7280;--c-gray-600: #4b5563;--c-gray-700: #374151;--c-gray-800: #1f2937;--c-gray-900: #111827;--c-slate-200: #e2e8f0;--c-slate-300: #cbd5e1;--c-slate-500: #64748b;--c-slate-600: #475569;--c-slate-700: #334155;--c-slate-800: #1e293b;--c-slate-900: #0f172a;--c-blue-50: #eff6ff;--c-blue-200: #bfdbfe;--c-blue-800: #1e40af;--c-blue-900: #1e3a8a;--c-sky-700: #0369a1;--c-cyan-50: #ecfeff;--c-green-50: #f0fdf4;--c-green-200: #bbf7d0;--c-green-600: #16a34a;--c-green-700: #15803d;--c-green-800: #166534;--c-emerald-300: #6ee7b7;--c-emerald-500: #10b981;--c-emerald-600: #059669;--c-red-500: #ef4444;--c-red-600: #dc2626;--c-red-700: #b91c1c;--c-amber-50: #fffbeb;--c-amber-300: #fcd34d;--c-amber-500: #f59e0b;--c-amber-600: #d97706;--c-amber-900: #78350f;--c-amber-950: #451a03;--c-orange-400: #fb923c;--c-yellow-400: #facc15;--c-on-accent: var(--c-surface);--c-accent-strong: var(--c-blue-800);--c-info-bg: var(--c-blue-50);--c-info-line: var(--c-blue-200);--c-info-fg: var(--c-blue-900);--c-info-accent: var(--c-brand-blue);--c-warn-bg: var(--c-amber-50);--c-warn-line: var(--c-amber-300);--c-warn-icon: var(--c-amber-500);--c-warn-fg: var(--c-amber-900);--c-warn-fg-strong: var(--c-amber-950);--c-success-bg: var(--c-green-50);--c-success-line: var(--c-green-200);--c-success-fg: var(--c-green-800);--c-glass: rgb(255 255 255 / .9);--c-glass-strong: rgb(255 255 255 / .95);--c-glass-hover: rgb(255 255 255 / .8);--c-well: rgb(0 0 0 / .05);--c-well-hover: rgb(0 0 0 / .1);--c-wordmark-accent: #57534e;--c-scrollbar: var(--c-gray-400);--c-scrollbar-hover: var(--c-gray-500);--c-heat-0: #dfdfdf;--c-heat-1: #c9deff;--c-heat-2: #91bbff;--c-heat-3: #6991ff;--c-heat-4: #1856ff;--c-heat-hover: #555;--c-recessed: #f3f3f3;--c-hairline: var(--c-gray-200);--c-line: var(--c-gray-300);--border-w: 2px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25)}:root[data-theme=dark]{color-scheme:dark;--c-page-bg: #14171c;--c-surface: #1c2027;--c-recessed: #0f1216;--c-backdrop: rgb(0 0 0 / .7);--c-gray-50: #171a20;--c-gray-100: #1f242c;--c-gray-200: #2b313b;--c-gray-300: #3b434f;--c-gray-400: #6b7280;--c-gray-500: #9199a6;--c-gray-600: #b4bcc8;--c-gray-700: #d3d9e1;--c-gray-800: #e6eaef;--c-gray-900: #f4f6f9;--c-slate-200: #2b313b;--c-slate-300: #3b434f;--c-slate-500: #94a3b8;--c-slate-600: #b6c0cd;--c-slate-700: #d6dde6;--c-slate-800: #e8edf3;--c-slate-900: #f4f7fa;--c-blue-50: #16233a;--c-blue-200: #3b5f96;--c-blue-800: #60a5fa;--c-blue-900: #1e3a8a;--c-sky-700: #60c5f5;--c-cyan-50: #0d2a2f;--c-green-50: #0f2418;--c-green-200: #1f4d33;--c-green-600: #22c55e;--c-green-700: #16a34a;--c-green-800: #86efac;--c-emerald-300: #34d399;--c-red-500: #f87171;--c-red-600: #ef4444;--c-red-700: #dc2626;--c-amber-50: #2a1f08;--c-amber-300: #6b4e12;--c-amber-500: #fbbf24;--c-amber-600: #fbbf24;--c-amber-900: #fcd9a0;--c-amber-950: #fef3c7;--c-orange-400: #c2610c;--c-on-accent: #f8fafc;--c-accent-strong: #60a5fa;--c-info-line: #2b4a7a;--c-info-fg: #bfdbfe;--c-info-accent: #93c5fd;--c-glass: rgb(28 32 39 / .92);--c-glass-strong: rgb(28 32 39 / .96);--c-glass-hover: rgb(28 32 39 / .85);--c-well: rgb(255 255 255 / .06);--c-well-hover: rgb(255 255 255 / .12);--c-wordmark-accent: #a8a29e;--c-scrollbar: #454c58;--c-scrollbar-hover: #5d6673;--c-heat-0: #262c35;--c-heat-1: #24406e;--c-heat-2: #2f5ca8;--c-heat-3: #3f7ce0;--c-heat-4: #6ea8ff;--c-heat-hover: #cbd5e1;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .4);--shadow: 0 1px 3px 0 rgb(0 0 0 / .5), 0 1px 2px -1px rgb(0 0 0 / .5);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .5), 0 2px 4px -2px rgb(0 0 0 / .5);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .55), 0 4px 6px -4px rgb(0 0 0 / .55);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .6), 0 8px 10px -6px rgb(0 0 0 / .6);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .8)}*,*:before,*:after{box-sizing:border-box;border:0 solid var(--c-gray-200)}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono);font-size:1em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:none}button,[role=button]{cursor:pointer}:disabled{cursor:default}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:var(--c-gray-400)}input::placeholder,textarea::placeholder{opacity:1;color:var(--c-gray-400)}fieldset,legend{margin:0;padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}@keyframes ring-pulse{0%{box-shadow:0 0 0 0 var(--ring-pulse, rgb(17 24 39 / .5));transform:scale(1)}18%{box-shadow:0 0 0 4px var(--ring-pulse, rgb(17 24 39 / .5));transform:scale(1.06)}70%{box-shadow:0 0 0 15px var(--ring-pulse-out, transparent);transform:scale(1)}to{box-shadow:0 0 0 0 var(--ring-pulse-out, transparent);transform:scale(1)}}html,body{margin:0;height:100vh;width:100vw;overflow:hidden;font-family:Fira Sans,Roboto,sans-serif;background:var(--c-page-bg)}*{margin:0;padding:0;box-sizing:border-box}.cg-wrap{width:100%;height:100%;position:relative;display:block}svg{overflow:visible}cg-container{position:absolute;width:100%;height:100%;display:block;bottom:0;left:50%;transform:translate(-50%)}cg-board{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:0;background-size:cover;cursor:pointer;border-radius:.375rem .375rem .375rem 0}cg-board square{position:absolute;top:0;left:0;width:12.5%;height:12.5%;pointer-events:none}cg-board square.move-dest{background:radial-gradient(#14551e80 22%,#208530 0,#0000004d,#0000 0);pointer-events:auto}cg-board square.premove-dest{background:radial-gradient(#141e5580 22%,#203085 0,#0000004d,#0000 0)}cg-board square.oc.move-dest{background:radial-gradient(transparent 0%,transparent 80%,rgba(20,85,0,.3) 80%)}cg-board square.oc.premove-dest{background:radial-gradient(transparent 0%,transparent 80%,rgba(20,30,85,.2) 80%)}cg-board square.move-dest:hover{background:#14551e4d}cg-board square.premove-dest:hover{background:#141e5533}cg-board square.last-move{will-change:transform;background-color:#9bc70069}cg-board square.selected{background-color:#14551e80}cg-board square.check{background:radial-gradient(ellipse at center,red,#e70000 25%,#a9000000 89%,#9e000000)}cg-board square.current-premove{background-color:#141e5580}.cg-wrap piece{position:absolute;top:0;left:0;width:12.5%;height:12.5%;background-size:cover;z-index:2;will-change:transform;pointer-events:none}cg-board piece.dragging{cursor:move;z-index:10}cg-board piece.anim{z-index:8}cg-board piece.fading{z-index:1;opacity:.5}.cg-wrap square.move-dest:hover{background-color:#14551e4d}.cg-wrap piece.ghost{opacity:.3}.cg-wrap .cg-shapes,.cg-wrap .cg-custom-svgs{overflow:visible;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.cg-wrap .cg-shapes{opacity:.6;z-index:2}.cg-wrap .cg-custom-svgs{z-index:9}.cg-wrap coords{position:absolute;display:flex;pointer-events:none;opacity:.8;font-size:9px}.cg-wrap coords.ranks{visibility:hidden;right:-15px;top:0;flex-flow:column-reverse;height:100%;width:12px}.cg-wrap coords.ranks.black{flex-flow:column}.cg-wrap coords.files{visibility:hidden;left:0;flex-flow:row;width:100%;height:16px;text-transform:uppercase;text-align:center}.cg-wrap coords.files.black{flex-flow:row-reverse}.cg-wrap coords coord{flex:1 1 auto}#flip{background-color:#3b82f6;max-height:100px}.selected{border:1px solid black}.line{display:block;padding-inline-start:7px;position:relative}.line>.branch{border-inline-start:2px solid var(--c-gray-200);margin-inline-start:-9px;position:absolute;width:8px;height:100%}.line>.branch:before{margin-top:.8em;content:" ";border-top:2px solid var(--c-gray-200);position:absolute;width:7px;height:6px}.line:last-child>.branch{height:calc(.8em + 2px)}.line .comment{display:inline;color:$c-font-dim;word-wrap:break-word;padding:0 5px 0 3px;vertical-align:top}.lines{display:block;margin-block:2px;margin-inline-start:6px;padding-inline-start:2px;overflow-x:clip}.lines:last-child{margin-bottom:0}.lines.single{border-inline-start:none}.info-glyph{display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;border:2px solid currentColor;border-radius:50%;font-family:var(--font-sans);font-size:.5625rem;font-weight:700;line-height:1;padding-top:.05em;-webkit-user-select:none;-moz-user-select:none;user-select:none}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--c-scrollbar) transparent}}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--c-scrollbar);border:2px solid transparent;background-clip:content-box;border-radius:5px}*::-webkit-scrollbar-thumb:hover{background:var(--c-scrollbar-hover);background-clip:content-box}*::-webkit-scrollbar-button{display:none;width:0;height:0}*::-webkit-scrollbar-corner{background:transparent}.blue cg-board{background-image:url(../images/board/blue2.jpg)}.pawn.white{background-image:url(../images/pieces/merida/wP.svg)}.bishop.white{background-image:url(/images/pieces/merida/wB.svg)}.knight.white{background-image:url(../images/pieces/merida/wN.svg)}.rook.white{background-image:url(../images/pieces/merida/wR.svg)}.queen.white{background-image:url(../images/pieces/merida/wQ.svg)}.king.white{background-image:url(../images/pieces/merida/wK.svg)}.pawn.black{background-image:url(../images/pieces/merida/bP.svg)}.bishop.black{background-image:url(../images/pieces/merida/bB.svg)}.knight.black{background-image:url(../images/pieces/merida/bN.svg)}.rook.black{background-image:url(../images/pieces/merida/bR.svg)}.queen.black{background-image:url(../images/pieces/merida/bQ.svg)}.king.black{background-image:url(../images/pieces/merida/bK.svg)}.alpha cg-board piece.pawn.white{background-image:url(../images/pieces/alpha/wP.svg)}.alpha cg-board piece.bishop.white{background-image:url(../images/pieces/alpha/wB.svg)}.alpha cg-board piece.knight.white{background-image:url(../images/pieces/alpha/wN.svg)}.alpha cg-board piece.rook.white{background-image:url(../images/pieces/alpha/wR.svg)}.alpha cg-board piece.queen.white{background-image:url(../images/pieces/alpha/wQ.svg)}.alpha cg-board piece.king.white{background-image:url(../images/pieces/alpha/wK.svg)}.alpha cg-board piece.pawn.black{background-image:url(../images/pieces/alpha/bP.svg)}.alpha cg-board piece.bishop.black{background-image:url(../images/pieces/alpha/bB.svg)}.alpha cg-board piece.knight.black{background-image:url(../images/pieces/alpha/bN.svg)}.alpha cg-board piece.rook.black{background-image:url(../images/pieces/alpha/bR.svg)}.alpha cg-board piece.queen.black{background-image:url(../images/pieces/alpha/bQ.svg)}.alpha cg-board piece.king.black{background-image:url(../images/pieces/alpha/bK.svg)}.chessground-wrap{width:100%;aspect-ratio:1;background-size:cover;background-position:center}.training-controls-wrap{display:flex;justify-content:flex-start;align-items:flex-start}#training-controls .training-btn{font-size:.875rem;font-weight:400}.training-btn:not(.is-active):not(.is-prompted):hover{color:var(--c-gray-800)}.training-btn.is-active{color:var(--c-gray-900)}.training-btn-learn.is-prompted{--ring-pulse: rgb(59 130 246 / .85);--ring-pulse-out: rgb(59 130 246 / 0);background:var(--c-brand-blue);border-color:var(--c-brand-blue);color:var(--c-on-accent);animation:ring-pulse 1.5s ease-out infinite}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:3rem 1rem;background:var(--c-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-scrim-top{align-items:flex-start;padding-top:5rem}.modal-card{width:100%;max-width:24rem;max-height:100%;overflow:hidden auto;border:var(--border-w) solid var(--c-line);border-radius:.5rem;background:var(--c-surface)}.modal-card-md{max-width:28rem}.modal-card-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.25rem .75rem}.modal-card-header h2{font-size:1.125rem;font-weight:700;color:var(--c-gray-900)}.modal-close-x,.modal-close-puck,.simple-modal-close,.settings-close-btn{display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:.375rem;background:transparent;color:var(--c-gray-400);transition:color .15s,background-color .15s}.modal-close-x:hover,.modal-close-puck:hover,.simple-modal-close:hover,.settings-close-btn:hover{color:var(--c-gray-700);background:var(--c-recessed)}.modal-close-x svg,.modal-close-puck svg,.simple-modal-close svg,.settings-close-btn svg{width:1.125rem;height:1.125rem}.modal-close-puck,.simple-modal-close,.settings-close-btn{position:absolute;top:.5rem;right:.5rem;z-index:1}.modal-card-body{padding:0 1.25rem 1.25rem}.modal-card-body>*+*{margin-top:1.25rem}.modal-section-label{display:block;margin-bottom:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:var(--c-gray-500)}.modal-dialog{position:fixed;top:50%;left:50%;z-index:50;transform:translate(-50%,-50%);width:calc(100% - 2rem);max-width:28rem;max-height:calc(100dvh - 6rem);overflow:hidden auto;border:var(--border-w) solid var(--c-line);border-radius:.5rem;background:var(--c-surface)}.modal-dialog-lg{max-width:32rem}.modal-text-input{width:100%;padding:.5rem .75rem;border:1px solid var(--c-gray-300);border-radius:.25rem;font-size:.875rem}.modal-hint{font-size:.75rem;color:var(--c-gray-500)}.control-tab.comment-popout-tab{display:none}@media (max-width: 767.98px){.control-tab.comment-popout-tab{display:inline-flex}}.comment-popout-tab #comment-popout-btn{font-size:.875rem;font-weight:400;color:var(--c-gray-500)}.comment-popout-tab #comment-popout-btn:hover{color:var(--c-gray-800);background:var(--c-surface)}.comment-popout-tab #comment-popout-btn:active{transform:scale(.98)}.comment-popout-dialog{max-width:28rem;padding:1rem}.comment-popout-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.comment-popout-icon{display:flex;padding:.25rem;border-radius:.25rem;color:var(--c-gray-600);background:var(--c-gray-200)}.comment-popout-title{font-size:1.125rem;font-weight:600;color:var(--c-gray-800)}.comment-popout-textarea{width:100%;padding:.5rem;border:1px solid var(--c-gray-300);border-radius:.375rem;font-size:.875rem;color:var(--c-gray-700);resize:none}.comment-popout-textarea:focus{outline:none;box-shadow:0 0 0 1px var(--c-brand-blue)}.comment-popout-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.75rem}.comment-popout-cancel{padding:.25rem .75rem;font-size:.75rem;color:var(--c-gray-500)}.comment-popout-cancel:hover{color:var(--c-gray-700)}.comment-popout-save{padding:.25rem .75rem;border-radius:.25rem;background:var(--c-brand-blue);color:var(--c-on-accent);font-size:.75rem;font-weight:600;transition:filter .15s}.comment-popout-save:hover:not(:disabled){filter:brightness(1.1)}.comment-popout-save:disabled{background:var(--c-gray-200);color:var(--c-gray-400);cursor:not-allowed}.download-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.download-option{padding:.625rem .75rem;border:2px solid var(--c-gray-200);border-radius:.5rem;background:var(--c-surface);color:var(--c-gray-700);text-align:left;font-size:.875rem;transition:border-color .15s,background-color .15s,color .15s}.download-option:hover:not(:disabled):not(.is-selected){border-color:var(--c-gray-300)}.download-option.is-selected{border-color:var(--c-brand-blue);background:var(--c-info-bg);color:var(--c-info-fg)}.download-option:disabled{opacity:.4;cursor:not-allowed}.download-option-label{font-weight:600}.download-option-sublabel{margin-top:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;color:var(--c-gray-500)}.download-submit{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:.5rem;background:var(--c-brand-blue);color:var(--c-on-accent);font-size:.875rem;font-weight:600;transition:filter .15s,transform .15s}.download-submit svg{width:1rem;height:1rem}.download-submit:hover:not(:disabled){filter:brightness(1.1)}.download-submit:active:not(:disabled){transform:scale(.98)}.download-submit:disabled{background:var(--c-gray-100);color:var(--c-gray-400);cursor:not-allowed}.repertoire-card{display:flex;flex:1;flex-direction:column;min-height:0;border:var(--border-w) solid var(--c-line);border-radius:.5rem;background:var(--c-surface)}.repertoire-card .panel-header{gap:.375rem;border-bottom:1px solid var(--c-hairline)}.repertoire-card .panel-action{gap:.1875rem;padding:.375rem .25rem}.repertoire-back-btn:hover{color:var(--c-gray-900);background:var(--c-gray-300)}.panel-action.repertoire-add-btn{padding:.375rem .625rem;background:var(--c-brand-blue);color:var(--c-on-accent);font-weight:700}.panel-action.repertoire-add-btn:hover:not(:disabled){background:var(--c-accent-strong);color:var(--c-on-accent)}.repertoire-add-btn.is-empty{box-shadow:0 0 0 2px var(--c-surface),0 0 0 6px #facc1580}.repertoire-sync{flex-shrink:0;margin-left:auto;display:flex}.repertoire-sync-online{color:var(--c-brand-blue)}.repertoire-sync-offline{color:var(--c-brand-blue-light)}.repertoire-list{flex:1;min-height:0;overflow-y:auto;padding-right:.25rem;padding-bottom:.5rem}.repertoire-group{margin:0;background:var(--c-surface)}.repertoire-group:empty{display:none}.chapter-row,.chapter-actions{border-bottom:1px solid var(--c-hairline)}.repertoire-group>:last-child{border-bottom:none}.chapter-row.is-selected{background:var(--c-gray-100)}.chapter{display:flex;align-items:center;padding:.25rem .5rem;cursor:pointer}.chapter:hover{background:var(--c-gray-200)}.chapter-side{flex-shrink:0;display:flex;align-items:center;padding-right:.5rem;color:var(--c-gray-800)}.chapter-side svg{width:.875rem;height:.875rem}.chapter-index{flex-shrink:0;min-width:1.75rem;padding-right:.5rem;text-align:right;font-size:.875rem;font-weight:300;line-height:1;color:var(--c-gray-900)}.chapter-title{display:flex;flex:1;min-width:0;align-items:center;gap:.5rem;white-space:nowrap;font-size:1rem;font-weight:300}.chapter-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1;color:var(--c-gray-700)}.chapter-name.is-selected{font-weight:600;color:var(--c-gray-900)}.chapter-size{flex-shrink:0;padding:.125rem .375rem;border-radius:9999px;background:var(--c-gray-200);font-family:var(--font-roboto);font-size:.6875rem;font-weight:500;line-height:1;color:var(--c-gray-600)}.chapter-count{flex-shrink:0;display:flex;align-items:center;margin-right:.25rem;padding:0 .375rem;gap:.0625rem;border-radius:9999px;font-family:var(--font-roboto);font-size:.75rem;font-weight:500}.chapter-count-unseen{background:var(--c-brand-blue-light);color:var(--c-on-accent)}.chapter-count-due{background:var(--c-brand-blue);color:var(--c-on-accent)}.chapter-btn-label{display:flex}@container repertoire (max-width: 380px){.chapter-btn-label{display:none}}.chapter-menu{flex-shrink:0;margin-left:auto;display:flex}.chapter-menu-btn{display:flex;padding:.25rem;border-radius:.375rem;color:var(--c-gray-400);transition:color .15s,background .15s,transform .15s}.chapter-menu-btn:hover{color:var(--c-gray-800);background:var(--c-recessed)}.chapter-menu-btn.is-open{color:var(--c-gray-900);background:var(--c-gray-200);transform:rotate(90deg)}.chapter-actions{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;border-left:3px solid var(--c-brand-blue);background:var(--c-gray-50)}.chapter-action-btn{display:flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:.375rem;background:var(--c-brand-blue);font-size:.8125rem;font-weight:400;color:var(--c-on-accent);transition:background .15s,filter .15s}.chapter-action-btn:hover{filter:brightness(1.1)}.chapter-action-btn.is-danger{background:var(--c-red-600)}.chapter-action-panel{flex:1;min-width:0;display:flex;flex-direction:column;gap:.375rem}.chapter-action-rename{display:flex;align-items:center;gap:.375rem}.chapter-action-rename input{flex:1;min-width:0;padding:.25rem .375rem;border:1px solid var(--c-gray-300);border-radius:.375rem;font-size:.8125rem;color:var(--c-gray-800)}.chapter-action-rename input:focus{outline:none;border-color:var(--c-brand-blue)}.chapter-action-confirm{flex:0 0 auto;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;background:var(--c-brand-blue);color:var(--c-on-accent);transition:all .15s}.chapter-action-confirm svg{width:1rem;height:1rem}.chapter-action-confirm:hover:not(:disabled){filter:brightness(1.1)}.chapter-action-confirm:disabled{background:#3b82f626;color:var(--c-brand-blue);opacity:.7;cursor:not-allowed}.chapter-action-error{font-size:.75rem;color:var(--c-red-600)}.chapter-action-warning{font-size:.8125rem;line-height:1.3;color:var(--c-gray-700)}.chapter-action-confirm-row{display:flex;gap:.375rem}.chapter-action-confirm-yes,.chapter-action-confirm-no{flex:1;padding:.3125rem .5rem;border-radius:.375rem;font-size:.8125rem;font-weight:500;transition:all .15s}.chapter-action-confirm-yes{background:var(--c-red-600);color:var(--c-on-accent)}.chapter-action-confirm-yes:hover{background:var(--c-red-700)}.chapter-action-confirm-no{border:1px solid var(--c-gray-300);color:var(--c-gray-600)}.chapter-action-confirm-no:hover{background:var(--c-recessed)}.tip{display:flex;flex-direction:column;align-items:center;padding:1rem 0;border:var(--border-w) solid var(--c-line);border-radius:.5rem;background:var(--c-surface)}.tip-main{display:inline-flex;align-items:center;gap:.5rem}.tip-icon-slot{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.tip-icon{padding:.375rem;border-radius:.375rem;color:var(--c-gray-600)}.tip-icon.is-boxed{background:var(--c-gray-200)}.tip-icon svg{width:1.25rem;height:1.25rem}.tip-text{display:flex;flex-direction:column;text-align:start}.tip-title{font-size:1rem;font-weight:700;color:var(--c-gray-800)}.tip-title-muted{font-size:.875rem;font-weight:700;color:var(--c-gray-600)}.tip-description{font-size:1rem;color:var(--c-gray-600)}.tip-description-small{font-size:.75rem;color:var(--c-gray-600)}.tip-actions{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.25rem;width:100%;padding:.5rem .5rem 0}.tip-action{flex:1;padding:.25rem 0;border-radius:.375rem;font-size:.75rem;font-weight:600;color:var(--c-brand-blue);white-space:nowrap}.tip-action:hover{background:var(--c-gray-50)}.tip-action-move{color:var(--c-gray-900)}.tip-cross{color:var(--c-red-500)}.tip-icon-alternate svg{width:2rem;height:2rem}@media (min-width: 768px){.tip{padding:1rem 1.5rem}.tip-main{gap:.75rem}.tip-icon-slot{width:3rem;height:3rem}.tip-icon{padding:.5rem}.tip-icon svg{width:35px;height:35px}.tip-icon-small svg{width:25px;height:25px}.tip-icon-alternate svg{width:3rem;height:3rem}.tip-title{font-size:1.125rem}.tip-title-muted{font-size:1.25rem}.tip-description-small{font-size:1rem}.tip-actions{gap:.5rem;padding:.375rem 1rem 0}.tip-action{font-size:.875rem}.tip:has(.tip-actions){padding:.625rem 1.5rem}.tip:has(.tip-actions) .tip-icon-slot{width:2.5rem;height:2.5rem}.tip:has(.tip-actions) .tip-icon svg{width:26px;height:26px}}.react-calendar-heatmap text{font-size:10px;fill:#aaa}.react-calendar-heatmap .react-calendar-heatmap-small-text{font-size:5px}.react-calendar-heatmap rect:hover{stroke:#555;stroke-width:1px}.react-calendar-heatmap .color-empty{fill:#eee}.react-calendar-heatmap .color-filled{fill:#8cc665}.react-calendar-heatmap .color-github-0{fill:#eee}.react-calendar-heatmap .color-github-1{fill:#d6e685}.react-calendar-heatmap .color-github-2{fill:#8cc665}.react-calendar-heatmap .color-github-3{fill:#44a340}.react-calendar-heatmap .color-github-4{fill:#1e6823}.react-calendar-heatmap .color-gitlab-0{fill:#ededed}.react-calendar-heatmap .color-gitlab-1{fill:#acd5f2}.react-calendar-heatmap .color-gitlab-2{fill:#7fa8d1}.react-calendar-heatmap .color-gitlab-3{fill:#49729b}.react-calendar-heatmap .color-gitlab-4{fill:#254e77}.cr-heatmap{width:100%;font-family:var(--font-sans);font-size:.75rem}.cr-heatmap-empty{color:var(--c-gray-400)}.cr-heatmap-grid{width:100%;padding-right:1.25rem}.cr-heatmap-readout{height:1rem;margin-top:-.75rem;padding-left:.25rem;font-size:11px;color:var(--c-gray-700)}.cr-heatmap .react-calendar-heatmap text{fill:var(--c-gray-700);font-size:9px;font-weight:400}.cr-heatmap .react-calendar-heatmap .react-calendar-heatmap-small-text{font-size:8px}.cr-heatmap .react-calendar-heatmap-month-label{transform:translateY(3px)}.cr-heatmap .react-calendar-heatmap rect{rx:1;ry:1}.cr-heatmap .react-calendar-heatmap rect.color-cr-0{fill:var(--c-heat-0)}.cr-heatmap .react-calendar-heatmap rect.color-cr-1{fill:var(--c-heat-1)}.cr-heatmap .react-calendar-heatmap rect.color-cr-2{fill:var(--c-heat-2)}.cr-heatmap .react-calendar-heatmap rect.color-cr-3{fill:var(--c-heat-3)}.cr-heatmap .react-calendar-heatmap rect.color-cr-4{fill:var(--c-heat-4)}.cr-heatmap .react-calendar-heatmap rect.cr-today{stroke:var(--c-brand-blue);stroke-width:1.5}.cr-heatmap .react-calendar-heatmap rect:hover{stroke:var(--c-heat-hover);stroke-width:1;cursor:pointer}.schedule-card{flex-shrink:0;display:flex;flex-direction:column;width:100%;border:var(--border-w) solid var(--c-line);border-radius:.5rem;background:var(--c-surface)}.schedule-card .panel-header{padding:.5rem .75rem .25rem}.schedule-help{display:flex;align-items:center;align-self:center;margin-bottom:.5625rem;line-height:1;color:var(--c-gray-500);transition:color .15s}.schedule-help:hover{color:var(--c-gray-700)}.schedule-chart-wrap{width:100%;padding-right:.5rem}.modal-dialog.add-rep-dialog{z-index:1000;display:flex;flex-direction:column;max-height:calc(100dvh - 6rem);overflow:hidden}.add-rep-form{display:flex;flex-direction:column;min-height:0}.add-rep-head{flex-shrink:0;padding:1.5rem;border-bottom:1px solid var(--c-gray-200)}.add-rep-body{flex:1;min-height:0;overflow-y:auto}.add-rep-footer{flex-shrink:0;padding:1rem 1.5rem;border-top:1px solid var(--c-gray-200);background:var(--c-surface)}.add-rep-head h2{font-size:1.5rem;font-weight:700;color:var(--c-gray-800)}.add-rep-tabs{display:inline-flex;margin-top:1rem;padding:.25rem;border:1px solid var(--c-gray-200);border-radius:.5rem;background:var(--c-gray-50)}.add-rep-tab{padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:600;color:var(--c-gray-600);transition:color .15s,background-color .15s}.add-rep-tab:hover{color:var(--c-gray-900)}.add-rep-tab.is-active{background:var(--c-surface);color:var(--c-gray-900);box-shadow:var(--shadow)}.add-rep-body{padding:1.5rem}.add-rep-field{margin-bottom:1rem}.add-rep-field label{display:block;margin-bottom:.5rem;font-size:1rem;font-weight:600;color:var(--c-gray-700)}.add-rep-name-input{width:100%;padding:.5rem .75rem;border:1px solid var(--c-gray-200);border-radius:.25rem;line-height:1.25;color:var(--c-gray-700);box-shadow:var(--shadow);-webkit-appearance:none;-moz-appearance:none;appearance:none}.add-rep-name-input:focus{outline:none}.add-rep-pgn-input{display:block;width:100%;padding:.75rem;border:1px solid var(--c-gray-300);border-radius:.5rem;font-size:.875rem;color:var(--c-gray-700);box-shadow:var(--shadow)}.add-rep-file-input{font-size:.875rem}.add-rep-field .add-rep-file-input{margin-top:.5rem}.add-rep-train-as{margin-bottom:1.25rem}.add-rep-train-as>label{display:block;margin-bottom:.75rem;font-size:1rem;font-weight:600;color:var(--c-gray-700)}.add-rep-colors{display:flex}.add-rep-color{flex:1}.add-rep-color input{display:none}.add-rep-color-label{display:block;padding:.75rem 0;background:var(--c-gray-200);color:var(--c-gray-800);text-align:center;font-size:1.125rem;font-weight:500;cursor:pointer;transition:background-color .15s,color .15s}.add-rep-color:first-child .add-rep-color-label{border-radius:.5rem 0 0 .5rem}.add-rep-color:last-child .add-rep-color-label{border-radius:0 .5rem .5rem 0}.add-rep-color input:checked+.add-rep-color-label{background:var(--c-gray-700);color:var(--c-surface)}.add-rep-signed-out{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem;border:1px solid var(--c-warn-line);border-radius:.5rem;background:var(--c-warn-bg)}.add-rep-signed-out svg{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem;color:var(--c-warn-icon)}.add-rep-signed-out p{font-size:.875rem;line-height:1.375;color:var(--c-warn-fg)}.add-rep-signed-out button{font-weight:600;color:var(--c-warn-fg);text-decoration:underline;text-underline-offset:2px}.add-rep-signed-out button:hover{color:var(--c-warn-fg-strong)}.add-rep-submit{width:100%;padding:.5rem 1rem;border-radius:.25rem;background:var(--c-brand-blue);color:var(--c-on-accent);font-size:1.125rem;font-weight:700;transition:filter .15s,background-color .15s}.add-rep-submit:hover:not(:disabled){filter:brightness(1.1)}.add-rep-submit:disabled{background:var(--c-gray-300);color:var(--c-gray-500);cursor:not-allowed}.add-rep-json-intro{margin-bottom:1rem;font-size:.875rem;color:var(--c-gray-500)}.add-rep-json-status{margin-top:.75rem}.add-rep-json-loaded{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--c-success-line);border-radius:.375rem;background:var(--c-success-bg);font-size:.875rem;color:var(--c-success-fg)}.add-rep-json-loaded svg{width:1rem;height:1rem}.add-rep-json-loaded strong{font-weight:500}.add-rep-json-filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--c-success-fg);opacity:.8}.add-rep-json-idle{font-size:.875rem;color:var(--c-gray-500)}.add-rep-json-error{margin-bottom:.75rem;font-size:.875rem;color:var(--c-red-600)}.add-rep-json-actions{display:flex;gap:.5rem}.add-rep-clear-btn{flex:1;padding:.5rem 1rem;border:1px solid var(--c-gray-300);border-radius:.25rem;color:var(--c-gray-700);font-weight:600}.add-rep-clear-btn:hover{background:var(--c-gray-50)}.add-rep-import-btn{flex:1;padding:.5rem 1rem;border-radius:.25rem;background:var(--c-green-600);color:var(--c-on-accent);font-size:1.125rem;font-weight:700;transition:background-color .15s}.add-rep-import-btn:hover:not(:disabled){background:var(--c-green-700)}.add-rep-import-btn:disabled{background:var(--c-gray-300);color:var(--c-gray-500);cursor:not-allowed}.add-rep-import-btn>span{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.add-rep-import-btn svg{width:1.25rem;height:1.25rem}#pgn-control{align-self:center;margin:.75rem auto;padding:0;gap:.5rem;background:transparent}.pgn-control-btn{padding-inline:1rem;border-radius:.375rem;background:var(--c-recessed);color:var(--c-gray-600)}.pgn-control-btn:hover:not(:disabled){color:var(--c-gray-900);background:var(--c-gray-200)}.pgn-control-btn:active:not(:disabled){transform:scale(.98)}.pgn-control-btn:disabled{visibility:hidden}.cr-ctxmenu{min-width:240px;max-width:92vw;border:1px solid var(--c-gray-200);border-radius:.75rem;background:var(--c-glass-strong);color:var(--c-gray-900);box-shadow:var(--shadow-xl)}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.cr-ctxmenu{background:var(--c-glass-hover);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.cr-ctxmenu-list{padding:.25rem 0}.cr-ctxmenu-action{display:flex;width:100%;align-items:center;border-radius:.5rem;outline:none;transition:background-color .15s}.cr-ctxmenu-action:hover,.cr-ctxmenu-action:focus{background:var(--c-gray-100)}.cr-ctxmenu-action:active{background:var(--c-gray-200)}.cr-ctxmenu-action[data-disabled=true]{opacity:.5;pointer-events:none}.cr-ctxmenu-label{-webkit-user-select:none;-moz-user-select:none;user-select:none}.cr-ctxmenu-icon{color:var(--c-gray-500)}.cr-ctxmenu-separator{margin:.25rem 0;border-top:1px solid var(--c-gray-200)}.ctxmenu-item{display:flex;width:100%;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;color:var(--c-gray-900)}.ctxmenu-item:hover{background:var(--c-gray-100)}.ctxmenu-item:active{background:var(--c-gray-200)}.ctxmenu-item svg{width:1rem;height:1rem;color:var(--c-gray-500)}.ctxmenu-item-spacer{width:1rem;flex-shrink:0}.ctxmenu-item-icon{flex-shrink:0;color:var(--c-gray-500)}.ctxmenu-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.25rem}.tree-panel{position:relative;display:flex;flex-direction:column;height:100%}.tree-body{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;min-height:0;padding-right:.5rem;overflow-y:auto}.move{display:inline-block;max-width:100%;padding:0 4.74px 0 7.9px;line-height:27.65px;vertical-align:top;overflow-wrap:break-word;color:var(--c-gray-700);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tree-body>.move{display:flex;align-items:center;align-self:flex-start;flex:0 0 43.5%;overflow:hidden;color:var(--c-gray-800)}.move:hover{background:var(--c-gray-200);border-radius:.375rem}.move.active,.move.active:hover{background:var(--c-brand-blue);border-radius:.375rem;color:var(--c-on-accent)}.move.active .index{color:inherit}.move.is-context-selected{background:var(--c-orange-400)}.move .index{padding-right:.15em;font-size:90%;color:var(--c-gray-500)}.move.empty{color:var(--c-gray-600);cursor:default}.move.empty:hover{background:none}.tree-body>.index{display:flex;align-items:center;align-self:stretch;justify-content:center;flex-basis:13%;border-right:1px solid var(--c-gray-200);background:var(--c-gray-100);color:#999}.interrupt{flex:0 0 100%;max-width:100%;border-top:1px solid var(--c-hairline);border-bottom:1px solid var(--c-hairline)}.interrupt>.comment{display:block;padding:0 0 0 .375rem;border-left:3px solid var(--c-hairline);border-radius:0;overflow-wrap:break-word}.interrupt>.comment.is-current{border-left-color:var(--c-brand-blue)}.tree-body .inline{display:inline;font-style:italic;font-size:.9em;opacity:.8}.tree-body .inline:before{content:"(";margin:0 -2px 0 2px}.tree-body .inline:after{content:")";margin:0 1px 0 -1px}.tree-body .inline .move{padding-left:2px}.tree-body .inline .lines{margin-left:0}.comment{display:inline-block;padding:0 .25rem;border-radius:.25rem;color:var(--c-gray-500);overflow-wrap:break-word;cursor:pointer}.comment.is-current{color:var(--c-gray-800)}.comment-expand{margin-left:.25rem;border-radius:.375rem;background:var(--c-gray-200);color:var(--c-gray-500);cursor:pointer}.comment-expand:hover{text-decoration:underline}.comment-expand svg{display:inline;width:1rem;height:1rem}.comment-editor{display:flex;flex-direction:column;gap:.25rem;width:100%}.comment-editor textarea{width:100%;padding:.5rem;border:1px solid var(--c-gray-300);border-radius:.375rem;font-size:.875rem;color:var(--c-gray-700);resize:none}.comment-editor textarea:focus{outline:none;box-shadow:0 0 0 1px var(--c-brand-blue)}.comment-editor-actions{display:flex;justify-content:flex-end;gap:.5rem}.comment-editor-cancel{padding:.125rem .5rem;font-size:.75rem;color:var(--c-gray-500)}.comment-editor-cancel:hover{color:var(--c-gray-700)}.comment-editor-save{padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;background:var(--c-brand-blue);color:var(--c-on-accent);transition:filter .15s}.comment-editor-save:hover:not(:disabled){filter:brightness(1.1)}.comment-editor-save:disabled{background:var(--c-gray-200);color:var(--c-gray-400);cursor:not-allowed}.tree-editor-dock{flex-shrink:0;padding:.5rem;border-top:1px solid var(--c-gray-200);background:var(--c-surface)}.tree-child-moves{flex-shrink:0;padding:.375rem .5rem;border-top:1px solid var(--c-gray-200);background:var(--c-surface)}.tree-child-moves-row{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.375rem}.tree-child-move{flex-basis:calc(50% - .1875rem);padding:.25rem .625rem;border:1px solid var(--c-gray-300);border-radius:.375rem;background:var(--c-surface);color:var(--c-gray-700);font-size:.875rem;font-weight:600;transition:all .15s}.tree-child-move:hover{background:var(--c-info-bg);border-color:var(--c-brand-blue);color:var(--c-info-accent)}.divider{display:flex;align-items:center;margin:1rem 0}.divider:before,.divider:after{content:"";flex-grow:1;border-top:1px solid var(--c-gray-300)}.divider-label{margin:0 1rem;font-size:.875rem;font-weight:600;color:var(--c-gray-500)}.toggle-group{margin-bottom:1rem}.toggle-group-label{display:block;margin-bottom:.25rem;font-size:.875rem;font-weight:600}.toggle-group-options{display:flex;overflow:hidden;border:1px solid var(--c-gray-300);border-radius:.25rem}.toggle-group-option{flex:1;padding:.25rem .75rem;background:var(--c-surface);color:var(--c-gray-700);font-size:.875rem;font-weight:500;transition:background-color .15s,color .15s}.toggle-group-option:hover:not(.is-selected){background:var(--c-gray-100)}.toggle-group-option.is-selected{background:var(--c-brand-blue);color:var(--c-on-accent)}.settings-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;width:calc(100% - 2rem);max-width:28rem;max-height:calc(100dvh - 6rem);overflow:hidden auto;border:var(--border-w) solid var(--c-line);background:var(--c-surface);border-radius:.5rem;padding:0;margin:0;font-family:inherit}.settings-header{padding:1.5rem}.settings-header h2{font-size:1.5rem;font-weight:700;color:var(--c-gray-800);margin:0;display:flex;align-items:center;gap:.5rem}.settings-help-link{display:inline-flex;align-items:center;color:var(--c-gray-400);transition:color .15s}.settings-help-link:hover{color:var(--c-gray-600)}.settings-header p{margin:.25rem 0 0;font-size:.875rem;color:var(--c-gray-500)}.settings-body{padding:1.5rem}.settings-field{margin-bottom:1rem}.settings-field label{display:block;font-size:.875rem;font-weight:600;color:var(--c-gray-700);margin-bottom:.5rem}.settings-field input{width:100%;padding:.5rem .75rem;border:1px solid var(--c-gray-300);border-radius:.375rem;font-size:.875rem;color:var(--c-gray-700);background:var(--c-surface);font-family:inherit;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.settings-field input:focus{outline:none;border-color:var(--c-brand-blue);box-shadow:0 0 0 2px #3b82f633}.settings-stepper{display:flex;align-items:center;gap:.25rem}.settings-stepper button{padding:.125rem .5rem;border:1px solid var(--c-gray-300);border-radius:.25rem;background:var(--c-surface);font-size:.875rem;font-weight:500}.settings-stepper button:hover{background:var(--c-gray-100)}.settings-stepper-value{min-width:2rem;text-align:center;font-size:.875rem;font-weight:500}.settings-dirty-slot{position:relative;height:1.5rem}.settings-dirty-notice{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--c-amber-600);opacity:0;pointer-events:none;transition:opacity .15s}.settings-dirty-notice.is-visible{opacity:1;pointer-events:auto}.settings-close-btn svg{width:1.25rem;height:1.25rem}.settings-help-link .info-glyph{font-size:.75rem}.settings-done-btn{margin-top:1.5rem;width:100%;padding:.625rem 1rem;font-size:1rem;font-weight:700;font-family:inherit;color:var(--c-on-accent);background:var(--c-brand-blue);border:none;border-radius:.5rem;cursor:pointer;transition:background .15s}.settings-done-btn:hover{background:var(--c-accent-strong)}.collab-section+.collab-section{margin-top:1.25rem}.collab-section h3{margin-bottom:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:var(--c-gray-500)}.collab-empty{font-size:.875rem;color:var(--c-gray-500)}.collab-empty-outgoing{margin-bottom:.5rem}.collab-list{border:1px solid var(--c-gray-200);border-radius:.375rem}.collab-list-outgoing{margin-bottom:.75rem}.collab-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem}.collab-row+.collab-row{border-top:1px solid var(--c-gray-100)}.collab-avatar{width:1.75rem;height:1.75rem;border-radius:9999px}.collab-avatar-blank{background:var(--c-gray-200)}.collab-open-btn{flex:1;text-align:left;font-size:.875rem;font-weight:500;color:var(--c-brand-blue)}.collab-open-btn:hover{text-decoration:underline}.collab-name{flex:1;font-size:.875rem;font-weight:500;color:var(--c-gray-800)}.collab-remove-btn{padding:.25rem;border-radius:.25rem;color:var(--c-gray-400)}.collab-remove-btn:hover{background:var(--c-gray-100);color:var(--c-red-500)}.collab-badge{padding:.125rem .375rem;border-radius:.25rem;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.collab-badge-edit{background:var(--c-brand-blue);color:var(--c-on-accent)}.collab-badge-train{background:var(--c-brand-blue-light);color:var(--c-blue-900)}.collab-form>*+*{margin-top:.5rem}.collab-form-row{display:flex;align-items:center;gap:.5rem}.collab-permission-select{flex:1;padding:.5rem;border:1px solid var(--c-gray-300);border-radius:.25rem;background:var(--c-surface);font-size:.875rem}.collab-add-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;border-radius:.25rem;background:var(--c-brand-blue);color:var(--c-on-accent);font-size:.875rem;font-weight:600;white-space:nowrap;transition:background .15s}.collab-add-btn:hover{background:var(--c-accent-strong)}.collab-result{margin-top:.5rem;font-size:.75rem}.collab-result-ok{color:var(--c-green-600)}.collab-result-error{color:var(--c-red-600)}.promo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999999}.promo-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.promo-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.promo-card{padding:.75rem;border-radius:.75rem;background:var(--c-glass);box-shadow:var(--shadow-xl)}.promo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.promo-option{position:relative;width:56px;height:56px;border-radius:.5rem;background:var(--c-well);transition:background-color .15s}.promo-option:hover:not(:disabled){background:var(--c-well-hover)}.promo-option.is-required{background:var(--c-blue-200);box-shadow:0 0 0 2px var(--c-brand-blue)}.promo-option:disabled{opacity:.3;cursor:not-allowed}.promo-option piece{position:absolute;top:0;right:0;bottom:0;left:0;background-size:contain}.app-shell{display:flex;align-items:center;justify-content:center;height:100vh}.app-root{width:100%;height:100dvh;min-height:0;display:flex;flex-direction:column;background:var(--c-page-bg)}#header{display:flex;align-items:flex-end;flex-wrap:nowrap;font-family:var(--font-sans);font-size:clamp(.9rem,5vw,1.875rem);gap:clamp(.3rem,2vw,.75em);margin-top:.375rem;padding-bottom:.25rem;white-space:nowrap;overflow:hidden;container-name:header-bar;container-type:inline-size}#header .logo-wrap,#header .header-identity,#header .header-link,#header .header-peers{margin-bottom:.25rem}#header .header-identity,#header .header-peers{margin-bottom:-.125rem}#header .header-identity{display:inline-flex;align-items:center;flex-shrink:0;gap:.5rem;padding:.375rem;border-radius:.5rem;background:var(--c-recessed)}#header .header-identity .header-user,#header .header-identity .header-link{margin-bottom:0;align-items:center}#header .header-identity .header-avatar{margin-left:0}#header .header-auth{display:flex;align-items:flex-end;gap:.5rem}#header .header-actions{margin-left:auto;display:flex;align-items:flex-end;gap:.5rem}#header .header-actions>*+*:before{content:"·";margin-right:.5rem;color:var(--c-gray-300)}#header .header-peers{display:inline-flex;align-items:center;flex-shrink:0;gap:.5rem;padding:.375rem;border-radius:.5rem;background:var(--c-recessed)}#header .header-peer{height:1.125rem;width:1.125rem;border-radius:.25rem}#header .header-peer-edit{box-shadow:0 0 0 2px var(--c-brand-blue)}#header .header-peer-train{box-shadow:0 0 0 2px var(--c-brand-blue-light)}#header .header-username{font-size:.875rem}#header .header-user svg{width:1.25rem;height:1.25rem}#header .header-user{display:flex;align-items:flex-end}#header .header-avatar{height:1.5rem;width:1.5rem;border-radius:.375rem;margin-inline:.25rem}#header>.logo-wrap{font-family:var(--font-condensed);display:flex;align-items:flex-end;flex-shrink:0;line-height:1}#header>.logo-wrap img{height:3rem;width:3rem;margin-right:.5rem}#header>.logo-wrap .accent{color:var(--c-wordmark-accent)}#header .header-link{display:flex;align-items:center;gap:.2rem;font-size:.875rem;text-decoration:none;color:var(--c-gray-500);transition:color .15s;flex-shrink:0;background:none;border:none;padding:0;cursor:pointer;font-family:inherit}#header .header-link span{overflow:hidden}#header .header-link:hover{color:var(--c-gray-900)}#header .header-link svg{width:1.125rem;height:1.125rem;flex-shrink:0}@container header-bar (max-width: 600px){#header .header-link{font-size:inherit;gap:.15em}#header .header-link span{display:none}#header .header-signin span{display:inline}#header .header-link svg{width:.95em;height:.95em}}.app-main{flex:1;min-height:0;display:grid;gap:.75rem;overflow-x:hidden;overflow-y:auto}.app-main{grid-template-columns:1fr;gap:.25rem;grid-template-rows:repeat(5,auto);grid-template-areas:"board" "usertip" "pgn" "repertoire" "schedule";padding-bottom:1rem}.area-board{grid-area:board;min-width:0;display:flex;flex-direction:column}.area-usertip{grid-area:usertip;min-width:0;container-type:inline-size;container-name:usertip}.area-schedule{grid-area:schedule;min-width:0}.area-comment{grid-area:comment;min-width:0}.area-pgn{grid-area:pgn;min-width:0}.area-repertoire{grid-area:repertoire;min-width:0}.area-sidebar{display:contents}.board-card{background:var(--c-surface);padding:.25rem .25rem .625rem;border:var(--border-w) solid var(--c-line);border-radius:.5rem}.area-controls{display:flex;justify-content:space-between;align-items:flex-start;container-type:inline-size;container-name:controls}#training-controls button,#comment-popout-btn{font-size:clamp(.7rem,2.75cqi,1.125rem);padding:clamp(.25rem,1.25cqi,.5rem) clamp(.5rem,2.75cqi,1rem);gap:clamp(.25rem,1.25cqi,.5rem)}#training-controls button svg,#comment-popout-btn svg{width:clamp(14px,4.25cqi,22px);height:clamp(14px,4.25cqi,22px)}.control-tab{position:relative;isolation:isolate;display:inline-flex;flex-shrink:0;margin-top:.25rem;padding:.25rem;border-radius:.5rem;background:var(--c-recessed)}.control-tab-btn{position:relative;z-index:2;display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;border:var(--border-w) solid transparent;border-radius:.375rem;font-family:inherit;font-size:.875rem;font-weight:500;white-space:nowrap;background:transparent;color:var(--c-gray-500);transition:color .2s,background .2s,border-color .2s}.control-tab-chip{position:absolute;z-index:1;left:0;top:var(--active-tab-top, 0);width:var(--active-tab-width, 0);height:var(--active-tab-height, 0);border:1px solid var(--c-gray-400);border-radius:.375rem;background:var(--c-surface);transform:translate(var(--active-tab-left, 0));transition:transform .2s,width .2s,height .2s,top .2s,opacity .2s}.control-tab-chip[data-rendered=false]{opacity:0;transform:translate(var(--active-tab-left, 0)) scale(.9)}.settings-btn:hover{color:var(--c-gray-800);background:var(--c-surface)}.settings-btn:active{transform:scale(.98)}.panel-header{flex-shrink:0;display:flex;flex-direction:row;align-items:center;gap:.5rem;padding:.75rem}.panel-icon{flex-shrink:0;display:flex;padding:.25rem;border-radius:.25rem;color:var(--c-gray-600);background:var(--c-gray-200)}.panel-icon svg{width:1.25rem;height:1.25rem}.panel-title{font-size:1.125rem;font-weight:600;color:var(--c-gray-800)}.panel-titles{display:flex;flex-direction:column;min-width:0;line-height:1}.panel-titles .panel-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-subtitle{margin-top:-.125rem;font-size:.6875rem;font-weight:600;color:var(--c-gray-500);text-transform:uppercase;letter-spacing:.025em}.panel-action{flex-shrink:0;display:flex;align-items:center;gap:.25rem;padding:.375rem;border-radius:.375rem;font-size:.875rem;color:var(--c-slate-600);transition:color .15s,background-color .15s}.panel-action:hover:not(:disabled){color:var(--c-slate-800);background:var(--c-gray-100)}.panel-action svg{width:18px;height:18px}.panel-action:disabled{color:var(--c-gray-300);cursor:not-allowed}.area-pgn{display:flex;flex-direction:column;min-width:0}.pgn-card{display:flex;flex-direction:column;min-height:0;background:var(--c-surface);border-radius:.75rem;border:var(--border-w) solid var(--c-line)}.pgn-controls-bar{flex-shrink:0;display:flex;justify-content:center}.pgn-tree-scroll{max-height:30vh;padding:0 0 .5rem;overflow-y:auto}.area-repertoire{display:flex;flex-direction:column;overflow:hidden;min-height:25vh;max-height:100%}#repertoire{container-type:inline-size;container-name:repertoire}@media (min-width: 768px) and (max-width: 1023.98px){#header{padding:0 1.5rem}.app-main{grid-template-columns:1fr 1fr;grid-template-rows:1fr auto 1fr;grid-template-areas:"board     pgn" "usertip   repertoire" "schedule  repertoire";padding:0 1.5rem 2rem;gap:.75rem;overflow-x:hidden;overflow-y:auto}.area-pgn{grid-row:1;min-height:0;min-width:0;overflow:hidden}.pgn-card{flex:1;min-height:0;overflow:hidden}.area-repertoire{grid-row:2 / 4;min-height:25vh;max-height:100%;overflow:hidden}.area-board{align-self:start}.area-schedule{min-height:0;align-self:start}.pgn-tree-scroll{flex:1;min-height:0;max-height:none;overflow-y:auto}}@media (min-width: 1024px){#header{padding:0 2.5rem}.app-main{grid-template-columns:minmax(200px,1fr) 1.15fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"sidebar board   pgn" "sidebar usertip .  ";padding:0 2.5rem 1rem;margin-bottom:3rem;gap:.75rem;overflow:hidden}.area-sidebar{display:flex;flex-direction:column;grid-area:sidebar;min-height:0;min-width:0;overflow:hidden;gap:.75rem}.area-repertoire{flex:0 1 auto;min-height:25vh;max-height:50%}.area-schedule{flex:0 0 35%;min-height:0;overflow:hidden}.area-pgn{min-height:0;min-width:0;max-height:100%;overflow:hidden}.pgn-card{flex:1;min-height:0;overflow:hidden}.pgn-tree-scroll{flex:1;min-height:0;max-height:none;overflow-y:auto}.area-usertip{overflow:auto;min-height:0;max-height:none}.area-comment{min-height:0;overflow:auto;max-height:120px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--c-backdrop);z-index:10}.modal-backdrop-settings{z-index:40}.board-progress{position:relative;width:var(---cg-width, 100%);margin-inline:auto}.board-progress-bar{display:flex;height:.5rem;width:100%;overflow:hidden;border-radius:.375rem;background:var(--c-gray-200);cursor:default}.board-progress-unseen,.board-progress-due{height:100%;width:var(--segment-width, 0%)}.board-progress-unseen{background:var(--c-brand-blue-light)}.board-progress-due{background:var(--c-brand-blue)}.board-progress-tooltip{pointer-events:none;position:absolute;left:50%;top:100%;z-index:20;display:flex;align-items:center;gap:.75rem;margin-top:.5rem;transform:translate(-50%);white-space:nowrap;border:1px solid var(--c-gray-200);border-radius:.375rem;background:var(--c-surface);padding:.5rem .75rem;font-size:.75rem;color:var(--c-gray-700);box-shadow:var(--shadow-lg);opacity:0;transition:opacity .15s}.board-progress:hover .board-progress-tooltip{opacity:1}.board-progress-pie{flex-shrink:0;width:3.25rem;height:3.25rem;border-radius:50%;background:conic-gradient(var(--c-brand-blue-light) 0 var(--unseen-end, 0deg),var(--c-brand-blue) 0 var(--due-end, 0deg),var(--c-gray-200) 0)}.board-progress-tooltip table{border-collapse:separate;border-spacing:.5rem .125rem}.board-progress-tooltip .cell-icon{vertical-align:middle}.board-progress-tooltip .cell-icon svg{width:14px;height:14px}.board-progress-tooltip .cell-icon-learn svg{color:var(--c-sky-700)}.board-progress-tooltip .cell-icon-due svg{color:var(--c-accent-strong)}.board-progress-tooltip .cell-label{text-align:left}.board-progress-tooltip .cell-count{text-align:right;font-family:var(--font-mono);font-weight:600}.board-progress-tooltip .cell-percent{text-align:right;font-family:var(--font-mono);color:var(--c-gray-400)}.controls-group{display:flex;align-items:flex-start;gap:.25rem}.pgn-card .panel-header{border-bottom:1px solid var(--c-hairline)}.pgn-panel-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}@media (max-width: 767.98px){.pgn-panel-body.is-training-hidden{display:none}.pgn-card:has(>.pgn-panel-body.is-training-hidden){display:none}}.copy-fen-btn,.toggle-comments-btn{display:flex;align-items:center;gap:.25rem;padding:.375rem;border-radius:.375rem;font-size:.875rem;color:var(--c-slate-600);transition:color .15s,background-color .15s}.copy-fen-btn svg,.toggle-comments-btn svg{width:1.25rem;height:1.25rem}.copy-fen-btn:hover,.toggle-comments-btn:hover{color:var(--c-slate-800);background:var(--c-gray-100)}.copy-fen-btn.is-copied,.copy-fen-btn.is-copied:hover{background:var(--c-surface);color:var(--c-green-600)}.time-reward{position:absolute;left:var(--reward-x, 0);top:var(--reward-y, 0);z-index:10;pointer-events:none;transform:rotate(45deg);transition:opacity .3s ease}.time-reward-label{padding:2px 6px;background:#fff3;color:#111;font-size:12px;font-weight:600;font-style:italic;letter-spacing:.5px;white-space:nowrap}.simple-modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:3rem 1rem;background:var(--c-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.simple-modal-scrim.is-stacked{z-index:1100}.simple-modal-card{position:relative;width:24rem;max-width:100%;max-height:100%;padding:1.5rem;overflow:hidden auto;border:var(--border-w) solid var(--c-line);border-radius:.5rem;background:var(--c-surface)}.simple-modal-card h2{margin-bottom:1rem;font-size:1.125rem;font-weight:600}.login-google{display:flex;flex-direction:column;align-items:center}.login-google-note{margin-top:1rem;font-size:.75rem;color:var(--c-gray-500);text-align:center}.login-username{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--c-gray-200)}.login-username h3{margin-bottom:.25rem;font-size:.875rem;font-weight:600;color:var(--c-gray-800)}.login-username-field{position:relative;margin-bottom:.25rem}.login-username-field input{width:100%;padding:.5rem 2.25rem .5rem .75rem;border:1px solid var(--c-gray-300);border-radius:.25rem;font-size:.875rem}.login-username-status{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:.875rem;line-height:1}.login-status-pending{color:var(--c-gray-400)}.login-status-available{color:var(--c-green-600)}.login-status-error{color:var(--c-red-600)}.login-username-message{height:1rem;margin-bottom:1rem;font-size:.75rem;color:var(--c-gray-500)}.login-submit{width:100%;padding:.5rem 0;border-radius:.25rem;background:var(--c-emerald-600);color:var(--c-on-accent);font-size:.875rem;font-weight:600;box-shadow:0 0 0 2px var(--c-emerald-300)}.login-submit:hover:not(:disabled){background:var(--c-emerald-500)}.login-submit:disabled{background:var(--c-slate-300);color:var(--c-slate-500);box-shadow:none;cursor:not-allowed}