@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";.loader[data-v-28cd680b]{animation:spin-28cd680b 1s linear infinite}@keyframes spin-28cd680b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button[data-v-3cc806dc]{background-color:var(--background-color);color:var(--primary-color);border:.125rem solid var(--primary-color);border-radius:.375rem;padding:.375rem .75rem;cursor:pointer;transition:background-color .2s,color .2s;display:flex;align-items:center;justify-content:center}.button[data-v-3cc806dc]:hover{background-color:var(--primary-color);color:var(--background-color);border-color:var(--primary-color)}.button[data-v-3cc806dc]:active{background-color:var(--secondary-color);color:var(--background-color)}.button[data-v-3cc806dc]:disabled{opacity:.5;cursor:not-allowed}.button[data-v-3cc806dc]:disabled:hover{background-color:var(--background-color);color:var(--primary-color);border-color:var(--primary-color)}.button--highlighted[data-v-3cc806dc]{border:.1875rem solid var(--primary-color);text-decoration:underline}.button--error[data-v-3cc806dc]{color:#b00000;border-color:#b00000}.button--error[data-v-3cc806dc]:hover{background-color:#b00000;color:#f9f9f9;border-color:#b00000}.button--error[data-v-3cc806dc]:active{background-color:#b00000;color:#f9f9f9}.button--clear[data-v-3cc806dc]{color:var(--primary-color);background:transparent;border:transparent;line-height:1;padding:0;transition:color .2s}.button--clear[data-v-3cc806dc]:hover,.button--clear[data-v-3cc806dc]:active{background:transparent;border:transparent;color:var(--secondary-color)}.app-link[data-v-5ff6b22f]{color:var(--primary-color);text-decoration:underline;cursor:pointer;transition:color .2s,border-color .2s}.app-link[data-v-5ff6b22f]:hover{color:var(--secondary-color)}.app-link.disabled[data-v-5ff6b22f]{opacity:.7;cursor:not-allowed;pointer-events:none}.app-link.button[data-v-5ff6b22f]{background:none;border:none;padding:0;cursor:pointer;transition:color .2s}.app-link.button[data-v-5ff6b22f]:hover{color:var(--secondary-color)}.app-link.button[data-v-5ff6b22f]:active{color:var(--primary-color)}.app-link.button[data-v-5ff6b22f]:disabled{opacity:.7;cursor:not-allowed}.hover-hint-wrapper[data-v-6bf091a3]{position:relative;display:inline-flex;align-items:center;justify-content:center}.hover-hint-wrapper .hover-hint-text[data-v-6bf091a3]{position:absolute;background-color:var(--hint-background-color);color:var(--hint-color);border:.125rem solid var(--hint-border-color);border-radius:.375rem;font-size:.8rem;padding:.25rem .5rem;white-space:nowrap;pointer-events:none;z-index:10;opacity:0;transition:opacity .2s ease}.hover-hint-wrapper:hover .hover-hint-text[data-v-6bf091a3]{opacity:1}.hover-hint-wrapper .hover-hint--bottom-right[data-v-6bf091a3]{top:100%;left:100%;transform:translate(.125rem,.125rem)}.hover-hint-wrapper .hover-hint--bottom-left[data-v-6bf091a3]{top:100%;right:100%;transform:translate(-.125rem,.125rem)}.hover-hint-wrapper .hover-hint--top-right[data-v-6bf091a3]{bottom:100%;left:100%;transform:translate(.125rem,-.125rem)}.hover-hint-wrapper .hover-hint--top-left[data-v-6bf091a3]{bottom:100%;right:100%;transform:translate(-.125rem,-.125rem)}.hover-hint-wrapper .hover-hint--bottom-mid-right[data-v-6bf091a3]{top:100%;left:75%;transform:translate(-25%,.125rem)}.hover-hint-wrapper .hover-hint--bottom-mid-left[data-v-6bf091a3]{top:100%;left:25%;transform:translate(-50%,.125rem)}.hover-hint-wrapper .hover-hint--top-mid-right[data-v-6bf091a3]{bottom:100%;left:75%;transform:translate(-25%,-.125rem)}.hover-hint-wrapper .hover-hint--top-mid-left[data-v-6bf091a3]{bottom:100%;left:25%;transform:translate(-50%,-.125rem)}.v-flex[data-v-89fdb14b]{display:flex;flex-direction:column}.v-flex.align-start[data-v-89fdb14b]{align-items:flex-start}.v-flex.align-center[data-v-89fdb14b]{align-items:center}.v-flex.align-end[data-v-89fdb14b]{align-items:flex-end}.v-flex.align-stretch[data-v-89fdb14b]{align-items:stretch}.v-flex.justify-start[data-v-89fdb14b]{justify-content:flex-start}.v-flex.justify-center[data-v-89fdb14b]{justify-content:center}.v-flex.justify-between[data-v-89fdb14b]{justify-content:space-between}.v-flex.justify-around[data-v-89fdb14b]{justify-content:space-around}.v-flex.justify-evenly[data-v-89fdb14b]{justify-content:space-evenly}.v-flex.justify-end[data-v-89fdb14b]{justify-content:flex-end}.h-flex[data-v-e5c269d5]{display:flex;flex-direction:row}.h-flex.align-start[data-v-e5c269d5]{align-items:flex-start}.h-flex.align-center[data-v-e5c269d5]{align-items:center}.h-flex.align-end[data-v-e5c269d5]{align-items:flex-end}.h-flex.align-stretch[data-v-e5c269d5]{align-items:stretch}.h-flex.justify-start[data-v-e5c269d5]{justify-content:flex-start}.h-flex.justify-center[data-v-e5c269d5]{justify-content:center}.h-flex.justify-between[data-v-e5c269d5]{justify-content:space-between}.h-flex.justify-around[data-v-e5c269d5]{justify-content:space-around}.h-flex.justify-evenly[data-v-e5c269d5]{justify-content:space-evenly}.h-flex.justify-end[data-v-e5c269d5]{justify-content:flex-end}.icon[data-v-80b75acf] *{fill:var(--header-text-color)}.background[data-v-80b75acf],.invertedColors[data-v-80b75acf] *{fill:var(--header-background-color)}.invertedColors .background[data-v-80b75acf]{fill:var(--header-text-color)}.app-modal[data-v-f7336574]{background-color:var(--background-color);color:var(--primary-color);padding:16px;border-radius:12px;box-shadow:0 .625rem 1.875rem #0000004d;max-width:90%;max-height:90%;overflow-y:auto}.app-modal__wrapper[data-v-f7336574]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000}.confirm-dialog[data-v-6aded2e8]{text-align:center;min-width:300px}.confirm-dialog__title[data-v-6aded2e8]{font-size:.9rem;font-size:1.3rem;font-weight:500}.confirm-dialog__message[data-v-6aded2e8]{text-align:start}.confirm-dialog__buttons[data-v-6aded2e8]{display:flex;justify-content:center;gap:12px;align-self:flex-end;margin-top:24px}.confirm-dialog__buttons .cancel[data-v-6aded2e8]{color:var(--red-adaptive-color);border-color:var(--red-adaptive-color)}.confirm-dialog__buttons .cancel[data-v-6aded2e8]:hover{background-color:var(--red-adaptive-color);color:#f9f9f9;border-color:var(--red-adaptive-color)}.confirm-dialog__buttons .accept[data-v-6aded2e8]{color:var(--green-adaptive-color);border-color:var(--green-adaptive-color)}.confirm-dialog__buttons .accept[data-v-6aded2e8]:hover{background-color:var(--green-adaptive-color);color:#f9f9f9;border-color:var(--green-adaptive-color)}.app-footer[data-v-fe467a5d]{width:100%;font-size:.6rem;height:1.5rem;padding-inline:.75rem;background-color:var(--footer-background-color);color:var(--footer-text-color);display:flex;justify-content:center;align-items:center;gap:2rem}.link[data-v-fe467a5d]{color:var(--footer-text-color);display:flex;align-items:center}.link-icon[data-v-fe467a5d]{margin-right:.25rem}.message__wrapper[data-v-1b1c5523]{position:fixed;bottom:calc(20px + 1.5rem);right:20px;z-index:100000;display:flex;flex-direction:column;align-items:flex-end;gap:12px;max-width:300px}.message[data-v-1b1c5523]{padding:12px 16px;border-radius:.375rem;border:.125rem solid transparent;font-size:.9rem;line-height:1.4;box-shadow:0 4px 12px #00000026;background-color:var(--background-color);color:var(--primary-color);transition:transform .3s ease,opacity .3s ease;word-break:break-word;text-align:center}.message[data-v-1b1c5523]:not(:last-child){margin-bottom:12px}.message.success[data-v-1b1c5523]{border-color:var(--message-success-color);background-color:var(--message-success-bg);color:var(--message-success-color)}.message.error[data-v-1b1c5523]{border-color:var(--message-error-color);background-color:var(--message-error-bg);color:var(--message-error-color)}.message.info[data-v-1b1c5523]{border-color:var(--message-info-color);background-color:var(--message-info-bg);color:var(--message-info-color)}.message.warning[data-v-1b1c5523]{border-color:var(--message-warning-color);background-color:var(--message-warning-bg);color:var(--message-warning-color)}.fade-enter-active[data-v-1b1c5523],.fade-leave-active[data-v-1b1c5523]{transition:opacity .3s ease,transform .3s ease}.fade-enter-from[data-v-1b1c5523],.fade-leave-to[data-v-1b1c5523]{opacity:0;transform:translateY(10px)}.fade-enter-active[data-v-1a336014],.fade-leave-active[data-v-1a336014]{transition:opacity .2s ease}.fade-enter-from[data-v-1a336014],.fade-leave-to[data-v-1a336014]{opacity:0}.level-badge[data-v-ebc1681a]{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;font-size:.7rem;font-weight:700;border-radius:.75rem;color:#1a1a1a;background-color:var(--level-color-1);line-height:1;-webkit-user-select:none;user-select:none;white-space:nowrap}.app-header[data-v-1a036c9f]{position:relative;width:60%;margin-inline:auto;border-radius:0 0 .75rem .75rem;height:2rem;padding-inline:.75rem;font-size:.9rem;width:48rem;display:flex;justify-content:space-between;align-items:center;background-color:var(--header-background-color);color:var(--header-text-color)}.app-header__wrapper[data-v-1a036c9f]{position:relative}.nav[data-v-1a036c9f]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:1rem}.nav[data-v-1a036c9f],.user-actions[data-v-1a036c9f]{display:flex;gap:1rem}.app-link[data-v-1a036c9f]{display:flex;align-items:center;gap:.25rem;color:var(--header-text-color);text-decoration:none;position:relative;overflow:hidden}.app-link[data-v-1a036c9f]:hover{color:var(--header-text-color)}.app-link span[data-v-1a036c9f]{opacity:0;max-width:0;overflow:hidden;white-space:nowrap;transition:opacity .3s ease,max-width .3s ease}.app-link:hover span[data-v-1a036c9f]{opacity:1;max-width:12.5rem}.app-link-icon[data-v-1a036c9f]{flex-shrink:0;color:var(--header-text-color)}.app-link-text[data-v-1a036c9f]{font-weight:500}.email-verification-banner[data-v-1a036c9f]{position:absolute;left:50%;translate:-50%;margin-inline:auto;margin-top:.5rem;background-color:var(--orange-adaptive-color);color:#1a1a1a;border-radius:.75rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.email-verification-button[data-v-1a036c9f]{color:inherit;font-weight:600;text-decoration:underline}.email-verification-button[data-v-1a036c9f]:hover{color:#1a1a1a}.close-icon[data-v-1a036c9f]{color:#1a1a1a;vertical-align:middle}.page-wrapper[data-v-559ea135]{display:flex;color:var(--primary-color);justify-content:center;align-items:center;height:calc(100vh - 3.5rem);background-color:var(--background-color);overflow:auto}body{background-color:var(--background-color)}.app{position:relative;width:100%;height:100vh;max-height:100vh;margin:0 auto}*,:before,:after{box-sizing:border-box}:where(ul,ol):where([class]){padding-left:0}body,:where(blockquote,figure):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){margin-left:0;padding:0;border:none}:where(ul[class]){list-style:none}:where(address[class]){font-style:normal}p{--paragraphMarginBottom: 24px;margin-block:0}p:where(:not([class]):not(:last-child)){margin-bottom:var(--paragraphMarginBottom)}img,video{display:block;max-width:100%;height:auto}input,textarea,select,button{font:inherit}html{height:100%;scrollbar-gutter:stable}html,:has(:target){scroll-behavior:smooth}body{min-height:100%;line-height:1.5}a:where([class]){display:inline-flex}button,label{cursor:pointer}:where([fill]:not([fill=none],[fill^=url])){fill:currentColor}:where([stroke]:not([stroke=none],[stroke^=url])){stroke:currentColor}svg *{transition-property:fill,stroke}:where(table){border-collapse:collapse;border-color:currentColor}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--scroll-thumb);border-radius:4px;transition:background-color .2s ease}::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}:root{--transition-duration: $transition-duration;--transition-duration-fast: $transition-duration-fast;--transition-duration-slow: $transition-duration-slow}@media (prefers-reduced-motion: reduce){:root{--transition-duration: 0s;--transition-duration-fast: 0s;--transition-duration-slow: 0s}}html{font-size:clamp(16px,1.67vh,32px)}body{position:relative;margin-inline:auto}html{font-family:Roboto;font-weight:400;font-style:normal}body.light-theme{--primary-color: #1a1a1a;--secondary-color: #484848;--background-color: #f9f9f9;--blue-adaptive-color: #3333ff;--red-adaptive-color: #b00000;--green-adaptive-color: #008000;--yellow-adaptive-color: #ffff33;--orange-adaptive-color: #ffa500;--header-background-color: var(--primary-color);--header-text-color: var(--background-color);--footer-background-color: var(--primary-color);--footer-text-color: var(--background-color);--accept-color: #008000;--accept-color-hover: #006400;--decline-color: #b00000;--decline-color-hover: #800000;--cancel-color: #808080;--cancel-color-hover: #484848;--extreme-color: #1a1a1a;--extreme-background-color: #e53e3e;--hard-color: #1a1a1a;--hard-background-color: #ed8936;--medium-color: #1a1a1a;--medium-background-color: #f6e05e;--easy-color: #1a1a1a;--easy-background-color: #38a169;--finger-left-pinky: #d0e6ff;--finger-left-ring: #c1ffd7;--finger-left-middle: #fff4c1;--finger-left-index: #ffe0e0;--finger-right-index: #ffe0ff;--finger-right-middle: #e0d5ff;--finger-right-ring: #d1f0ff;--finger-right-pinky: #fce0c1;--finger-thumb: #f0f0f0;--keyboard-button-border-color: #1a1a1a;--caret-color: #1a1a1a;--hint-color: #484848;--hint-background-color: #f9f9f9;--hint-border-color: #484848;--message-success-color: #008000;--message-error-color: #b00000;--message-info-color: #0000ff;--message-warning-color: #ff4500;--message-success-bg: rgba(#008000, .1);--message-error-bg: rgba(#b00000, .1);--message-info-bg: rgba(#0000ff, .1);--message-warning-bg: rgba(#ff4500, .1);--scroll-thumb: rgba(100, 100, 100, .3);--scroll-thumb-hover: rgba(100, 100, 100, .5);--star-color: #808000;--star-fill: #ffff00;--level-color-1: #b0bec5;--level-color-2: #90caf9;--level-color-3: #81c784;--level-color-4: #ffb74d;--level-color-5: #64b5f6;--level-color-6: #9575cd;--level-color-7: #4db6ac;--level-color-8: #f06292;--level-color-9: #ba68c8;--level-color-10: #ff8a65;--progress-bg: #d3d3d3;--level-up-color: #a3d600;--earned-progress-bg: #a3d600;--earned-progress-color: #a3d600}body.dark-theme{--primary-color: #f9f9f9;--secondary-color: #d3d3d3;--background-color: #1a1a1a;--blue-adaptive-color: #6666ff;--red-adaptive-color: #ff1717;--green-adaptive-color: #00e600;--yellow-adaptive-color: #ffff66;--orange-adaptive-color: #ffc966;--header-background-color: var(--primary-color);--header-text-color: var(--background-color);--footer-background-color: var(--primary-color);--footer-text-color: var(--background-color);--accept-color: #008000;--accept-color-hover: #006400;--decline-color: #b00000;--decline-color-hover: #800000;--cancel-color: #808080;--cancel-color-hover: #484848;--extreme-color: #e53e3e;--extreme-background-color: #1a1a1a;--hard-color: #ed8936;--hard-background-color: #1a1a1a;--medium-color: #f6e05e;--medium-background-color: #1a1a1a;--easy-color: #38a169;--easy-background-color: #1a1a1a;--finger-left-pinky: #5c82a3;--finger-left-ring: #4b8d70;--finger-left-middle: #8f843f;--finger-left-index: #a15c5c;--finger-right-index: #a35c92;--finger-right-middle: #7a5fae;--finger-right-ring: #548aa5;--finger-right-pinky: #a37744;--finger-thumb: #888888;--keyboard-button-border-color: #f9f9f9;--caret-color: #f9f9f9;--hint-color: #d3d3d3;--hint-background-color: #1a1a1a;--hint-border-color: #d3d3d3;--message-success-color: #00e600;--message-error-color: #ff1717;--message-info-color: #6666ff;--message-warning-color: rgb(255, 143.4, 102);--message-success-bg: rgba(#008000, .15);--message-error-bg: rgba(#b00000, .15);--message-info-bg: rgba(#0000ff, .15);--message-warning-bg: rgba(#ff4500, .15);--scroll-thumb: rgba(180, 180, 180, .2);--scroll-thumb-hover: rgba(180, 180, 180, .35);--star-color: var(--yellow-adaptive-color);--star-fill: #ffff00;--level-color-1: #78909c;--level-color-2: #42a5f5;--level-color-3: #66bb6a;--level-color-4: #ffa726;--level-color-5: #42a5f5;--level-color-6: #7e57c2;--level-color-7: #26a69a;--level-color-8: #ec407a;--level-color-9: #ab47bc;--level-color-10: #ff7043;--progress-bg: #d3d3d3;--level-up-color: #cafc03;--earned-progress-bg: #cafc03;--earned-progress-color: #cafc03}