*{font-family:Arial;margin:0;overflow:hidden;padding:0}#app-container{display:grid;grid-template-columns:20% 80%;height:100vh}.error-banner{align-items:center;background-color:#fbe9e7;border-bottom:1px solid #e0b4b4;color:#7c2626;display:flex;font-weight:700;gap:12px;grid-column:1/span 2;justify-content:space-between;padding:8px 12px}.error-retry{background:#7c2626;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 10px}@media (max-width:1600px){#app-container{grid-template-columns:18% 82%}}#navbar{background-color:#2e2836;display:grid;grid-template-rows:10% 80% 10%;height:100vh;overflow:hidden}@media (max-width:1600px){#navbar{grid-template-rows:8% 72% 20%}}#status{background-color:#f4f4f6;height:100%}#containerStyles{background-color:#6a2e35;border:2px solid #b6d094;border-radius:50px;cursor:pointer;height:40px;margin-left:25px;margin-right:10px;margin-top:35px;overflow:hidden;position:relative;width:85%}.progress-label{font-size:35px;font-weight:700;left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);white-space:nowrap;width:100%}.progress-label.base{color:#b6d094}.progress-label.filled{color:#fff}@media (max-width:1600px){#containerStyles{height:32px}.progress-label{font-size:26px}}#levels{height:100%;overflow-y:scroll}#levels::-webkit-scrollbar{-ms-overflow-style:none;display:none;scrollbar-width:none}#level{--size:100px;--aspect-ratio:2.35;align-items:center;border-radius:5px;display:flex;height:calc(var(--size)/var(--container-width));margin:10px;overflow:hidden;padding:10px;-webkit-user-select:none;user-select:none;width:calc(var(--size)/var(--container-height))}._true{background-color:#2e2836;box-shadow:-3px -3px 5px #000;color:#afafaf;font-size:35px;justify-content:left}._false{background-color:#b6d094;box-shadow:3px 3px 5px #000;font-size:60px;justify-content:center}.level-selected{background-color:#6a2e35;border:3px solid #000;color:#fff}@media (max-width:1600px){#level{--size:80px;margin:8px;padding:8px}._true{font-size:26px}._false{font-size:45px}}#select{align-items:center;background-color:#2e2836;color:#fff;display:flex;height:100%;justify-content:center;padding:10px;text-align:center}.select-label{font-size:22px;font-weight:700}#main{background-color:#f4f4f6;border-left:2.5px solid #000;display:grid;grid-template-rows:10% 80% 10%;height:100vh}@media (max-width:1600px){#main{grid-template-rows:8% 72% 20%}}#dictionary{background-color:#2e2836;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:12px 16px}.dictionary-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.dictionary-word{font-size:22px;font-weight:700}.dictionary-toggle{display:flex;gap:8px}.toggle-btn{background:#6a2e35;border:1px solid #b6d094;border-radius:8px;color:#b6d094;cursor:pointer;padding:6px 10px}.toggle-btn.active{background:#b6d094;color:#2e2836}.dictionary-body{align-items:center;display:flex;flex-direction:column;gap:8px;min-height:48px}.dictionary-definition,.dictionary-status{font-size:18px;line-height:1.4;margin:0}.dictionary-retry{background:#6a2e35;border:1px solid #b6d094;border-radius:8px;color:#b6d094;cursor:pointer;padding:6px 10px}.dictionary-provider{color:#c8c8c8;font-size:14px;margin:0}@media (max-width:1600px){.dictionary-word{font-size:16px}.toggle-btn{display:none}.dictionary-definition,.dictionary-status{font-size:15px}.dictionary-header{flex-wrap:wrap;gap:6px}.dictionary-body{align-items:center;flex-direction:row;gap:6px}}#main-header{background-color:#2e2836;border-bottom:2.5px solid #6a2e35;color:#fff;display:grid;grid-template-columns:80% 20%;height:100%}@media (max-width:1600px){#main-header{grid-template-columns:70% 30%;padding-right:10px}}#interval{align-items:center;display:flex;justify-content:center;margin:20px}.interval-input{border-radius:5px;font-size:24px;height:44px;margin:5px;padding:6px 10px;width:90px}.start-interval-button{background-color:#b6d094}.end-interval-button,.start-interval-button{align-items:center;border-radius:5px;box-shadow:3px 3px 5px #000;display:flex;font-weight:700;height:44px;justify-content:center;margin:5px;overflow:hidden;padding:10px 16px;-webkit-user-select:none;user-select:none}.end-interval-button{background-color:#6f2722;color:#fff}@media (max-width:1600px){.end-interval-button,.start-interval-button{min-width:110px;padding:10px 28px}.interval-input{font-size:22px;height:42px;padding:6px 8px;width:80px}.end-interval-button{min-width:130px;padding:10px 32px}}#text-header{align-items:center;display:flex;justify-content:center;margin:20px}#text-header h1{gap:12px}#text-header h1,.text-header-arrow{align-items:center;display:inline-flex;font-size:60px}.text-header-arrow{line-height:1}.checkbox{background-color:#c2c2c2;height:50px;margin-left:25px;margin-top:10px;outline:2px solid;width:50px}input[type=checkbox]:checked{box-shadow:0 0 0 5px #f4f4f6;outline:3px solid}@media (max-width:1600px){#text-header h1,.text-header-arrow{font-size:36px}.checkbox{height:42px;margin-left:18px;margin-top:6px;width:42px}#text-header{gap:10px;justify-content:flex-start;margin-left:10px}}#main-display{background-color:#f4f4f6;display:grid;grid-template-columns:8% 84% 8%;height:100%}@media (max-width:1600px){#main-display{grid-template-columns:7% 86% 7%}}#cards{display:grid;grid-template-columns:25% 25% 25% 25%;grid-template-rows:25% 25% 25% 25%;height:100%}#card{--size:250px;--aspect-ratio:2.35;align-items:center;background-color:#e1aa7d;border-radius:5px;box-shadow:2.5px 6px 5px #4c4c4c;display:flex;font-size:45px;height:calc(var(--size)/var(--container-width));justify-content:center;margin:10px;padding:10px;width:calc(var(--size)/var(--container-height))}@media (max-width:1366px){#card{font-size:30px}}#card{-webkit-user-select:none;user-select:none}#left-arrow{align-items:center;display:flex;justify-content:center}#left-arrow img{display:inline-block;height:115px;margin-left:auto;margin-right:auto;width:105px}@media (max-width:1600px){#left-arrow img{height:75px;width:68px}}#right-arrow{align-items:center;display:flex;justify-content:center}#right-arrow img{display:inline-block;height:115px;margin-left:auto;margin-right:auto;width:105px}@media (max-width:1600px){#right-arrow img{height:75px;width:68px}}
/*# sourceMappingURL=main.5b1d6066.css.map*/