@import "https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";textarea,select,input[type=text],input[type=number]{width:100%;margin:unset;border:unset;border-radius:var(--box-radius);background:var(--background-overlay);background:linear-gradient(rgba(var(--background-overlay-rgb), .4), rgba(var(--background-overlay-hover-rgb), .4));box-shadow:inset 0 0 20px rgba(var(--black-rgb), .2), inset -1px -1px 2px rgba(var(--accent-input-light-rgb), .3), 0 0 10px rgba(var(--background-light-rgb), .2);font-family:var(--font);color:rgba(var(--text-rgb), 1);text-transform:uppercase;padding:16px;font-size:15px}textarea::placeholder,select::placeholder,input[type=text]::placeholder,input[type=number]::placeholder{color:rgba(var(--text-rgb), .3)}textarea:disabled,select:disabled,input[type=text]:disabled,input[type=number]:disabled{background:rgba(var(--background-main-rgb), 1);box-shadow:4px 4px 16px rgba(var(--black-rgb), .1), inset 0 0 60px rgba(var(--background-light-rgb), .2)}textarea:not(:disabled),select:not(:disabled),input[type=text]:not(:disabled),input[type=number]:not(:disabled){transition:all .2s}textarea:not(:disabled):hover,textarea:not(:disabled):active,select:not(:disabled):hover,select:not(:disabled):active,input[type=text]:not(:disabled):hover,input[type=text]:not(:disabled):active,input[type=number]:not(:disabled):hover,input[type=number]:not(:disabled):active{box-shadow:inset 0 0 20px rgba(var(--black-rgb), .2), inset -1px -1px 2px rgba(var(--accent-input-light-rgb), .2), 0 0 12px 2px rgba(var(--accent-btn-rgb), .3)}textarea:not(:disabled):focus,select:not(:disabled):focus,input[type=text]:not(:disabled):focus,input[type=number]:not(:disabled):focus{box-shadow:inset 0 0 20px rgba(var(--black-rgb), .2), inset -1px -1px 2px rgba(var(--accent-input-light-rgb), .2), 0 0 0 3px rgba(var(--accent-btn-hover-rgb), .4);outline:none}textarea::-webkit-scrollbar{width:10px;height:10px}textarea::-webkit-scrollbar-track{background-color:rgba(var(--text-rgb), .05)}textarea::-webkit-scrollbar-thumb{background-color:rgba(var(--text-rgb), .2);border-radius:10px}textarea::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--text-rgb), .3)}textarea{resize:none;height:120px}input[type=range]{pointer-events:none;appearance:none;background:unset;width:100%;height:18px;position:relative}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{cursor:pointer;background:rgba(var(--text-rgb), .2);border-radius:1px;width:100%;height:2px}input[type=range]::-moz-range-track{cursor:pointer;background:rgba(var(--text-rgb), .2);border-radius:1px;width:100%;height:2px}input[type=range]:focus::-webkit-slider-runnable-track{background:rgba(var(--text-rgb), .2)}input[type=range]::-webkit-slider-thumb{pointer-events:all;-webkit-appearance:none;cursor:pointer;z-index:2;background:var(--text);width:18px;height:18px;box-shadow:0 0 8px rgba(var(--accent-rgb), .8);border-radius:50%;margin-top:-8px;transition:background-color .25s;position:relative}input[type=range]::-moz-range-thumb{pointer-events:all;-webkit-appearance:none;cursor:pointer;z-index:2;background:var(--text);width:18px;height:18px;box-shadow:0 0 8px rgba(var(--accent-rgb), .8);border-radius:50%;margin-top:-8px;transition:background-color .25s;position:relative}input[type=range]:where(:hover,:focus)::-webkit-slider-thumb{background:var(--accent-btn)}:root{--black:#000;--black-rgb:0, 0, 0;--white:#fff;--white-rgb:255, 255, 255;--text:#dce1e6;--text-rgb:220, 225, 230;--accent-inputs:#74c6d8;--accent-inputs-rgb:116, 198, 216;--accent-inputs-hover:#97d4e2;--accent-inputs-hover-rgb:151, 212, 226;--accent-btn:#add7a5;--accent-btn-rgb:173, 215, 165;--accent-btn-hover:#c2e1bc;--accent-btn-hover-rgb:194, 225, 188;--dit:#ffff4e;--dit-rgb:255, 255, 78;--dah:#74c6d8;--dah-rgb:116, 198, 216;--status-green:#74c6d8;--status-green-rgb:116, 198, 216;--status-red:#fb755d;--status-red-rgb:251, 117, 93;--background-main:#2f3841;--background-main-rgb:47, 56, 65;--background-overlay:#1f242a;--background-overlay-rgb:31, 36, 42}.app--theme-teal{--background-main:#3c4d52;--background-main-rgb:60, 77, 82;--background-light:#536b72;--background-light-rgb:83.3239, 106.932, 113.876;--background-overlay:#242e31;--background-overlay-rgb:36, 46.2, 49.2;--background-overlay-hover:#121719;--background-overlay-hover-rgb:18, 23.1, 24.6;--text:white;--text-rgb:255, 255, 255;--accent-btn:#b1e2a8;--accent-btn-rgb:177, 226, 168;--accent-btn-light:#cdf3c6;--accent-btn-light-rgb:204.6, 242.82, 197.58;--accent-btn-hover:#b3f5a6;--accent-btn-hover-rgb:178.5, 245.14, 166.26;--accent-input:#74cfe4;--accent-input-rgb:116, 207, 228;--accent-input-light:#a7e5f4;--accent-input-light-rgb:166.74, 229.238, 243.66;--accent-input-hover:#7bdff6;--accent-input-hover-rgb:123.08, 222.806, 245.82;--dit:#ccf58a;--dit-rgb:204, 245, 138;--dah:#68afbe;--dah-rgb:104, 175, 190;--status-green:#74c6d8;--status-green-rgb:116, 198, 216;--status-red:#ff7a75;--status-red-rgb:255, 122, 117}.app--theme-antique{--background-main:#52504c;--background-main-rgb:82, 80, 76;--background-light:#6d6b65;--background-light-rgb:109.403, 106.734, 101.397;--background-overlay:#31302e;--background-overlay-rgb:49.2, 48, 45.6;--background-overlay-hover:#191817;--background-overlay-hover-rgb:24.6, 24, 22.8;--text:white;--text-rgb:255, 255, 255;--accent-btn:#b4d1d1;--accent-btn-rgb:180, 209, 209;--accent-btn-light:#caecec;--accent-btn-light-rgb:201.72, 235.68, 235.68;--accent-btn-hover:#a8efef;--accent-btn-hover-rgb:167.79, 239.36, 239.36;--accent-input:#f7cfa0;--accent-input-rgb:247, 207, 160;--accent-input-light:#fce2c5;--accent-input-light-rgb:251.64, 226.316, 196.56;--accent-input-hover:#fcd7aa;--accent-input-hover-rgb:252.28, 214.528, 170.17;--dit:#f7cfa0;--dit-rgb:247, 207, 160;--dah:#b4d1d1;--dah-rgb:180, 209, 209;--status-green:#5fc2a4;--status-green-rgb:95, 194, 164;--status-red:#f7a289;--status-red-rgb:247, 162, 137}.app--theme-rose{--background-main:#3f504e;--background-main-rgb:63, 80, 78;--background-light:#576f6c;--background-light-rgb:87.2528, 110.797, 108.027;--background-overlay:#26302f;--background-overlay-rgb:37.8, 48, 46.8;--background-overlay-hover:#131817;--background-overlay-hover-rgb:18.9, 24, 23.4;--text:white;--text-rgb:255, 255, 255;--accent-btn:#b4e3ab;--accent-btn-rgb:180, 227, 171;--accent-btn-light:#cff3c8;--accent-btn-light-rgb:206.58, 243.24, 199.56;--accent-btn-hover:#b6f5a9;--accent-btn-hover-rgb:181.56, 245.48, 169.32;--accent-input:#f1767c;--accent-input-rgb:241, 118, 124;--accent-input-light:#f9aaae;--accent-input-light-rgb:249.12, 170.28, 174.126;--accent-input-hover:#fa8389;--accent-input-hover-rgb:250.24, 131.41, 137.207;--dit:#b4e3ab;--dit-rgb:180, 227, 171;--dah:#ef9dab;--dah-rgb:239, 157, 171;--status-green:#83e0a7;--status-green-rgb:131, 224, 167;--status-red:#f17b99;--status-red-rgb:241, 123, 153}.app--theme-autumn{--background-main:#55514c;--background-main-rgb:85, 81, 76;--background-light:#716b65;--background-light-rgb:112.638, 107.338, 100.712;--background-overlay:#33312e;--background-overlay-rgb:51, 48.6, 45.6;--background-overlay-hover:#1a1817;--background-overlay-hover-rgb:25.5, 24.3, 22.8;--text:white;--text-rgb:255, 255, 255;--accent-btn:#df925f;--accent-btn-rgb:223, 146, 95;--accent-btn-light:#f2bc99;--accent-btn-light-rgb:241.56, 188.43, 153.24;--accent-btn-hover:#f49f67;--accent-btn-hover-rgb:244.12, 159.035, 102.68;--accent-input:#dfee9f;--accent-input-rgb:223, 238, 159;--accent-input-light:#eef8c2;--accent-input-light-rgb:237.698, 247.86, 194.34;--accent-input-hover:#e9f9a5;--accent-input-hover-rgb:233.178, 249.22, 164.73;--dit:#b2e0bc;--dit-rgb:178, 224, 188;--dah:#da8c55;--dah-rgb:218, 140, 85;--status-green:#90daac;--status-green-rgb:144, 218, 172;--status-red:#fb7d5d;--status-red-rgb:251, 125, 93}.app--theme-neon{--background-main:#2b3358;--background-main-rgb:43, 51, 88;--background-light:#3e497e;--background-light-rgb:61.6607, 73.1325, 126.189;--background-overlay:#1a1f35;--background-overlay-rgb:25.8, 30.6, 52.8;--background-overlay-hover:#0d0f1a;--background-overlay-hover-rgb:12.9, 15.3, 26.4;--text:white;--text-rgb:255, 255, 255;--accent-btn:#cfe66c;--accent-btn-rgb:207, 230, 108;--accent-btn-light:#e5f5a2;--accent-btn-light-rgb:229.003, 244.5, 162.3;--accent-btn-hover:#def775;--accent-btn-hover-rgb:222.143, 246.5, 117.3;--accent-input:#fd64c5;--accent-input-rgb:253, 100, 197;--accent-input-light:#fea2dc;--accent-input-light-rgb:254.16, 161.64, 220.296;--accent-input-hover:#fe7ace;--accent-input-hover-rgb:254.32, 122.23, 205.973;--dit:#e2ff61;--dit-rgb:226, 255, 97;--dah:#ff6dca;--dah-rgb:255, 109, 202;--status-green:#3fddbb;--status-green-rgb:63, 221, 187;--status-red:#ff457d;--status-red-rgb:255, 69, 125}.app--theme-hifi{--background-main:#454a4b;--background-main-rgb:69, 74, 75;--background-light:#5f6668;--background-light-rgb:95.3063, 102.213, 103.594;--background-overlay:#292c2d;--background-overlay-rgb:41.4, 44.4, 45;--background-overlay-hover:#151617;--background-overlay-hover-rgb:20.7, 22.2, 22.5;--text:white;--text-rgb:255, 255, 255;--accent-btn:#eedc8c;--accent-btn-rgb:238, 220, 140;--accent-btn-light:#f8ecb7;--accent-btn-light-rgb:247.86, 235.936, 182.94;--accent-btn-hover:#f9e795;--accent-btn-hover-rgb:249.22, 230.735, 148.58;--accent-input:#95e6e0;--accent-input-rgb:149, 230, 224;--accent-input-light:#bbf5f0;--accent-input-light-rgb:186.9, 244.5, 240.233;--accent-input-hover:#98f7f0;--accent-input-hover-rgb:152.15, 246.5, 239.511;--dit:#95e6e0;--dit-rgb:149, 230, 224;--dah:#f1bd81;--dah-rgb:241, 189, 129;--status-green:#79d3ad;--status-green-rgb:121, 211, 173;--status-red:#ff765e;--status-red-rgb:255, 118, 94}.app--theme-tropical{--background-main:#394152;--background-main-rgb:57, 65, 82;--background-light:#505b73;--background-light-rgb:79.8205, 91.0234, 114.83;--background-overlay:#222731;--background-overlay-rgb:34.2, 39, 49.2;--background-overlay-hover:#111419;--background-overlay-hover-rgb:17.1, 19.5, 24.6;--text:white;--text-rgb:255, 255, 255;--accent-btn:#57ded7;--accent-btn-rgb:87, 222, 215;--accent-btn-light:#94f1ec;--accent-btn-light-rgb:148.26, 241.14, 236.324;--accent-btn-hover:#5ff4ec;--accent-btn-hover-rgb:95.37, 243.78, 236.085;--accent-input:#ffe054;--accent-input-rgb:255, 224, 84;--accent-input-light:#ffec98;--accent-input-light-rgb:255, 236.4, 152.4;--accent-input-hover:#ffe56e;--accent-input-hover-rgb:255, 228.65, 109.65;--dit:#ffcb5c;--dit-rgb:255, 203, 92;--dah:#57ded7;--dah-rgb:87, 222, 215;--status-green:#3fdd93;--status-green-rgb:63, 221, 147;--status-red:#ff714d;--status-red-rgb:255, 113, 77}.app--theme-eggplant{--background-main:#504450;--background-main-rgb:80, 68, 80;--background-light:#6d5d6d;--background-light-rgb:109.351, 92.9487, 109.351;--background-overlay:#302930;--background-overlay-rgb:48, 40.8, 48;--background-overlay-hover:#181418;--background-overlay-hover-rgb:24, 20.4, 24;--text:white;--text-rgb:255, 255, 255;--accent-btn:#ffb34a;--accent-btn-rgb:255, 179, 74;--accent-btn-light:#ffd192;--accent-btn-light-rgb:255, 209.4, 146.4;--accent-btn-hover:#ffbe65;--accent-btn-hover-rgb:255, 190.4, 101.15;--accent-input:#d2ec95;--accent-input-rgb:210, 236, 149;--accent-input-light:#e5f7bc;--accent-input-light-rgb:229.376, 247.02, 187.98;--accent-input-hover:#ddf99b;--accent-input-hover-rgb:220.648, 248.54, 155.21;--dit:#d2ec95;--dit-rgb:210, 236, 149;--dah:#d89f4f;--dah-rgb:216, 159, 79;--status-green:#62e9c1;--status-green-rgb:98, 233, 193;--status-red:#ff725f;--status-red-rgb:255, 114, 95}.app--theme-console{--background-main:#343f39;--background-main-rgb:52, 63, 57;--background-light:#4f5f56;--background-light-rgb:78.7913, 95.4587, 86.3674;--background-overlay:#1f2622;--background-overlay-rgb:31.2, 37.8, 34.2;--background-overlay-hover:#101311;--background-overlay-hover-rgb:15.6, 18.9, 17.1;--text:white;--text-rgb:255, 255, 255;--accent-btn:#7edaa7;--accent-btn-rgb:126, 218, 167;--accent-btn-light:#abefc9;--accent-btn-light-rgb:170.94, 239.46, 201.476;--accent-btn-hover:#7ef2b2;--accent-btn-hover-rgb:126.48, 242.42, 178.149;--accent-input:#7edaa7;--accent-input-rgb:126, 218, 167;--accent-input-light:#abefc9;--accent-input-light-rgb:170.94, 239.46, 201.476;--accent-input-hover:#7ef2b2;--accent-input-hover-rgb:126.48, 242.42, 178.149;--dit:#7edaa7;--dit-rgb:126, 218, 167;--dah:#648874;--dah-rgb:100, 136, 116;--status-green:#7edaa7;--status-green-rgb:126, 218, 167;--status-red:#ff6c6c;--status-red-rgb:255, 108, 108}.app--theme-amethyst{--background-main:#2f3e4d;--background-main-rgb:47, 62, 77;--background-light:#455b71;--background-light-rgb:68.946, 90.95, 112.954;--background-overlay:#1c252e;--background-overlay-rgb:28.2, 37.2, 46.2;--background-overlay-hover:#0e1317;--background-overlay-hover-rgb:14.1, 18.6, 23.1;--text:white;--text-rgb:255, 255, 255;--accent-btn:#72e3e7;--accent-btn-rgb:114, 227, 231;--accent-btn-light:#a6f2f5;--accent-btn-light-rgb:166.08, 242.225, 244.92;--accent-btn-hover:#7bf3f7;--accent-btn-hover-rgb:122.91, 242.603, 246.84;--accent-input:#d466ff;--accent-input-rgb:212, 102, 255;--accent-input-light:#e5a3ff;--accent-input-light-rgb:229.2, 163.2, 255;--accent-input-hover:#da7dff;--accent-input-hover-rgb:218.45, 124.95, 255;--dit:#77d8db;--dit-rgb:119, 216, 219;--dah:#d466ff;--dah-rgb:212, 102, 255;--status-green:#3fddae;--status-green-rgb:63, 221, 174;--status-red:#fd4683;--status-red-rgb:253, 70, 131}.app--theme-coral{--background-main:#3e5358;--background-main-rgb:62, 83, 88;--background-light:#547178;--background-light-rgb:84.32, 112.88, 119.68;--background-overlay:#253235;--background-overlay-rgb:37.2, 49.8, 52.8;--background-overlay-hover:#13191a;--background-overlay-hover-rgb:18.6, 24.9, 26.4;--text:white;--text-rgb:255, 255, 255;--accent-btn:#ee6d82;--accent-btn-rgb:238, 109, 130;--accent-btn-light:#f8a4b2;--accent-btn-light-rgb:247.86, 164.34, 177.936;--accent-btn-hover:#f97a8f;--accent-btn-hover-rgb:249.22, 122.23, 142.903;--accent-input:#8ae9f0;--accent-input-rgb:138, 233, 240;--accent-input-light:#b6f4f9;--accent-input-light-rgb:182.1, 244.129, 248.7;--accent-input-hover:#94f3fa;--accent-input-hover-rgb:147.9, 242.9, 249.9;--dit:#5de4ee;--dit-rgb:93, 228, 238;--dah:#cc7685;--dah-rgb:204, 118, 133;--status-green:#4fcca6;--status-green-rgb:79, 204, 166;--status-red:#ff778e;--status-red-rgb:255, 119, 142}.app--theme-galaxy{--background-main:#343f49;--background-main-rgb:52, 63, 73;--background-light:#4c5c6b;--background-light-rgb:76.024, 92.106, 106.726;--background-overlay:#1f262c;--background-overlay-rgb:31.2, 37.8, 43.8;--background-overlay-hover:#101316;--background-overlay-hover-rgb:15.6, 18.9, 21.9;--text:white;--text-rgb:255, 255, 255;--accent-btn:#21f0ff;--accent-btn-rgb:33, 240, 255;--accent-btn-light:#7af6ff;--accent-btn-light-rgb:121.8, 246, 255;--accent-btn-hover:#42f2ff;--accent-btn-hover-rgb:66.3, 242.25, 255;--accent-input:#ff4382;--accent-input-rgb:255, 67, 130;--accent-input-light:#ff8eb4;--accent-input-light-rgb:255, 142.2, 180;--accent-input-hover:#ff5f95;--accent-input-hover-rgb:255, 95.2, 148.75;--dit:#15c0eb;--dit-rgb:21, 192, 235;--dah:#da4672;--dah-rgb:218, 70, 114;--status-green:#2ef1b7;--status-green-rgb:46, 241, 183;--status-red:#ff4382;--status-red-rgb:255, 67, 130}:root{--font:"Outfit", sans-serif;--font-mono:"JetBrains Mono", Courier, monospace;--max-content-width:600px;--max-content-height:900px;--max-quiz-settings-width:300px;--header-height:70px;--dit-sm:2px;--dit-md:3px;--dit-lg:6px;--dit-xl:10px;--side-padding:22px;--quiz-bottom-gap:12px;--box-radius:12px;--morse-key-height:80px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-user-select:none;user-select:none;height:100%}body{height:100%;color:rgba(var(--text-rgb), .8);font-optical-sizing:auto;margin:0;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1;position:relative}body,button,a,textarea,input{font-family:var(--font);color:rgba(var(--text-rgb), .8)}h1,h2,h3,h4,h5,h6,p{font-family:var(--font);font-size:16px;font-weight:600;line-height:1.3}p{margin:0 0 20px;font-weight:500}p b{font-weight:700}p.small-text,span.small-text{font-size:13px}a{font-weight:600;text-decoration:none}button{cursor:pointer;background:unset;border:unset;padding:unset;margin:unset;-webkit-tap-highlight-color:transparent;font-size:14px;display:flex;position:relative}button:focus{outline:none}button,button span,button svg{z-index:2;transition:all .3s;position:relative}button svg{flex-shrink:0}button .btn-auto-progress{z-index:1;background:var(--background-light);opacity:0;animation-name:growToFullWidth;animation-timing-function:linear;position:absolute;top:0;bottom:0;left:0}@keyframes growToFullWidth{0%{opacity:0;width:0%}20%{opacity:0;width:30%}to{opacity:1;width:100%}}button.btn{border-radius:24px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:8px 12px;display:flex}button.btn,button.btn span{color:rgba(var(--text-rgb), .7);text-transform:uppercase;font-weight:550}button.btn svg{width:24px;height:24px;fill:rgba(var(--text-rgb), .7)}button.btn:not(:disabled):hover span,button.btn:not(:disabled):active span{color:rgba(var(--text-rgb), .9)}button.btn:not(:disabled):hover svg,button.btn:not(:disabled):active svg{fill:rgba(var(--text-rgb), .9)}button.btn:disabled{cursor:not-allowed;opacity:.4}button.btn:disabled span{color:rgba(var(--text-rgb), .5)}button.btn:disabled svg{fill:rgba(var(--text-rgb), .5)}button.btn--flex{flex-grow:1}button.btn--outlined{background:linear-gradient(to bottom, rgba(var(--background-light-rgb), .3), rgba(var(--background-main-rgb), .2));min-width:48px;box-shadow:inset 0 1px 1px rgba(var(--text-rgb), .2), inset 1px 2px 10px rgba(var(--accent-btn-rgb), .1), inset 2px 4px 20px rgba(var(--background-light-rgb), .6), -2px -2px 8px rgba(var(--background-light-rgb), .5), 2px 2px 8px rgba(var(--background-overlay-hover-rgb), .3)}button.btn--outlined span{color:var(--accent-btn);text-shadow:0 0 5px rgba(var(--accent-btn-rgb), .3);padding-right:4px}button.btn--outlined svg{fill:var(--accent-btn);filter:drop-shadow(0 0 5px rgba(var(--accent-btn-rgb), .3))}button.btn--outlined:not(:disabled):hover,button.btn--outlined:not(:disabled):active{background:linear-gradient(to bottom, rgba(var(--background-light-rgb), .8), rgba(var(--background-main-rgb), .8));box-shadow:inset 0 1px 1px rgba(var(--text-rgb), .2), inset 1px 2px 10px rgba(var(--accent-btn-rgb), .1), inset 2px 4px 28px rgba(var(--background-light-rgb), 1), -1px -1px 4px rgba(var(--background-light-rgb), .7), 1px 1px 4px rgba(var(--background-overlay-hover-rgb), .5)}button.btn--outlined:not(:disabled):hover span,button.btn--outlined:not(:disabled):active span{color:var(--accent-btn-light)}button.btn--outlined:not(:disabled):hover svg,button.btn--outlined:not(:disabled):active svg{fill:var(--accent-btn-light)}button.btn--full{background:rgba(var(--text-rgb), .2)}button.btn--full:not(:disabled):hover,button.btn--full:not(:disabled):active{background:rgba(var(--text-rgb), .3)}button.btn--full:not(:disabled):hover span,button.btn--full:not(:disabled):active span{color:rgba(var(--text-rgb), .9)}button.btn--small{background:rgba(var(--background-overlay-rgb), .3);min-width:32px;min-height:32px;box-shadow:inset 0 1px 1px rgba(var(--text-rgb), .2), inset 1px 1px 30px rgba(var(--background-light-rgb), .4), -3px -3px 8px rgba(var(--background-light-rgb), .25), 3px 3px 6px rgba(var(--background-overlay-hover-rgb), .2);border-radius:8px;gap:6px;padding:0 4px;display:flex}button.btn--small svg{width:20px;height:20px;fill:var(--accent-btn)}button.btn--small span{color:var(--accent-btn);font-size:12px}button.btn--small svg+span{padding-right:4px}button.btn--small:not(:disabled):active,button.btn--small:not(:disabled):hover{background:rgba(var(--background-light-rgb), .8)}button.btn--small:not(:disabled):active span,button.btn--small:not(:disabled):hover span{color:var(--accent-btn-light)}button.btn--small:not(:disabled):active svg,button.btn--small:not(:disabled):hover svg{fill:var(--accent-btn-light)}button.btn--large{height:var(--morse-key-height);border-radius:calc(var(--morse-key-height) / 2);background:rgba(var(--accent-btn-rgb), .9);background:linear-gradient(rgba(var(--accent-btn-light-rgb), .9), rgba(var(--accent-btn-rgb), .9));box-shadow:inset 1px 1px 4px rgba(var(--accent-btn-light-rgb), 1), inset 0 0 20px rgba(var(--accent-btn-light-rgb), 1), -2px -2px 12px rgba(var(--accent-btn-light-rgb), .3), -4px -4px 20px rgba(var(--accent-btn-light-rgb), .2), 4px 4px 20px rgba(var(--black-rgb), .6)}button.btn--large svg{width:38px;height:38px;fill:rgba(var(--K950-rgb), .8)}button.btn--large>span,button.btn--large>span span{color:rgba(var(--black-rgb), .75);font-size:18px;font-weight:500}button.btn--large>span span{text-transform:uppercase;font-weight:800}button.btn--large:not(:disabled):active,button.btn--large:not(:disabled):hover{opacity:.8;box-shadow:inset 1px 1px 14px rgba(var(--accent-btn-hover-rgb), .3), inset 0 0 10px rgba(var(--accent-btn-hover-rgb), 1), -1px -1px 8px rgba(var(--accent-btn-hover-rgb), .3), -2px -2px 8px rgba(var(--accent-btn-light-rgb), .2), 3px 3px 10px rgba(var(--black-rgb), .4)}button.btn--large:not(:disabled):active span,button.btn--large:not(:disabled):hover span{color:rgba(var(--black-rgb), .75)}button.btn--large:not(:disabled):active svg,button.btn--large:not(:disabled):hover svg{fill:rgba(var(--black-rgb), .75)}button.btn--stop span{text-shadow:0 0 3px rgba(var(--status-red-rgb), .4)}button.btn--stop svg{filter:drop-shadow(0 0 3px rgba(var(--status-red-rgb), .4))}button.btn--stop:not(:disabled),button.btn--stop:not(:disabled):hover,button.btn--stop:not(:disabled):active{background:rgba(var(--status-red-rgb), .1);box-shadow:inset 0 1px 1px rgba(var(--status-red-rgb), .5), inset 0 -1px 1px 1px rgba(var(--status-red-rgb), .1), inset 4px 6px 30px rgba(var(--status-red-rgb), .3), -4px -4px 12px rgba(var(--status-red-rgb), .1), 5px 5px 12px rgba(var(--background-overlay-hover-rgb), .1)}button.btn--stop:not(:disabled) span,button.btn--stop:not(:disabled):hover span,button.btn--stop:not(:disabled):active span{color:var(--status-red)}button.btn--stop:not(:disabled) svg,button.btn--stop:not(:disabled):hover svg,button.btn--stop:not(:disabled):active svg{fill:var(--status-red)}button.btn--stop:not(:disabled):hover{background:rgba(var(--status-red-rgb), .2)}.button-menu{border-radius:var(--box-radius);background:var(--background-overlay);background:linear-gradient(rgba(var(--background-overlay-rgb), .4), rgba(var(--background-overlay-hover-rgb), .4));width:100%;box-shadow:inset 1px 2px 6px rgba(var(--background-overlay-hover-rgb), .4), inset 1px 2px 20px rgba(var(--background-overlay-hover-rgb), .4), 0 1px 3px 0 rgba(var(--background-light-rgb), .7), 0 0 6px rgba(var(--background-light-rgb), .4), 0 0 24px rgba(var(--background-light-rgb), .4);gap:6px;padding:6px;display:flex}.button-menu .btn-menu-item{height:42px;color:rgba(var(--white-rgb), .7);text-transform:uppercase;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:0 14px;font-size:15px;font-weight:400;line-height:1;display:flex}.button-menu .btn-menu-item--selected{background:rgba(var(--accent-input-rgb), .12);box-shadow:inset 0 0 0 1px rgba(var(--accent-input-light-rgb), .4), inset 0 0 6px rgba(var(--accent-input-rgb), .6), 0 0 6px rgba(var(--accent-input-rgb), .6);color:var(--accent-input-light);text-shadow:0 0 3px rgba(var(--accent-input-rgb), .3)}.button-menu .btn-menu-item--not-selected:hover{background:rgba(var(--accent-input-rgb), .15);color:var(--accent-input-light)}.button-menu--vertical{flex-direction:column}.button-menu--vertical .btn-menu-item{flex-direction:column;gap:6px;padding:12px}.button-menu--vertical .btn-menu-item span:first-child{color:rgba(var(--text-rgb), .8);font-size:18px;font-weight:500}.button-menu--vertical .btn-menu-item span:last-child{color:rgba(var(--text-rgb), .6);text-transform:none;font-size:14px;font-weight:300;line-height:1.2}.button-menu--vertical .btn-menu-item--selected span:first-child,.button-menu--vertical .btn-menu-item--selected span:last-child,.button-menu--vertical .btn-menu-item--not-selected:hover span{color:var(--accent-input)}.button-menu--vertical-wrap{flex-direction:unset;flex-wrap:wrap}.button-menu--vertical-wrap .btn-menu-item{flex:unset;width:calc(50% - 3px)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;display:table;overflow:auto}table td{padding:8px}#root{width:100%;height:100%}.app{background:var(--background-main);background:radial-gradient(circle at 40% 30%, var(--background-main), var(--background-overlay));flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.app .app-center{width:100%;height:100%;max-width:var(--max-content-width);max-height:var(--max-content-height);flex-direction:column;display:flex;position:relative}.main{z-index:2;flex-direction:column;flex:1;align-items:center;width:100%;display:flex;position:relative;overflow-y:auto}.main__content{flex-direction:column;justify-content:center;width:100%;height:100%;display:flex}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.themes{padding:var(--side-padding);flex-direction:column;flex-grow:1;justify-content:space-between;gap:20px;display:flex}.themes .button-menu{margin:auto 0}.themes .btn--large{flex-grow:unset;width:100%}.modal-mask{z-index:99;background:rgba(var(--background-main-rgb), .9);background:radial-gradient(circle at 20% 20%, rgba(var(--background-main-rgb), 1), rgba(var(--background-overlay-rgb), 1));position:fixed;inset:0}.modal{z-index:100;flex-direction:column;display:flex;position:absolute;inset:0}.modal__header{z-index:1;padding:0 var(--side-padding);height:var(--header-height);flex-shrink:0;justify-content:flex-end;align-items:center;display:flex;position:relative}.modal__header span{color:rgba(var(--text-rgb), .6);text-align:center;text-transform:uppercase;flex:1;padding-left:32px;font-size:18px;font-weight:400}.modal__header button svg{width:32px;height:32px;fill:rgba(var(--text-rgb), .6);filter:drop-shadow(0 0 5px rgba(var(--background-light-rgb), 1))}.modal__header button:hover svg{fill:var(--accent-btn-hover);filter:drop-shadow(0 0 5px rgba(var(--accent-btn-rgb), .4))}.modal__content{z-index:2;flex-direction:column;flex:1;height:100%;min-height:0;display:flex;position:relative}.header{z-index:1;width:100%;height:var(--header-height);padding:0 var(--side-padding);flex-shrink:0;align-items:center;gap:20px;display:flex;position:relative}.header span{text-align:center;color:rgba(var(--text-rgb), .6);text-transform:uppercase;text-shadow:0 0 5px rgba(var(--background-light-rgb), 1);flex:1;font-size:18px;font-weight:400}.header .header-btn{align-items:center;gap:20px;display:flex}.header .header-btn svg{width:28px;height:28px;fill:rgba(var(--text-rgb), .6);filter:drop-shadow(0 0 5px rgba(var(--background-light-rgb), 1))}.header .header-btn:hover svg{fill:var(--accent-btn-hover);filter:drop-shadow(0 0 5px rgba(var(--accent-btn-rgb), .4))}.quiz-stats{opacity:0;height:calc(var(--header-height) - 16px);top:8px;left:calc(28px + var(--side-padding) * 2);right:calc(28px + var(--side-padding) * 2);background:var(--background-overlay);box-shadow:inset 0 0 0 1px rgba(var(--background-light-rgb), .5), inset 1px 1px 12px rgba(var(--background-light-rgb), .4), -2px -2px 8px rgba(var(--background-light-rgb), .3), -4px -4px 16px rgba(var(--background-light-rgb), .2), 2px 2px 8px rgba(var(--black-rgb), .2), 6px 6px 24px rgba(var(--black-rgb), .2);border-radius:12px;justify-content:space-between;align-items:center;margin-top:-100px;transition:all .6s;display:flex;position:absolute;overflow:hidden}.quiz-stats--visible{opacity:1;margin-top:0}.quiz-stats .quiz-progress-text{z-index:2;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;padding-left:14px;display:flex;position:relative}.quiz-stats .quiz-progress-text span{text-transform:uppercase}.quiz-stats .quiz-progress-text span:first-child{color:rgba(var(--white-rgb), .4);font-size:11px;font-weight:250}.quiz-stats .quiz-progress-text span:last-child{color:rgba(var(--white-rgb), .8);font-size:15px;font-weight:600}.quiz-stats .btn--outlined{z-index:2;border:unset;box-shadow:unset;background:unset;gap:4px;padding-right:15px;position:relative}.quiz-stats .btn--outlined span{color:var(--accent-btn)}.quiz-stats .btn--outlined svg{fill:var(--accent-btn)}.quiz-stats .btn--outlined:hover,.quiz-stats .btn--outlined:active,.quiz-stats .btn--outlined:not(:disabled):hover,.quiz-stats .btn--outlined:not(:disabled):active{background:unset;box-shadow:unset;background:unset}.quiz-stats .btn--outlined:hover span,.quiz-stats .btn--outlined:active span,.quiz-stats .btn--outlined:not(:disabled):hover span,.quiz-stats .btn--outlined:not(:disabled):active span{color:var(--status-red);text-shadow:0 0 3px rgba(var(--status-red-rgb), .4)}.quiz-stats .btn--outlined:hover svg,.quiz-stats .btn--outlined:active svg,.quiz-stats .btn--outlined:not(:disabled):hover svg,.quiz-stats .btn--outlined:not(:disabled):active svg{fill:var(--status-red);filter:drop-shadow(0 0 3px rgba(var(--status-red-rgb), .4))}.quiz-stats .btn--outlined span{font-size:14px}.quiz-stats .btn--outlined svg{width:22px;height:22px}.quiz-stats .quiz-stats-progress{z-index:1;background:rgba(var(--accent-btn-rgb), .15);background:linear-gradient(to right, rgba(var(--accent-btn-rgb), .1), rgba(var(--accent-btn-rgb), .2));transition:all 1s;position:absolute;top:0;bottom:0;left:0}.quiz-stats .quiz-stats-results{background:var(--background-overlay);width:100%;height:100%;box-shadow:-2px -2px 8px rgba(var(--background-light-rgb), .3), -4px -4px 16px rgba(var(--background-light-rgb), .2), 2px 2px 8px rgba(var(--black-rgb), .2), 6px 6px 24px rgba(var(--black-rgb), .2);border-radius:12px;justify-content:space-around;align-items:center;padding:0 4px;display:flex}.quiz-stats .quiz-stats-results div{flex-direction:column;gap:3px;display:flex}.quiz-stats .quiz-stats-results div span:first-child{color:rgba(var(--accent-input-rgb), 1);text-shadow:0 0 4px rgba(var(--accent-input-rgb), .3);font-size:20px;font-weight:650}.quiz-stats .quiz-stats-results div span:last-child{color:rgba(var(--white-rgb), .6);text-shadow:unset;font-size:11px;font-weight:400}.settings{flex-direction:column;height:100%;display:flex}.settings__content::-webkit-scrollbar{width:10px;height:10px}.settings__content::-webkit-scrollbar-track{background-color:rgba(var(--text-rgb), .05)}.settings__content::-webkit-scrollbar-thumb{background-color:rgba(var(--text-rgb), .2);border-radius:10px}.settings__content::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--text-rgb), .3)}.settings__content{z-index:1;padding:10px var(--side-padding) 30px;flex-direction:column;gap:24px;display:flex;position:relative;overflow-y:auto}.settings__content__toggles{flex-direction:column;gap:20px;display:flex}.settings__content__theme{justify-content:space-between;display:flex}.settings__content__wpm{align-items:center;gap:12px;display:flex}.settings__content__wpm__text{flex-direction:column;flex:1;justify-content:space-around;height:100%;display:flex}.settings__content__wpm .btn{flex-grow:0;width:130px}.settings__content__buttons{z-index:2;display:flex;position:relative}.settings__content__buttons .btn{flex:1}.setting{align-items:center;gap:20px;display:flex}.setting--slider{gap:16px}.setting--buttons{gap:6px}.setting .setting-title{text-align:left;flex-direction:column;flex:1;gap:2px;display:flex}.setting .setting-title span{color:rgba(var(--text-rgb), .8);font-size:18px;font-weight:350}.setting .setting-title span:not(:first-child){color:rgba(var(--text-rgb), .6);font-size:13px;font-weight:300}.setting--toggle{padding:4px 0}.setting__left{flex-direction:column;flex:1;gap:4px;display:flex}.setting__left__top{align-items:center;gap:8px;min-height:32px;display:flex}.setting__left__top__title{flex:1}.setting__left__top__hint{color:rgba(var(--text-rgb), .5);font-size:13px;font-weight:500}.setting__left__top .setting-close-btn svg{width:32px;height:32px;fill:rgba(var(--text-rgb), .6)}.setting__left__top .setting-close-btn:hover svg{fill:var(--accent-btn-hover)}.setting__left__top .reset-btn{color:var(--accent-btn);margin-right:4px;font-weight:300}.setting__left__top .reset-btn:not(:disabled):hover{color:var(--accent-btn-light)}.setting__left__top .reset-btn:disabled{color:rgba(var(--white-rgb), .4)}.setting__left__bottom{flex:1;align-items:center;gap:20px;display:flex}.setting__left__bottom__value{min-width:50px;color:var(--accent-input);text-shadow:0 0 4px rgba(var(--accent-input-rgb), .3);margin-top:-6px;font-size:17px;font-weight:400}.setting__left__bottom input[type=range]{flex:1;width:100%}.setting__right{flex-direction:column;gap:8px;display:flex}.setting__right .setting-toggle{border-radius:14px;width:56px;height:28px;padding:5px;transition:all .3s;display:flex;position:relative}.setting__right .setting-toggle__plate{width:18px;height:18px;box-shadow:0 1px 3px rgba(var(--black-rgb), .2), 2px 4px 8px rgba(var(--black-rgb), .2);border-radius:50%;transition:all .3s;position:absolute;top:5px;left:5px}.setting__right .setting-toggle--off{background:rgba(var(--background-light-rgb), .6);box-shadow:inset 0 0 4px rgba(var(--background-light-rgb), 1), inset 0 0 8px rgba(var(--background-light-rgb), 1), -4px -4px 10px rgba(var(--background-light-rgb), .5), 4px 4px 10px rgba(var(--black-rgb), .18)}.setting__right .setting-toggle--off .setting-toggle__plate{background:rgba(var(--text-rgb), .5)}.setting__right .setting-toggle--off:hover{background:rgba(var(--background-light-rgb), 1)}.setting__right .setting-toggle--off:hover .setting-toggle__plate{background:rgba(var(--text-rgb), .8)}.setting__right .setting-toggle--on{background:rgba(var(--accent-btn-hover-rgb), .8);box-shadow:inset 0 0 4px rgba(var(--accent-btn-light-rgb), 1), inset 0 0 8px rgba(var(--accent-btn-light-rgb), 1), -4px -4px 10px rgba(var(--background-light-rgb), .5), 4px 4px 10px rgba(var(--black-rgb), .18)}.setting__right .setting-toggle--on .setting-toggle__plate{background:rgba(var(--white-rgb), 1);left:calc(100% - 23px)}.setting__right .setting-toggle--on:hover{background:rgba(var(--accent-btn-hover-rgb), 1)}.setting--hints .setting__left,.setting--autoplay .setting__left{flex-direction:row}.setting--hints .setting__left__top,.setting--autoplay .setting__left__top{flex:1}.setting--hints .setting__left .button-menu,.setting--autoplay .setting__left .button-menu{width:auto}.setting--hints .setting__left .button-menu .btn-menu-item,.setting--autoplay .setting__left .button-menu .btn-menu-item{flex:unset}.menu{flex-direction:column;justify-content:center;display:flex}.modal .menu{gap:var(--side-padding);margin:0 var(--side-padding) var(--side-padding);flex:1}.menu-header{flex-direction:column;align-items:center;gap:6px;margin-top:-30px;display:flex}.menu-header h3{color:rgba(var(--text-rgb), .6)}.menu-header h3,.menu-header h3 span{text-transform:uppercase;font-size:36px;font-weight:600}.menu-header h3{font-weight:100}.menu-header h3 span{color:var(--accent-btn)}.menu-header span,.menu-header a{font-size:12px;font-weight:300}.menu-header span{color:rgba(var(--text-rgb), .5)}.menu-header a{color:var(--accent-input);font-weight:450;transition:all .2s}.menu-header a:hover{color:var(--accent-input-hover)}.menu-links{flex-wrap:wrap;flex:1;gap:12px;display:flex}.home .menu-links{max-height:250px}.modal .menu-links{max-height:300px;margin:auto 0}.menu-links .link{background:rgba(var(--background-main-rgb), .2);width:calc(50% - 6px);box-shadow:inset 0 1px 1px rgba(var(--text-rgb), .2), inset 4px 6px 30px rgba(var(--background-light-rgb), .5), -4px -4px 12px rgba(var(--background-light-rgb), .1), 4px 4px 12px rgba(var(--background-overlay-hover-rgb), .3);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.menu-links .link svg{width:48px;height:48px;fill:var(--accent-input);filter:drop-shadow(0 0 4px rgba(var(--accent-input-rgb), .6))}.menu-links .link span{color:rgba(var(--text-rgb), .9);text-shadow:0 0 3px rgba(var(--text-rgb), .3);text-transform:uppercase;gap:6px;font-size:17px;font-weight:400;display:flex}@media (height<=600px){.home .menu-links .link{gap:8px}.home .menu-links .link svg{width:38px;height:38px}.home .menu-links .link span{font-size:16px}}.menu-links .link:hover{background:rgba(var(--background-light-rgb), .3);box-shadow:inset 0 0 2px 1px rgba(var(--accent-input-hover-rgb), .5), inset 0 0 30px rgba(var(--accent-input-hover-rgb), .5), -3px -3px 8px rgba(var(--background-light-rgb), .1), 3px 3px 8px rgba(var(--background-overlay-hover-rgb), .1)}.menu-links .link:hover svg{fill:var(--accent-input-hover)}.menu-links .link:hover span{color:var(--accent-input-hover)}.secondary-menu-links{flex-direction:unset;flex-wrap:wrap;gap:12px;display:flex}.secondary-menu-links .btn{width:calc(50% - 6px)}.learn{flex-direction:column;width:100%;height:100%;display:flex}.learn__menu{z-index:2;width:100%;padding:0 20px 20px;display:flex;position:relative}.learn__content::-webkit-scrollbar{width:10px;height:10px}.learn__content::-webkit-scrollbar-track{background-color:rgba(var(--text-rgb), .05)}.learn__content::-webkit-scrollbar-thumb{background-color:rgba(var(--text-rgb), .2);border-radius:10px}.learn__content::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--text-rgb), .3)}.learn__content{z-index:1;flex-direction:column;gap:12px;height:100%;padding:20px 0 40px;display:flex;position:relative;overflow-y:auto}.learn__content__instructions{color:rgba(var(--text-rgb), .5);text-align:center;font-size:14px}.learn__content__symbols{flex-wrap:wrap;justify-content:center;padding:0 8px;display:flex}.symbol{background:0 0;flex-direction:column;align-items:center;gap:8px;width:90px;padding:12px 0 22px;transition:all .3s;display:flex}.symbol,.symbol:after{border-radius:8px}.symbol__text{font-size:28px;font-weight:500}.symbol:disabled{opacity:.5}.symbol:disabled.symbol--is-playing{opacity:1;background:var(--background-overlay)}.prosigns{flex-direction:column;gap:30px;padding:10px;display:flex}.prosigns .prosign{text-align:left;background:0 0;flex-direction:column;gap:20px;padding:20px;transition:all .3s;display:flex}.prosigns .prosign,.prosigns .prosign:after{border-radius:var(--box-radius)}.prosigns .prosign__top{color:rgba(var(--text-rgb), 1);flex-direction:column;align-items:flex-start;gap:6px;display:flex}.prosigns .prosign__top__sign{display:flex}.prosigns .prosign__top__sign>span{flex-shrink:0;gap:6px;font-size:28px;font-weight:700;display:flex}.prosigns .prosign__top__sign>span .linked{text-decoration:overline}.prosigns .prosign__top__voice{text-align:right;font-size:14px;font-weight:700}.prosigns .prosign__code{font-size:16px;font-weight:400;display:flex}.prosigns .prosign__code .morse-char{justify-content:flex-start}.prosigns .prosign__details{color:rgba(var(--text-rgb), .8);font-size:15px;font-weight:300;line-height:1.4}.prosigns .prosign:disabled{opacity:.5}.prosigns .prosign:disabled.prosign--is-playing{opacity:1;background:var(--background-overlay)}.morse-char{flex-wrap:wrap;justify-content:center;display:flex;position:relative}.morse-char .dit-dah--dit{background:var(--dit)}.morse-char .dit-dah--dah{background:var(--dah)}.morse-char .dit-dah--in-progress{background:rgba(var(--text-rgb), .8);transform-origin:0;animation-name:in-progress;animation-timing-function:linear}@keyframes in-progress{0%{transform:scaleX(.25)}to{transform:scaleX(1)}}.morse-char--sm{gap:var(--dit-sm)}.morse-char--sm .dit-dah{height:var(--dit-sm);border-radius:calc(var(--dit-sm) / 2)}.morse-char--sm .dit-dah--space,.morse-char--sm .dit-dah--dit{width:var(--dit-sm)}.morse-char--sm .dit-dah--dah,.morse-char--sm .dit-dah--in-progress{width:calc(var(--dit-sm) * 3)}.morse-char--md{gap:var(--dit-md)}.morse-char--md .dit-dah{height:var(--dit-md);border-radius:calc(var(--dit-md) / 2)}.morse-char--md .dit-dah--space,.morse-char--md .dit-dah--dit{width:var(--dit-md)}.morse-char--md .dit-dah--dah,.morse-char--md .dit-dah--in-progress{width:calc(var(--dit-md) * 3)}.morse-char--lg{gap:var(--dit-lg)}.morse-char--lg .dit-dah{height:var(--dit-lg);border-radius:calc(var(--dit-lg) / 2)}.morse-char--lg .dit-dah--space,.morse-char--lg .dit-dah--dit{width:var(--dit-lg)}.morse-char--lg .dit-dah--dah,.morse-char--lg .dit-dah--in-progress{width:calc(var(--dit-lg) * 3)}.morse-char--xl{gap:var(--dit-xl)}.morse-char--xl .dit-dah{height:var(--dit-xl);border-radius:calc(var(--dit-xl) / 2)}.morse-char--xl .dit-dah--space,.morse-char--xl .dit-dah--dit{width:var(--dit-xl)}.morse-char--xl .dit-dah--dah,.morse-char--xl .dit-dah--in-progress{width:calc(var(--dit-xl) * 3)}.keyboard-wrap{width:calc(100% + var(--side-padding) * 2 - 16px);margin-bottom:calc(var(--side-padding) * -1 + 12px);flex-direction:column;align-items:center;max-width:500px;display:flex}.keyboard{flex-direction:column;gap:4px;width:100%;display:flex}.keyboard__row{justify-content:center;gap:4px;width:100%;display:flex}.keyboard__row .key{white-space:nowrap;background:rgba(var(--background-overlay-rgb), .2);box-shadow:inset 0 1px 1px rgba(var(--text-rgb), .2), inset 1px 1px 30px rgba(var(--background-light-rgb), .4), -4px -4px 8px rgba(var(--background-light-rgb), .1), 4px 4px 8px rgba(var(--background-overlay-hover-rgb), .2);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0 4px;display:flex}.keyboard__row .key__letter{text-align:center;color:rgba(var(--white-rgb), .7);font-size:22px;font-weight:500}.keyboard__row .key .morse-char{min-height:calc(var(--dit-sm) * 2)}.keyboard__row .key:hover .key__letter{color:rgba(var(--white-rgb), 1)}.keyboard__row .key:hover{background:rgba(var(--background-light-rgb), .7);box-shadow:inset 0 1px 1px rgba(var(--text-rgb), .2), inset 4px 6px 30px rgba(var(--background-light-rgb), .7), -2px -2px 6px rgba(var(--background-light-rgb), .2), 2px 2px 3px rgba(var(--background-overlay-hover-rgb), .1)}.keyboard--regular .keyboard__row .key{aspect-ratio:.7;width:calc(10% - 3.6px)}.keyboard--regular .keyboard__row:nth-child(2){margin-left:calc(-3% + 1.08px)}.keyboard--special-chars .keyboard__row .key{aspect-ratio:1;width:calc(14.2857% - 3.42857px)}.app--mode-receive.app--hints-delayed .keyboard .keyboard__row .key .morse-char,.app--mode-receive.app--hints-off .keyboard .keyboard__row .key .morse-char{display:none}.quiz{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.quiz__content{width:100%;height:100%;padding:calc(var(--side-padding) / 2) var(--side-padding) var(--side-padding);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:0;display:flex}.quiz__content .button-menu{max-width:var(--max-quiz-settings-width)}.quiz__content__qty{width:100%;max-width:var(--max-quiz-settings-width);justify-content:center;align-items:center;min-height:76px;padding:0 12px;display:flex}.quiz__content__qty .btn{flex-grow:unset;border:unset;aspect-ratio:1;border-radius:50%}.quiz__content__qty .btn svg{width:32px;height:32px}.quiz__content__qty__practice{display:none}.quiz__content__qty__desc{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding-bottom:2px;display:flex}.quiz__content__qty__desc span{color:var(--accent-btn);text-shadow:0 0 4px rgba(var(--accent-btn-rgb), .3)}.quiz__content__qty__desc span:first-child{font-size:30px;font-weight:700}.quiz__content__qty__desc span:last-child{text-transform:lowercase;font-size:14px}.quiz__content__progress-stats{gap:20px;padding:0 8px;display:flex}.quiz__content__word::-webkit-scrollbar{width:10px;height:10px}.quiz__content__word::-webkit-scrollbar-track{background-color:rgba(var(--text-rgb), .05)}.quiz__content__word::-webkit-scrollbar-thumb{background-color:rgba(var(--text-rgb), .2);border-radius:10px}.quiz__content__word::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--text-rgb), .3)}.quiz__content__word{flex:1;justify-content:center;align-items:center;gap:4px;width:100%;display:flex;overflow-y:auto}.quiz__content__action-buttons{gap:12px;width:100%;display:flex}.quiz__content__action-buttons .btn{flex:1}.quiz__bottom{width:100%;padding:0 var(--side-padding) var(--side-padding);justify-content:center;align-items:center;gap:var(--quiz-bottom-gap);flex-direction:column;display:flex}.quiz__bottom .morse-keys,.quiz__bottom .btn--large{width:100%}.quiz-instructions{color:rgba(var(--text-rgb), .6);text-align:center;flex:1;justify-content:center;align-items:center;padding:0 40px;font-size:14px;line-height:1.5;display:flex}.quiz-done-stats{flex:1;justify-content:center;align-items:center;gap:12px;width:100%;padding:0 12px;display:flex}.quiz-done-stats div{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.quiz-done-stats div span:first-child{font-size:40px;font-weight:700}.quiz-done-stats div span:last-child{text-transform:uppercase;font-size:16px;font-weight:400}.word{flex-wrap:wrap;margin:auto;display:flex}.word .slash{color:rgba(var(--text-rgb), .2);justify-content:center;align-items:center;font-weight:700;display:flex}.word .letter{background:var(--background-overlay);background:radial-gradient(circle at 40% 10%, rgba(var(--black-rgb), .2), rgba(var(--black-rgb), .1));box-shadow:inset -1px -1px 1px rgba(var(--background-light-rgb), .6), inset 1px 1px 12px rgba(var(--black-rgb), .22);flex-direction:column;justify-content:center;align-items:center;transition:unset;display:flex}.word .letter span{color:rgba(var(--text-rgb), .6);text-transform:uppercase;font-weight:550;transition:unset}.word .letter:disabled{cursor:not-allowed}.word .letter--empty{color:rgba(var(--text-rgb), .4)}.word .letter--current{box-shadow:inset 0 0 0 2px rgba(var(--text-rgb), .6), inset 0 0 20px rgba(var(--text-rgb), .3), inset -1px -1px 1px rgba(var(--background-light-rgb), .6), inset 1px 1px 12px rgba(var(--black-rgb), .3)}.word .letter--current span{color:rgba(var(--text-rgb), 1)}.word .letter--current:not(:disabled):hover{background:rgba(var(--text-rgb), .1)}.word .letter--current:after{box-shadow:0 0 0 rgba(var(--text-rgb), .1)}.word .letter--incorrect{box-shadow:inset 0 0 0 2px rgba(var(--status-red-rgb), .8), inset 0 0 8px rgba(var(--status-red-rgb), .6), inset -1px -1px 1px rgba(var(--background-light-rgb), .6), inset 1px 1px 12px rgba(var(--black-rgb), .3)}.word .letter--incorrect span{color:var(--status-red)}.word .letter--correct span{color:var(--status-green)}.word--size-sm{gap:2px}.word--size-sm .letter,.word--size-sm .slash{min-width:30px;min-height:36px}.word--size-sm .letter,.word--size-sm .letter:after,.word--size-sm .slash,.word--size-sm .slash:after{border-radius:4px}.word--size-sm .letter,.word--size-sm .letter span,.word--size-sm .slash,.word--size-sm .slash span{font-size:19px}.word--size-md{gap:4px}.word--size-md .letter,.word--size-md .slash{min-width:42px;min-height:52px}.word--size-md .letter,.word--size-md .letter:after,.word--size-md .slash,.word--size-md .slash:after{border-radius:6px}.word--size-md .letter,.word--size-md .letter span,.word--size-md .slash,.word--size-md .slash span{font-size:26px}.word--size-lg{gap:8px}.word--size-lg .letter,.word--size-lg .slash{min-width:80px;min-height:100px}.word--size-lg .letter,.word--size-lg .letter:after,.word--size-lg .slash,.word--size-lg .slash:after{border-radius:10px}.word--size-lg .letter,.word--size-lg .letter span,.word--size-lg .slash,.word--size-lg .slash span{font-size:50px}.app--hints-on.app--mode-receive .word .letter--empty span{opacity:0}.app--hints-on.app--mode-receive .word .letter--current span{opacity:0;animation:.3s linear forwards fade-in}.app--hints-on.app--mode-receive .word .letter--incorrect span{opacity:1;animation:unset}.app--hints-delayed.app--mode-receive .word .letter--empty span{opacity:0}.app--hints-delayed.app--mode-receive .word .letter--current span{opacity:0;animation:4s linear 5s forwards fade-in}.app--hints-delayed.app--mode-receive .word .letter--incorrect span{opacity:1;animation:unset}.app--hints-off.app--mode-receive .word .letter--empty span,.app--hints-off.app--mode-receive .word .letter--current span,.app--hints-off.app--mode-receive .word .letter--incorrect span{opacity:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.quiz--source-practice .quiz__content__qty .btn,.quiz--source-practice .quiz__content__qty__desc{display:none}.quiz--source-practice .quiz__content__qty__practice{color:var(--accent-input);padding:10px;display:flex}.morse-keys{gap:var(--quiz-bottom-gap);flex-direction:column;display:flex}.morse-keys--hide-keys{display:none}.morse-keys__top{z-index:1;justify-content:space-between;align-items:center;height:50px;padding:0 0 0 32px;display:flex;position:relative}.morse-keys__top__change{flex-direction:column;align-items:flex-end;display:flex}.morse-keys__top__change span{padding:0 6px 0 7px;font-size:13px;font-weight:450}.morse-keys__top__change span:first-child{color:rgba(var(--text-rgb), .3)}.morse-keys__top__change span:last-child{color:rgba(var(--text-rgb), .7);padding-top:2%;padding-bottom:2px}.morse-keys__top__change:not(:disabled):hover span:last-child,.morse-keys__top__change:not(:disabled):active span:last-child{color:rgba(var(--text-rgb), .7)}.morse-keys__top__morse-queue{gap:var(--dit-xl);min-height:var(--dit-xl);flex:1;display:flex;position:relative}.morse-keys__top__morse-queue>.morse-char{z-index:2;position:relative}.morse-keys__top__morse-queue .morse-hint{opacity:0;z-index:1;position:absolute;top:0;left:0}.morse-keys__top__morse-queue .morse-hint .morse-char .dit-dah{background:rgba(var(--text-rgb), .3)}.app--hints-on.app--mode-send .morse-keys__top__morse-queue .morse-hint{animation:.3s linear forwards fade-in}.app--hints-delayed.app--mode-send .morse-keys__top__morse-queue .morse-hint{animation:4s linear 5s forwards fade-in}.morse-keys__keys{gap:12px;display:flex}.morse-keys .morse-key{touch-action:none;height:var(--morse-key-height);border-radius:calc(var(--morse-key-height) * 2);background:rgba(var(--text-rgb), .4);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}.morse-keys .morse-key svg{width:24px;height:24px;fill:rgba(var(--text-rgb), .8)}.morse-keys .morse-key:disabled{cursor:not-allowed;opacity:.4}.morse-keys .morse-key--straight{background:rgba(var(--accent-btn-rgb), .9);background:linear-gradient(rgba(var(--accent-btn-light-rgb), .9), rgba(var(--accent-btn-rgb), .9));box-shadow:inset 1px 1px 4px rgba(var(--accent-btn-light-rgb), 1), inset 0 0 20px rgba(var(--accent-btn-light-rgb), 1), -2px -2px 12px rgba(var(--accent-btn-light-rgb), .3), -4px -4px 30px rgba(var(--accent-btn-light-rgb), .2), 4px 4px 20px rgba(var(--black-rgb), .6);color:rgba(var(--black-rgb), .6);flex:1;font-size:16px;font-weight:500}.morse-keys .morse-key--straight:not(:disabled).morse-key--pressed,.morse-keys .morse-key--straight:not(:disabled):active{opacity:.6;box-shadow:inset 1px 1px 1px rgba(var(--accent-btn-light-rgb), .5), inset 0 0 2px rgba(var(--accent-btn-light-rgb), .2), -2px -2px 12px rgba(var(--accent-btn-light-rgb), .3), -2px -2px 12px rgba(var(--accent-btn-light-rgb), .1), 2px 2px 10px rgba(var(--black-rgb), .2)}.morse-keys .morse-key--dit{background:rgba(var(--dit-rgb), .9);background:linear-gradient(rgba(var(--dit-rgb), .1), rgba(var(--dit-rgb), .2));box-shadow:inset 1px 1px 4px rgba(var(--dit-rgb), .4), inset 0 0 30px rgba(var(--dit-rgb), .2), -2px -2px 12px rgba(var(--background-main-rgb), .8), -4px -4px 20px rgba(var(--background-main-rgb), .6), 4px 4px 20px rgba(var(--background-overlay-hover-rgb), .6);color:var(--dit);flex:1}.morse-keys .morse-key--dit div{background:var(--dit);border-radius:7px;width:14px;height:14px}.morse-keys .morse-key--dit:not(:disabled).morse-key--pressed,.morse-keys .morse-key--dit:not(:disabled):active{opacity:.6;box-shadow:inset 1px 1px 1px rgba(var(--dit-rgb), .5), inset 0 0 2px rgba(var(--dit-rgb), .2), -2px -2px 12px rgba(var(--dit-rgb), .3), -2px -2px 12px rgba(var(--dit-rgb), .1), 2px 2px 10px rgba(var(--black-rgb), .2)}.morse-keys .morse-key--dah{background:rgba(var(--dah-rgb), .9);background:linear-gradient(rgba(var(--dah-rgb), .1), rgba(var(--dah-rgb), .2));box-shadow:inset 1px 1px 4px rgba(var(--dah-rgb), .4), inset 0 0 30px rgba(var(--dah-rgb), .2), -2px -2px 12px rgba(var(--background-main-rgb), .8), -4px -4px 20px rgba(var(--background-main-rgb), .6), 4px 4px 20px rgba(var(--background-overlay-hover-rgb), .6);color:var(--dah);flex:1}.morse-keys .morse-key--dah div{background:var(--dah);border-radius:7px;width:42px;height:14px}.morse-keys .morse-key--dah:not(:disabled).morse-key--pressed,.morse-keys .morse-key--dah:not(:disabled):active{opacity:.6;box-shadow:inset 1px 1px 1px rgba(var(--dah-rgb), .5), inset 0 0 2px rgba(var(--dah-rgb), .2), -2px -2px 12px rgba(var(--dah-rgb), .3), -2px -2px 12px rgba(var(--dah-rgb), .1), 2px 2px 10px rgba(var(--black-rgb), .2)}.key-selector-modal-mask{z-index:90;background:rgba(var(--background-main-rgb), .9);background:radial-gradient(circle at 20% 20%, rgba(var(--background-main-rgb), 1), rgba(var(--background-overlay-rgb), 1));position:fixed;inset:0}.key-selector-modal{z-index:91;position:fixed;bottom:0;left:0;right:0}.key-selector-modal .setting{z-index:2;gap:var(--side-padding);padding:var(--side-padding);max-width:var(--max-content-width);margin:0 auto;position:relative}.key-selector-modal .setting__left{gap:16px}.key-selector-modal .setting__left__top{padding:0 6px}.practice{flex-direction:column;justify-content:center;gap:20px;width:100%;height:100%;display:flex}.practice__word::-webkit-scrollbar{width:10px;height:10px}.practice__word::-webkit-scrollbar-track{background-color:rgba(var(--text-rgb), .05)}.practice__word::-webkit-scrollbar-thumb{background-color:rgba(var(--text-rgb), .2);border-radius:10px}.practice__word::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--text-rgb), .3)}.practice__word{flex-direction:column;flex:1;justify-content:center;width:100%;display:flex;overflow-y:auto}.practice__buttons{gap:12px;display:flex}.practice__buttons .btn--auto-wordbreak{overflow:hidden}.translate::-webkit-scrollbar{width:10px;height:10px}.translate::-webkit-scrollbar-track{background-color:rgba(var(--text-rgb), .05)}.translate::-webkit-scrollbar-thumb{background-color:rgba(var(--text-rgb), .2);border-radius:10px}.translate::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--text-rgb), .3)}.translate{width:100%;padding:0 var(--side-padding) var(--side-padding);flex-direction:column;gap:14px;margin-bottom:auto;display:flex;overflow-y:auto}.translate .translate-copied-toast{opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:10;border:2px solid rgba(var(--status-green-rgb), .8);background:rgba(var(--black-rgb), .9);height:48px;color:var(--status-green);border-radius:6px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;font-weight:700;transition:opacity .5s;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}.translate .translate-copied-toast--visible{opacity:1}.translate__inputs{flex-direction:column;gap:14px;display:flex}.translate__inputs--reverse{flex-direction:column-reverse}.translate__inputs__input{position:relative}.translate__inputs__input .translate-header{pointer-events:none;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.translate__inputs__input .translate-header .btn{pointer-events:auto;flex-grow:0}.translate__inputs__input .translate-header .btn--play-stop{margin-right:auto}.translate__inputs textarea{height:180px;font-family:var(--font-mono);font-size:18px;font-weight:250}@media (height<=700px){.translate__inputs textarea{height:160px}}.translate__inputs textarea+.translate-header{margin-top:40px}.home{padding:60px var(--side-padding) var(--side-padding);flex-direction:column;flex:1;justify-content:space-between;gap:30px;display:flex}.kb-shortcuts::-webkit-scrollbar{width:10px;height:10px}.kb-shortcuts::-webkit-scrollbar-track{background-color:rgba(var(--text-rgb), .05)}.kb-shortcuts::-webkit-scrollbar-thumb{background-color:rgba(var(--text-rgb), .2);border-radius:10px}.kb-shortcuts::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--text-rgb), .3)}.kb-shortcuts{padding:10px var(--side-padding) 30px;flex-wrap:wrap;margin-bottom:20px;display:flex;overflow-y:auto}.kb-shortcuts .kb-category{width:100%;color:var(--accent-btn);text-transform:uppercase;padding:10px 0;font-size:16px;font-weight:700}.kb-shortcuts .kb-category:not(:first-child){margin-top:30px}.kb-shortcuts .kb-shortcut{align-items:center;gap:10px;width:50%;padding:6px 20px 6px 0;display:flex}@media (width<=370px){.kb-shortcuts .kb-shortcut{width:100%}}.kb-shortcuts .kb-shortcut span{color:rgba(var(--text-rgb), .8);line-height:1.3}.kb-shortcuts .kb-shortcut span:first-child{order:2;font-size:14px}.kb-shortcuts .kb-shortcut span:last-child{background:rgba(var(--text-rgb), .1);min-width:42px;height:42px;color:rgba(var(--text-rgb), .9);border-radius:6px;order:1;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.kb-shortcuts .kb-shortcut--large span:last-child{font-size:20px}.kb-shortcuts .kb-shortcut--xlarge span:last-child{font-size:28px}.info::-webkit-scrollbar{width:10px;height:10px}.info::-webkit-scrollbar-track{background-color:rgba(var(--text-rgb), .05)}.info::-webkit-scrollbar-thumb{background-color:rgba(var(--text-rgb), .2);border-radius:10px}.info::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--text-rgb), .3)}.info{z-index:1;padding:10px var(--side-padding) 60px;color:rgba(var(--text-rgb), .9);flex-direction:column;gap:16px;line-height:1.2;display:flex;position:relative;overflow-y:auto}.info__row{text-align:left;flex-direction:column;gap:40px;width:100%;display:flex}.info__row p{margin:unset;font-size:14px;font-weight:400}.info .info-units{flex-direction:column;gap:12px;display:flex}.info .info-units>div{gap:4px;display:flex}.info .info-units>div span{color:var(--text);text-transform:uppercase;margin-right:auto;font-size:14px;font-weight:700}.info .info-units>div div{background:var(--text);width:16px;height:16px}.info .info-units>div div.info-units-dit{background:var(--dit)}.info .info-units>div div.info-units-dah{background:var(--dah)}.info .info-text{justify-content:space-between;align-items:center;width:100%;font-size:18px;font-weight:700;display:flex}.info .info-timing{gap:2px;width:100%;display:flex}.info .info-timing .flex{background:rgba(var(--text-rgb), .3);flex-direction:column;justify-content:center;align-items:center;gap:4px;height:16px;display:flex}.info .info-timing .flex--1{flex:1}.info .info-timing .flex--3{flex:3}.info .info-timing .flex--7{flex:7}.info .info-timing .flex span{font-size:14px;font-weight:700}.info .info-timing .flex .setting-example{width:100%;height:100%;display:flex}.info .info-timing .flex .setting-example--dit{background:var(--dit)}.info .info-timing .flex .setting-example--dah{background:var(--dah)}