html,body{height:100%;margin:0;padding:0}.markdown-body{max-width:850px;color:var(--mantine-color-text);background:#00000005;margin:0 auto;padding:1.5rem;line-height:1.8}[data-mantine-color-scheme=dark] .markdown-body{background:#ffffff05}.markdown-body{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #0000000d;border-radius:16px;box-shadow:0 8px 32px #0000000d}[data-mantine-color-scheme=dark] .markdown-body{border:1px solid #ffffff0d}@media (max-width:768px){.markdown-body{border-radius:12px;padding:1rem .75rem}}:where(.markdown-body) img{border-radius:12px;max-width:100%;height:auto;margin:1.5rem auto;display:block;box-shadow:0 4px 20px #00000026}:where(.markdown-body) h1{background-image:linear-gradient(135deg, var(--mantine-color-blue-8) 0%, var(--mantine-color-violet-8) 100%);font-size:2.8rem;font-weight:800}[data-mantine-color-scheme=dark] :where(.markdown-body) h1{background-image:linear-gradient(135deg, var(--mantine-color-blue-4) 0%, var(--mantine-color-violet-4) 100%)}:where(.markdown-body) h1{-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;margin-bottom:2rem}:where(.markdown-body) h2{color:var(--mantine-color-blue-8);font-size:1.8rem;font-weight:700}[data-mantine-color-scheme=dark] :where(.markdown-body) h2{color:var(--mantine-color-blue-4)}:where(.markdown-body) h2{border-bottom:1px solid #0000001a;margin-top:3rem;margin-bottom:1.25rem}[data-mantine-color-scheme=dark] :where(.markdown-body) h2{border-bottom:1px solid #ffffff1a}:where(.markdown-body) h2{padding-bottom:.5rem}:where(.markdown-body) h3{color:var(--mantine-color-teal-8);font-size:1.4rem}[data-mantine-color-scheme=dark] :where(.markdown-body) h3{color:var(--mantine-color-teal-4)}:where(.markdown-body) h3{margin-top:2.5rem;margin-bottom:1rem}:where(.markdown-body) p{color:var(--mantine-color-gray-8);margin-bottom:1.5rem;font-size:1.1rem}[data-mantine-color-scheme=dark] :where(.markdown-body) p{color:var(--mantine-color-dark-1)}:where(.markdown-body) ul,:where(.markdown-body) ol{color:var(--mantine-color-gray-8);margin-bottom:1.5rem;padding-left:1.8rem;font-size:1.1rem}[data-mantine-color-scheme=dark] :where(.markdown-body) ul,[data-mantine-color-scheme=dark] :where(.markdown-body) ol{color:var(--mantine-color-dark-1)}:where(.markdown-body) li{margin-bottom:.75rem}:where(.markdown-body) blockquote{border-left:4px solid var(--mantine-color-violet-5);background:#845ef70d;margin:2rem 0;padding:1rem 1.5rem}[data-mantine-color-scheme=dark] :where(.markdown-body) blockquote{background:#845ef71a}:where(.markdown-body) blockquote{border-radius:0 12px 12px 0;font-size:1.1rem;font-style:italic}:where(.markdown-body) hr{background:#0000001a;border:0;height:1px}[data-mantine-color-scheme=dark] :where(.markdown-body) hr{background:#ffffff1a}:where(.markdown-body) hr{margin:3rem 0}:where(.markdown-body) strong{color:var(--mantine-color-orange-8)}[data-mantine-color-scheme=dark] :where(.markdown-body) strong{color:var(--mantine-color-yellow-4)}:where(.markdown-body) strong{font-weight:600}:where(.markdown-body) code{background:#0000000d}[data-mantine-color-scheme=dark] :where(.markdown-body) code{background:#ffffff1a}:where(.markdown-body) code{color:var(--mantine-color-red-8);border-radius:6px;padding:.2em .4em;font-family:monospace;font-size:.9em}[data-mantine-color-scheme=dark] :where(.markdown-body) code{color:var(--mantine-color-red-4)}.theme-icon--sun{display:none}[data-mantine-color-scheme=dark] .theme-icon--sun{display:block}[data-mantine-color-scheme=dark] .theme-icon--moon{display:none}:where(.markdown-body) a{color:var(--mantine-color-blue-7)}[data-mantine-color-scheme=dark] :where(.markdown-body) a{color:var(--mantine-color-blue-4)}:where(.markdown-body) a{border-bottom:1px solid #228be666;text-decoration:none}[data-mantine-color-scheme=dark] :where(.markdown-body) a{border-bottom:1px solid #4dabf766}:where(.markdown-body) a{transition:border-color .15s,color .15s}:where(.markdown-body) a:hover{color:var(--mantine-color-blue-9)}[data-mantine-color-scheme=dark] :where(.markdown-body) a:hover{color:var(--mantine-color-blue-2)}:where(.markdown-body) a:hover{border-bottom-color:currentColor}.markdown-table-wrapper{border:1px solid #0000001a;border-radius:12px;margin:2rem 0;overflow-x:auto}[data-mantine-color-scheme=dark] .markdown-table-wrapper{border:1px solid #ffffff1f}.markdown-table-wrapper table{border-collapse:collapse;width:100%;font-size:1.05rem}.markdown-table-wrapper th,.markdown-table-wrapper td{text-align:left;vertical-align:top;border-bottom:1px solid #00000014;padding:.75rem 1rem}[data-mantine-color-scheme=dark] .markdown-table-wrapper th,[data-mantine-color-scheme=dark] .markdown-table-wrapper td{border-bottom:1px solid #ffffff14}.markdown-table-wrapper th{background:#845ef714}[data-mantine-color-scheme=dark] .markdown-table-wrapper th{background:#845ef72e}.markdown-table-wrapper th{color:var(--mantine-color-violet-9);font-weight:700}[data-mantine-color-scheme=dark] .markdown-table-wrapper th{color:var(--mantine-color-violet-2)}.markdown-table-wrapper th{white-space:nowrap}.markdown-table-wrapper td{color:var(--mantine-color-gray-8)}[data-mantine-color-scheme=dark] .markdown-table-wrapper td{color:var(--mantine-color-dark-1)}.markdown-table-wrapper tbody tr:last-child td{border-bottom:none}.markdown-table-wrapper tbody tr:hover td{background:#00000005}[data-mantine-color-scheme=dark] .markdown-table-wrapper tbody tr:hover td{background:#ffffff08}:where(.markdown-body) blockquote p{margin-bottom:.5rem;font-size:1.05rem}:where(.markdown-body) blockquote p:last-child{margin-bottom:0}.markdown-pre-wrapper{margin:2rem 0;transition:transform .2s}.markdown-pre-wrapper:hover{transform:translateY(-2px)}.abcjs-highlight{fill:#ff4757!important;stroke:#ff4757!important}.practice-correct,.practice-correct *{fill:#2f9e44!important;stroke:#2f9e44!important}@keyframes practice-miss-color{0%{fill:#e03131;stroke:#e03131}30%{fill:#e03131;stroke:#e03131}45%{fill:#000;stroke:#000}60%{fill:#e03131;stroke:#e03131}to{fill:#000;stroke:#000}}@keyframes practice-miss-shake{0%,to{transform:translate(0)}20%{transform:translate(-2.5px)}45%{transform:translate(2.5px)}70%{transform:translate(-1.5px)}88%{transform:translate(1px)}}.practice-miss-flash{animation:.45s ease-in-out practice-miss-color,.45s ease-in-out practice-miss-shake}.practice-miss-flash *{animation:.45s ease-in-out practice-miss-color}@media (prefers-reduced-motion:reduce){.practice-miss-flash{animation:.45s ease-in-out practice-miss-color}}.practice-wrong,.practice-wrong *{fill:#e8590c!important;stroke:#e8590c!important}.practice-missing,.practice-missing *{fill:#adb5bd!important;stroke:#adb5bd!important}@media (max-width:480px){.drill-level-picker .mantine-SegmentedControl-label{white-space:normal;padding-inline:6px;font-size:12px;line-height:1.25}}:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}.app-header.app-header{height:calc(var(--app-shell-header-height) + var(--safe-top));padding-top:var(--safe-top);padding-inline:var(--safe-left) var(--safe-right)}.app-navbar.app-navbar{top:calc(var(--app-shell-header-height) + var(--safe-top));height:calc(100dvh - var(--app-shell-header-height) - var(--safe-top));padding-bottom:calc(var(--mantine-spacing-md) + var(--safe-bottom));padding-inline-start:calc(var(--mantine-spacing-md) + var(--safe-left))}.app-main.app-main{padding-top:calc(var(--app-shell-header-height) + var(--safe-top) + var(--app-shell-padding));padding-bottom:calc(var(--app-shell-padding) + var(--safe-bottom));padding-inline-start:calc(var(--app-shell-navbar-offset,0rem) + var(--app-shell-padding) + var(--safe-left));padding-inline-end:calc(var(--app-shell-aside-offset,0rem) + var(--app-shell-padding) + var(--safe-right))}