*{--button-height: 40px;--body-background-color: #eeeeee;--body-background-color-half-opaque: #eeeeee80;--card-border-radius: 2em;--box-shadow-light: 0 5px 4px rgba(100, 100, 100, .1);--box-shadow-strong: 0 5px 4px rgba(100, 100, 100, .3);--padding-card: 22px;--padding-x-body: 3vw;--padding-y-body: min(1dvh, 20px)}body{background-color:var(--body-background-color);font-family:system-ui,Arial,Helvetica,sans-serif;padding:var(--padding-y-body) var(--padding-x-body);height:calc(100dvh - var(--button-height));display:flex;flex-direction:column;max-width:40em;margin:auto;box-sizing:border-box;overflow-y:auto}h1{color:#00008b;margin:10px;font-size:medium}h4{margin:5px 0}a{text-decoration:none;color:#00008b}p{margin:5px 0 0}button,input[type=submit]{background-color:#f0f8ff;color:#00008b;border-color:#f0f8ff;height:var(--button-height);line-height:34px;margin-top:10px;border-radius:1em;box-shadow:var(--box-shadow-strong);font-weight:700;letter-spacing:.7px}button:disabled,input[type=submit]:disabled{opacity:60%}textarea{width:95%;margin-bottom:10px;padding:8px;border:1px solid #ccc;border-radius:5px;resize:vertical}input[type=text],input[type=email],input[type=password],input[type=number]{margin-bottom:10px;padding:8px 8px 8px 1em;border:none;border-radius:1em}.card input[type=email],.card input[type=password],.card div[contenteditable],.card input[type=text],.card input[type=number],.card select,.card label:has(+div[contenteditable]),.card label:has(+select),.card label:has(+input[type=text]),.card label:has(+input[type=email]),.card label:has(+input[type=password]),.card label:has(+input[type=number]){background-color:#fff}.popup input[type=email],.popup input[type=password],.popup div[contenteditable],.popup input[type=text],.popup input[type=number],.popup select,.popup label:has(+div[contenteditable]),.popup label:has(+select),.popup label:has(+input[type=text]),.popup label:has(+input[type=email]),.popup label:has(+input[type=password]),.popup label:has(+input[type=number]){background-color:#f0f8ff}.input-container{position:relative;margin-top:1em;margin-bottom:.5em}.input-container label{font-size:x-small;font-style:italic}.input-container label:has(+div[contenteditable]),.input-container label:has(+select),.input-container label:has(+input[type=text]),.input-container label:has(+input[type=email]),.input-container label:has(+input[type=password]),.input-container label:has(+input[type=number]){position:absolute;top:-.5em;left:0;padding:.4em 1.6em .4em 1.5em;border-radius:1em 1em 1em 0}.input-container label:has(+select){top:1.2em}.input-container select,.input-container input[type=text],.input-container input[type=email],.input-container input[type=password],.input-container input[type=number]{padding:.9em;font-size:1em;width:100%;box-sizing:border-box}.input-container div[contenteditable]{padding:.8em}select{font-size:1em;width:100%;box-sizing:border-box;margin-bottom:10px;border:none;border-radius:20px;background-color:#f0f8ff;padding:.8em;box-shadow:var(--box-shadow-light);line-height:1.3em}hr{width:100%}div[contenteditable]{width:100%;overflow-wrap:anywhere;min-height:var(--button-height);border-radius:20px;background-color:#f0f8ff;max-height:calc(2.5*var(--button-height));box-sizing:border-box;padding:10px calc(var(--button-height) + 8px);overflow:auto;box-shadow:var(--box-shadow-light);line-height:1.3em}div[contenteditable]+button,div[contenteditable]+button+button{box-shadow:none}div[contenteditable]::-webkit-scrollbar{display:none}div[contenteditable]:empty:before{content:attr(data-placeholder);color:#999;pointer-events:none}div[contenteditable]:focus,select:focus{outline-color:#00f}ul{padding-inline-start:1.5em}label{width:50%;flex-grow:1;text-align:justify}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:50px;height:24px;background-color:#ccc;border-radius:50px;position:relative;outline:none;cursor:pointer;transition:background-color .3s ease;margin-right:.5em}input[type=checkbox]:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform .3s ease}input[type=checkbox]:checked{background-color:#00008b}input[type=checkbox]:checked:before{transform:translate(26px)}div:has(>input[type=checkbox]){display:flex;flex-direction:row;align-items:center}.card,.image-card{padding:var(--padding-card)!important;background-color:#f0f8ff;border-radius:var(--card-border-radius);margin:5px 0;box-shadow:var(--box-shadow-strong)}.card>*:first-child,.card>*:first-child>*:first-child{margin-top:0;line-height:1em}.pointer{cursor:pointer}.clicked{color:red}.grammar-marked{color:#00008b}.srWord{color:indigo}.two-columns{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch}.two-columns>*{width:50%;box-sizing:border-box;padding:5px;display:flex}.two-columns .card{flex:1;display:flex;align-items:center;justify-content:center;text-align:center}.chat-circle-btn{border-radius:20px;width:var(--button-height)}#chatInputContainer .chat-circle-btn{position:absolute;bottom:1px;height:calc(100% - 2px)}.image-card img{margin-top:calc(-1 * var(--padding-card));margin-left:calc(-1 * var(--padding-card));margin-bottom:calc(.5 * var(--padding-card));width:calc(100% + 2 * var(--padding-card));border-radius:var(--card-border-radius) var(--card-border-radius) 0 0}.difficulty-badge{position:absolute;bottom:1.5em;z-index:1}.flash{animation:glowing 1.3s}.flash.delayed{animation:glowing-delayed 30s}.background-orange{background-color:orange}.background-lightgreen{background-color:#90ee90}.background-lightblue{background-color:#add8e6}#divTask,#solutionField{padding:0 .2em;line-height:1.8em;flex-grow:1.618;height:0px;overflow-y:scroll;overflow-x:hidden}button.highlighted,input[type=submit].highlighted,button.flash,input[type=submit].flash{background-color:#00008b;color:#f0f8ff}#divTask::-webkit-scrollbar,#solutionField::-webkit-scrollbar{display:none}#solutionField{opacity:50%;flex-grow:1}#answbtn,.gameNavBtn,input[type=submit]{margin:5px auto;padding:0 1em;outline:none;background-color:#f0f8ff;color:#00008b;height:fit-content;line-height:45px;font-size:large;font-weight:700}#contentbox{text-align:justify;height:100%;display:flex;flex-direction:column}#toast{min-width:250px;width:80vw;background-color:#333;color:#fff;text-align:center;border-radius:10px;padding:15px;box-sizing:border-box;position:fixed;z-index:1;left:10vw;bottom:30px;font-size:17px;display:flex;justify-content:space-between;align-items:center;gap:15px}#toast[hidden]{display:none}#toast>p{flex:1}#toast>button{opacity:.5;color:#333}#iRating{height:40px;width:67%;transform:scaleX(1.5) scaleY(2)}#navbar{position:fixed;bottom:0;left:0;width:100%;display:flex}#navbar>button{width:100px;border-radius:5px;flex-grow:1}#navbar>button:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px}#navbar>button:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}#messageHistoryContainer p:first-of-type{display:inline}.hidden{visibility:hidden}.loading{visibility:hidden;position:relative;display:flex;justify-content:center;align-items:center}.loading:after{content:" ";position:absolute;display:flex;justify-content:center;align-items:center;top:0;right:0;bottom:0;left:0;width:50px;height:50px;border-radius:50%;border:2px solid blue;border-color:lightskyblue transparent lightskyblue transparent;border-style:dotted;animation:loading-indicator 1.2s linear infinite;visibility:visible;margin:auto}.loading.semitransparent:after{opacity:.5}@keyframes loading-indicator{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glowing{0%{background-color:#00008b;box-shadow:0 0 3px #00008b}20%{background-color:#00008b;box-shadow:0 0 20px #00008b}to{background-color:#00008b;box-shadow:0 0 3px #00008b}}@keyframes glowing-delayed{0%{background-color:#f0f8ff;box-shadow:0 0 3px #f0f8ff}90%{background-color:#f0f8ff;box-shadow:0 0 3px #f0f8ff}91%{background-color:#00008b;box-shadow:0 0 3px #00008b}93%{background-color:#00008b;box-shadow:0 0 20px #00008b}to{background-color:#00008b;box-shadow:0 0 3px #00008b}}@media only screen and (max-width: 400px){#answbtn,.gameNavBtn,input[type=submit],h2,h3{font-size:medium}h1{font-size:small}*{--padding-card: 18px}}@media only screen and (max-width: 767px){h4{font-size:small}h3{margin:.5em 0}#divTask{font-size:large}}@media only screen and (min-width: 768px){*{--padding-card: 30px}h1{font-size:larger}#divTask,#solutionField{padding:0 .5em}}.header.svelte-1cuc643{position:relative;width:100%}.title.svelte-1cuc643{position:relative;text-align:center;z-index:1;color:#f0f8ff}.header.svelte-1cuc643:before{content:"";position:fixed;top:0;left:0;width:100%;height:var(--header-before-height, 10dvh);z-index:-1;opacity:0;transition:opacity .2s ease-in-out 1s}.header.lazy-image.svelte-1cuc643:before{background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,var(--body-background-color-half-opaque) 66%,var(--body-background-color) 100%),url(../../../images/Polish.avif) no-repeat center center;background-size:cover,cover;opacity:1}.header.svelte-1cuc643:after{content:"";position:fixed;top:0;left:0;width:100%;height:var(--header-before-height, 10dvh);z-index:-2;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,var(--body-background-color-half-opaque) 66%,var(--body-background-color) 100%),url(../../../images/Polish-small.avif) no-repeat center center;background-size:cover,cover;background-position:middle}