.search-input{padding:3px;border:2px solid #ccc;border-radius:4px}.search-input:focus{outline:none}.search-input:focus-visible{border-color:#4f8bc4;box-shadow:0 0 0 3px #007bff40}@supports not selector(:focus-visible){.search-input:focus{border-color:#4f8bc4;box-shadow:0 0 0 3px #007bff40}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;color:#666;width:100%;height:100%}.main-layout-container,.login-container{display:flex;justify-content:center}.main-layout-container .inner-panel,.login-container .inner-panel{overflow:hidden;min-height:100vh;width:100%}@media (min-width: 769px){.main-layout-container .inner-panel,.login-container .inner-panel{width:calc(60% - 8px);max-width:calc(60% - 8px);border-left:1px solid lightgray;border-right:1px solid lightgray}}.main-layout-container .inner-panel .content-panel,.login-container .inner-panel .content-panel{text-align:center}.main-layout-container .inner-panel .content-panel .login-panel,.login-container .inner-panel .content-panel .login-panel{display:grid;box-sizing:border-box;grid-template-columns:120px 1fr;gap:.75rem 1rem;width:420px;margin:2rem auto}.main-layout-container .inner-panel .content-panel .login-panel label,.login-container .inner-panel .content-panel .login-panel label{text-align:left;align-self:center}.main-layout-container .inner-panel .content-panel .login-panel input,.login-container .inner-panel .content-panel .login-panel input{justify-self:stretch;padding:.5rem;border:1px solid #ccc;border-radius:6px}.main-layout-container .inner-panel .content-panel .login-panel .button-panel,.login-container .inner-panel .content-panel .login-panel .button-panel{grid-column:1 / -1;display:flex;justify-content:flex-end}.main-layout-container .inner-panel .content-panel .login-panel .message-panel,.login-container .inner-panel .content-panel .login-panel .message-panel{grid-column:1 / -1;text-align:left;padding-bottom:6px}.main-layout-container .inner-panel .content-panel .login-panel .message-panel.success-message-panel,.login-container .inner-panel .content-panel .login-panel .message-panel.success-message-panel{color:green}.main-layout-container .inner-panel .content-panel .login-panel .message-panel.error-message-panel,.login-container .inner-panel .content-panel .login-panel .message-panel.error-message-panel{color:red}button.main-button{background-color:#77b0e1;border:none;color:#fff;padding:8px 16px;border-radius:5px;text-align:center;text-decoration:none;display:inline-block;font-size:16px}button.main-button:hover{background-color:#4f8bc4;cursor:pointer}button.main-button.small-button{padding:5px 10px}button.main-button:disabled{background-color:#bbb;cursor:not-allowed}@font-face{font-family:Patua One;src:url(/fonts/PatuaOne.ttf)}.funny-text{font-family:Patua One,Arial Black,sans-serif}.loading-widget{display:block;text-align:center;margin:0 auto;padding-top:140px;padding-bottom:140px}.main-navigation{background-color:#77b0e1}.main-navigation .title{padding:20px;color:#fff}.main-navigation ul{list-style-type:none;margin:0;padding:0;overflow:hidden}.main-navigation li{display:none}.main-navigation li.menu-visible{display:flex}.main-navigation li a{display:block;flex:1;color:#fff;text-align:left;padding:14px 16px;text-decoration:none}.main-navigation li a:hover{background-color:#2f6a99}.main-navigation li a.active{background-color:#4f8bc4}.main-navigation li.navigation-right{display:block;float:right;margin-right:10px;margin-top:8px;border-left:1px solid white;padding-left:4px}.main-navigation li.menu-toggle{display:inline-flex}.main-navigation li.menu-toggle a{cursor:pointer}@media (min-width: 769px){.main-navigation .title{padding:20px}.main-navigation ul{margin:0;padding:0}.main-navigation li{display:inline-block}.main-navigation li a{display:inline-block;text-align:center;padding:14px 16px}.main-navigation li.navigation-right{float:right;margin-right:10px;margin-top:8px;border-left:1px solid white;padding-left:4px}.main-navigation li.menu-toggle{display:none}}.mini-stats-panel{font-size:smaller;color:#fff}@media (min-width: 1200px){.statistics-panel>.cards{grid-template-columns:repeat(2,1fr)}}.statistics-panel .cards{margin:0 auto;display:grid;gap:1rem 0}.statistics-panel .cards .card{display:flex;flex-direction:column;border-bottom:1px solid lightgrey}.statistics-panel .cards .card .card-body{flex:1}.statistics-panel .cards .card .card-caption{flex:none;text-align:right;padding-right:10px}@media (min-width: 1200px){.statistics-panel .cards{border-bottom:1px solid lightgrey}.statistics-panel .cards .card{border-bottom:none}.statistics-panel .cards .card:nth-of-type(2){border-left:1px solid lightgrey}}.statistics-panel .top-misses-body{padding:10px 20px 20px}.statistics-panel .top-misses-body .word-data{display:flex;text-align:left}.statistics-panel .top-misses-body .word-data .main-part{display:flex;align-items:baseline;flex:1}.statistics-panel .top-misses-body .word-data .main-part .spelling{color:#2f6a99}.statistics-panel .top-misses-body .word-data .main-part .translation{color:#888;margin-left:18px}.statistics-panel .top-misses-body .word-data .miss-count{display:flex;flex-shrink:0;white-space:nowrap}@media (min-width: 769px){.statistics-panel .top-misses{padding:30px;font-size:17px}.statistics-panel .top-misses .word-data{text-align:center}}.training-result-panel .title{margin:40px 0;font-size:1.4rem;font-weight:700;color:#888}.training-result-panel .words{margin:40px auto;padding:0 20px;text-align:left;font-size:1.2rem;display:table;border-collapse:separate;border-spacing:10px}.training-result-panel .words .word-row{display:table-row}.training-result-panel .words .word-row.answer-hit .outcome,.training-result-panel .words .word-row.answer-hit .spelling,.training-result-panel .words .word-row.answer-hit .main-translation{color:#bbb}.training-result-panel .words .word-row .outcome{vertical-align:middle;margin-right:16px}.training-result-panel .words .word-row .spelling{color:#888;padding-right:20px;display:table-cell;font-weight:700}.training-result-panel .words .word-row .main-translation{color:#999;padding-right:20px;display:table-cell}@media (min-width: 440px){.training-result-panel .words{padding:0}}.training-result-panel .great-result-panel{font-family:Patua One;font-size:40px;color:#77b0e1;text-align:center;width:100%;margin:0 0 30px}.training-result-panel .button-panel{margin-bottom:60px}.training-result-panel .button-panel.small-button{padding:10px}.score-animation-holder{font-family:Patua One,Arial Black,sans-serif;font-weight:700;color:#9acd32;z-index:2;position:absolute;top:-60px;font-size:2.2em}.word-list-panel{text-align:left}.word-list-panel .controls{display:flex;align-items:center;border-bottom:1px solid lightgray;padding:12px}.word-list-panel .controls .search{display:inline-block}.word-list-panel .controls .search button{margin-left:6px;font-size:14px}.word-list-panel .word-panel{padding:12px}.word-list-panel .word-panel .single-word-panel{font-size:17px}.word-list-panel .word-panel .single-word-panel .spelling{color:#2f6a99}.word-list-panel .word-panel .single-word-panel .translation{color:#888;margin-left:18px}.word-list-panel .pagination-container{text-align:center;border-top:1px solid lightgray}.word-list-panel .pagination-container .pagination{margin-top:12px;display:inline-flex;align-items:center}.word-list-panel .pagination-container .pagination .page{background-color:#77b0e1;border-radius:6px;padding:2px 8px;color:#fff;margin:0 4px}.word-list-panel .pagination-container .pagination a{cursor:pointer;align-self:center;color:#999}.spell-training-view .review-completed-panel div.hint{margin:20px 10%;font-size:16px;text-align:center;line-height:24px}@media (min-width: 769px){.spell-training-view .review-completed-panel{margin:20px 20%}}.spell-training-view .review-completed-panel button{margin-bottom:20px}.spell-training-view .user-answering-panel{margin-bottom:80px}.spell-training-view .user-answering-panel textarea{margin-top:50px;display:block;font-size:2.4em;font-weight:700;border:none;box-shadow:none;outline:0;background-color:#fff;width:100%;text-align:center;resize:none;font-family:Patua One,Arial Black,sans-serif;overflow-y:hidden;box-sizing:border-box}.spell-training-view .user-answering-panel textarea:focus{border:none;box-shadow:none;resize:none}.spell-training-view .user-answering-panel .incorrect-answer{color:#999;caret-color:initial}.spell-training-view .user-answering-panel .correct-answer{color:#77b0e1;caret-color:transparent}.spell-training-view .user-answering-panel .progress{font-size:1.2em;font-weight:bolder;color:#bbb;padding-bottom:10px;padding-top:40px}.spell-training-view .user-answering-panel .hint{color:#999;font-size:1.1rem}.spell-training-view .user-answering-panel .main-translation{padding:10px 0;font-size:1.4rem}.spell-training-view .user-answering-panel .auxiliary-translation{font-size:1.3rem;color:#888}.spell-training-view .user-answering-panel .example{padding:60px 60px 20px;font-size:1.2rem}.spell-training-view .user-answering-panel .example strong{color:#77b0e1}