@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap);.site-footer{background-color:initial;color:#222;padding:1rem;text-align:center}.site-footer p{margin:.5rem 0}.site-footer a{color:#222;margin:0 1rem;text-decoration:none}.site-footer a:hover{color:#444;text-decoration:underline}.site-footer small{color:#333;font-size:.875rem}.footer-disclaimer{color:#222;font-size:.875rem;line-height:1.4;margin:.5rem 0;text-align:center}@media (min-width:768px){.site-footer{padding:1.5rem 2rem;text-align:center}.site-footer p{align-items:center;display:flex;justify-content:center;margin:.75rem 0}.site-footer a{margin:0 1.5rem}}@media (min-width:1200px){.site-footer{padding:2rem 4rem}.site-footer p{margin:1rem 0}}@media screen and (max-width:768px) and (orientation:landscape){.site-footer{padding:.5rem 1rem}.site-footer p{margin:.25rem 0}.site-footer a{margin:0 .5rem}}@media screen and (max-width:480px) and (orientation:portrait){.site-footer{font-size:.75rem;padding:.5rem .75rem}.site-footer p{margin:.25rem 0}.site-footer a{font-size:.75rem;margin:0 .5rem}.footer-disclaimer{font-size:.6rem}}.flashcard-navigator-container{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y;-webkit-user-select:none;user-select:none}.progress-bar-container{margin:0 auto;max-width:750px;text-align:center;width:100%}.progress-bar-track{background-color:#e0e0e0;border-radius:5px;height:10px;overflow:hidden}.progress-bar-fill{background-color:#4caf50;height:100%;transition:width .3s ease}@media (max-width:480px) and (orientation:portrait){.progress-bar-container{margin-bottom:0;padding:0;width:90%}.progress-bar-track{height:8px}}@media (max-width:900px){.progress-bar-container{margin-bottom:0;width:70%}.progress-bar-track{height:8px}}@media (max-width:1200px){.progress-bar-container{margin-bottom:5px;width:70%}.progress-bar-track{height:8px}}.arrow-button{background-color:#9b59b6;border:none;border-radius:30%;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;font-size:2rem;margin:auto;padding:8px;position:static;transform:none;transition:background-color .3s ease,transform .2s ease}.arrow-button:hover{background-color:#5b56cc;transform:scale(1.05)}@media (max-width:768px){.arrow-button{font-size:1.5rem;padding:6px}}@media (max-width:480px){.arrow-button{font-size:1rem;padding:5px}}.button-row{gap:1rem;margin-top:clamp(.25rem,5vw,1rem)}.action-button,.button-row{align-items:center;display:flex;justify-content:center}.action-button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.2rem;min-height:3rem;min-width:3rem;padding:.5rem;transition:background-color .2s ease,transform .1s ease}.action-button--flip{flex-direction:row}.action-button--flip .action-icon{margin-right:.4rem}.action-button--flip .action-label{font-size:.9rem;font-weight:500}.action-button:hover{transform:translateY(-2px)}.action-button--flip,.action-button--remove{background-color:#9b59b6}.action-button--flip:hover,.action-button--remove:hover{background-color:#8e44ad}.action-button--save{background-color:#2b92ff;color:gold}.action-button--save:hover{background-color:#2b92ff;color:#e6c400}.action-button--report{background-color:#c0392b}.action-button--report:hover{background-color:#b33729}.action-button:active{transform:translateY(0)}@media (max-width:600px){.button-row{flex-wrap:wrap}.action-button{font-size:1rem;min-height:2.5rem;min-width:2.5rem;padding:.4rem}.action-button--flip .action-label{display:none}.action-button--flip{border-radius:50%;height:2.5rem;padding:.3rem;width:2.5rem}}.minimal-flip-container{aspect-ratio:16/9;position:relative}.flip-inner{inset:0;position:absolute;transform-style:preserve-3d;transition:transform .6s ease}.flip-inner.flipped{transform:rotateY(180deg)}.flip-back,.flip-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:1rem;inset:0;overflow:hidden;position:absolute}.flip-back{transform:rotateY(180deg)}.flip-image{height:100%;width:100%}.flip-image svg{display:block}@media (max-width:768px){.flip-back,.flip-front,.flip-image svg,.minimal-flip-container{border-radius:.9rem}}@media (max-width:480px){.flip-back,.flip-front,.flip-image svg,.minimal-flip-container{border-radius:.8rem}}@media (min-width:1200px){.flip-back,.flip-front,.flip-image svg,.minimal-flip-container{border-radius:1.2rem}}html{overflow-y:scroll}.blank-grid{grid-gap:0;box-sizing:border-box;display:grid;gap:0;grid-template-columns:1fr minmax(0,800px) 1fr;grid-template-rows:auto .8fr auto .1fr auto auto;margin:0 auto 1rem;max-width:1000px}.blank-grid>div{align-items:center;box-sizing:border-box;display:flex;justify-content:center}.progress-row{grid-column:1/span 3;grid-row:1}.left-arrow{grid-column:1;grid-row:2;z-index:10}.flashcard-image-label{aspect-ratio:16/9;font-weight:700;grid-column:2;grid-row:2;max-width:800px;position:relative;width:100%}.right-arrow{grid-column:3;grid-row:2;z-index:10}.minimal-flip-container{cursor:pointer;height:100%;perspective:1000px;width:100%;z-index:1}.flip-image svg{height:100%;object-fit:contain;width:100%}.captcha-row{display:flex;flex-direction:column;gap:.75rem;grid-column:1/span 3;grid-row:3}.card-actions{grid-column:1/span 3;grid-row:4}.instructions{grid-column:1/span 3;grid-row:6}.face-actions{align-items:center;display:flex;flex-direction:column;gap:.5rem;grid-column:1/span 3;grid-row:5;margin:.25rem}.face-actions h4{margin:.25rem}.confidence-rating-container{align-items:center;display:flex;flex-direction:column;margin:1rem auto;width:clamp(220px,80vw,500px)}.confidence-title{color:#333;font-size:clamp(.85rem,2vw,1rem);font-weight:700;margin-bottom:.5rem;text-align:center}.confidence-buttons{flex-wrap:wrap;gap:1rem}.confidence-btn,.confidence-buttons{align-items:center;display:flex;justify-content:center}.confidence-btn{background:#fefefe;border:none;border-radius:.75rem;box-shadow:0 2px 4px #00000026;cursor:pointer;flex-direction:column;height:clamp(3rem,10vw,4rem);margin:.4rem 0;transition:transform .2s ease,box-shadow .2s ease;width:clamp(3.5rem,12vw,5rem)}.confidence-btn:hover{box-shadow:0 4px 6px #00000026;transform:translateY(-2px)}.confidence-btn span[role=img]{font-size:clamp(1.4rem,3vw,1.8rem);line-height:1.2}.confidence-label{color:#333;font-size:clamp(.75rem,1.2vw,.9rem);margin-top:.2rem;text-align:center}.low{background:linear-gradient(180deg,#fdd,#fff5f5)}.medium{background:linear-gradient(180deg,#fffadd,#fffef5)}.high{background:linear-gradient(180deg,#dfd,#f5fff5)}.unknown{background:linear-gradient(180deg,#eff5ef,#b8c0b8)}.confidence-btn.selected{box-shadow:0 0 0 2px #007aff;transform:translateY(-1px)}@media (max-width:400px) and (orientation:portrait){.confidence-btn{height:clamp(3.2rem,14vw,4rem);width:clamp(3.2rem,14vw,4rem)}.confidence-btn span[role=img]{font-size:clamp(1.3rem,4vw,1.6rem)}.confidence-label{display:none}.confidence-title{font-size:.7rem}}@media (max-height:400px) and (orientation:landscape){.confidence-rating-container{margin:.5rem auto}.confidence-btn{height:clamp(3rem,12vw,3.5rem)}.confidence-label{display:none}}@media (min-width:600px) and (max-width:900px) and (orientation:portrait){.confidence-btn{height:clamp(3.5rem,10vw,5rem);width:clamp(3.5rem,10vw,5rem)}.confidence-btn span[role=img]{font-size:clamp(1.4rem,3vw,2rem)}.confidence-label{font-size:clamp(.75rem,1.2vw,1rem)}}@media (min-width:430px) and (max-width:1200px) and (orientation:landscape){.confidence-btn{height:clamp(3.8rem,9vw,5.2rem);width:clamp(3.8rem,9vw,5.2rem)}.confidence-btn span[role=img]{font-size:clamp(1.5rem,2.5vw,2.1rem)}.confidence-label{font-size:clamp(.8rem,1vw,1rem)}}@media (min-width:1400px){.confidence-rating-container{width:600px}.confidence-btn{height:clamp(3.5rem,6vw,4.5rem);width:clamp(3.5rem,6vw,4.5rem)}.confidence-btn span[role=img]{font-size:clamp(1.4rem,2vw,1.8rem)}}@media (max-width:600px){.confidence-label{display:none}}.sentiment-rater-container{align-items:center;display:flex;flex-direction:column;width:100%}.sentiment-heading{font-size:.8rem;font-weight:600;margin-bottom:1rem;text-align:center}.single-fetch-center{align-items:center;box-sizing:border-box;display:flex;height:200px;justify-content:center;padding:1rem}.single-fetch-center.error-layout{flex-direction:column}.error-text{color:red;margin:0}.spinner{animation:spin 1s linear infinite;border:2px solid #ccc;border-top-color:#333;height:16px;width:16px}.clear-favourites-button,.reset-selections-button,.show-extensions-btn,.view-favourites-button{background-color:#0070f3;border:2px solid #005ec2;border-radius:6px;box-shadow:0 2px 5px #0070f34d;color:#fff;cursor:pointer;display:block;font-weight:500;margin:.5rem auto;padding:.5rem 1.2rem;transition:all .2s ease-in-out}.clear-favourites-button:hover:not(:disabled),.reset-selections-button:hover:not(:disabled),.show-extensions-btn:hover:not(:disabled),.view-favourites-button:hover:not(:disabled){background-color:#0a84ff;box-shadow:0 3px 8px #0070f366}.clear-favourites-button:disabled,.reset-selections-button:disabled,.show-extensions-btn:disabled,.view-favourites-button:disabled{cursor:not-allowed;opacity:.75}.clear-favourites-button:focus-visible,.reset-selections-button:hover:not(:disabled),.show-extensions-btn:focus-visible,.view-favourites-button:focus-visible{box-shadow:0 0 0 3px #0070f340;outline:3px solid #0070f373;outline-offset:2px}.spinner{vertical-align:middle}.button-spinner,.spinner{animation:spin .6s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:1em;margin-right:.5em;width:1em}.loading-text{font-size:.95em}@keyframes spin{to{transform:rotate(1turn)}}.apply-button{align-items:center;background:linear-gradient(180deg,#9b59b6,#7d3c98);border:2px solid #5b2c6f;border-radius:8px;box-shadow:0 2px 6px #7b3c9859,inset 0 1px 0 #ffffff26;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;margin:0;padding:.65rem 1.4rem;transition:transform .05s ease,box-shadow .2s ease,filter .2s ease}.apply-button:hover:not(:disabled){box-shadow:0 3px 10px #7b3c9873;filter:brightness(1.08)}.apply-button:active:not(:disabled){box-shadow:inset 0 1px 4px #00000026,0 1px 3px #0000001a;transform:translateY(1px)}.apply-button:disabled{opacity:.75}.apply-button.is-loading,.apply-button.is-loading:disabled{cursor:progress}.apply-button:focus-visible{box-shadow:0 0 0 3px #9b59b659,0 2px 6px #7b3c9859;outline:3px solid #9b59b68c;outline-offset:2px}.controlsRow{gap:.5rem;justify-content:center;margin-top:.5rem}@media (max-width:600px){.controlsRow{flex-direction:column}}.clear-button{align-items:center;background:#0000;border:2px solid #5b2c6f;border-radius:8px;box-shadow:0 2px 6px #7b3c981f;color:#7d3c98;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;padding:.55rem 1.2rem;transition:transform .05s ease,box-shadow .2s ease,filter .2s ease,background-color .2s ease}.clear-button:hover:not(:disabled){background-color:#7b3c9814;box-shadow:0 3px 10px #7b3c982e}.clear-button:active:not(:disabled){box-shadow:inset 0 1px 4px #0000001f,0 1px 3px #00000014;transform:translateY(1px)}.clear-button:disabled{cursor:not-allowed;opacity:.6}.clear-button.is-loading,.clear-button.is-loading:disabled{cursor:progress}.clear-button:focus-visible{box-shadow:0 0 0 3px #9b59b647,0 2px 6px #7b3c9838;outline:3px solid #9b59b68c;outline-offset:2px}@media (prefers-reduced-motion:reduce){.apply-button,.clear-button{transition:none}}.success-message{background-color:#d4edda;border-radius:4px;color:#155724;font-size:1rem;margin-bottom:1rem;padding:15px;text-align:center}@media (max-width:480px){.success-message{font-size:1.2rem;padding:12px}}@media (min-width:481px) and (max-width:768px){.success-message{font-size:1.1rem;padding:14px}}.filter-options-container{border:1px solid #ccc;margin:.5rem auto;max-height:200px;max-width:600px;overflow-y:auto;padding:.5rem;transition:background-color .2s ease}@media (max-width:768px){.filter-options-container{max-width:90%}}@media (max-width:480px){.filter-options-container{max-width:95%;padding:.4rem}}@media (min-width:1200px){.filter-options-container{max-width:800px}}.filter-panel-wrapper{margin:1rem 0;text-align:center}.filter-panel-container{display:inline-block;max-width:none;min-height:300px;width:auto}.filter-panel-container h2{color:#333;font-size:1.25rem;line-height:1.4;margin:.5rem 0}.filter-panel-container p{color:#333;font-size:.95rem;line-height:1.4;margin:.5rem 0 1rem}.sort-section{background-color:#f9f9f9;border-radius:4px;margin-bottom:1rem;padding:.5rem 0;width:100%}.sort-options-column{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 1rem;text-align:left}.filter-section{margin-bottom:1rem}.filter-suboptions{margin-left:1.5rem;margin-top:.5rem;text-align:left}@media (max-width:480px){.filter-panel-container{max-width:95%;padding:.75rem}.filter-panel-container h2{font-size:1.1rem}.filter-panel-container p{font-size:.9rem}.sort-options-column{margin:.5rem}}.filter-panel-container{background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 1px 3px #00000014;box-sizing:border-box;display:block;margin:0 auto;max-width:600px;padding:1rem;text-align:left}@media (max-width:768px){.filter-panel-container{max-width:90%;padding:1rem}}@media (min-width:1200px){.filter-panel-container p{font-size:1rem}}@media (max-width:768px){.tab-navigation{flex-wrap:wrap;gap:12px;padding:4px 8px}.tab-button{font-size:.95rem;padding:6px 12px}}@media (max-width:480px){.tab-navigation{gap:8px;margin:8px auto}.tab-button{font-size:.85rem;padding:4px 10px}}.container{padding:1rem}.column{display:flex;flex-direction:column;gap:1rem}.filterPanelWrap{min-height:300px;position:relative}.filterUpdatingOverlay{align-items:flex-start;display:flex;inset:0;justify-content:flex-end;padding:.5rem;pointer-events:none;position:absolute}.filterUpdatingBadge{background:#ffffffd9;border:1px solid #e5e7eb;border-radius:8px;font-size:12px;padding:4px 8px}.controlsRow{align-items:center;display:flex;gap:.75rem}.applyButton{border:1px solid #ccc;border-radius:8px;cursor:pointer;padding:.5rem .9rem}.applyButton:disabled{cursor:not-allowed;opacity:.6}.extensionsSection{margin-top:1rem}.hideExtensionsButton{background:none;border:none;color:#0070f3;cursor:pointer;margin-bottom:1rem}.instructions-container{font-family:Arial,sans-serif;margin-bottom:1rem;margin-top:1rem}.instructions-label{align-items:center;cursor:pointer;display:flex;font-size:1rem;justify-content:center;margin-bottom:.5rem}.instructions-checkbox{cursor:pointer;margin-right:8px}.instructions-content{background-color:#f9f9f9;background-color:#eef4fa;border:1px solid #ccc;border-radius:6px;margin-top:.5rem;text-align:center}.instructions-content h3{font-size:1.1rem;margin-bottom:.5rem;margin-top:0}.instructions-content code{background-color:#eee;border-radius:3px;padding:2px 4px}@media (max-width:768px){.instructions-content,.instructions-label{font-size:.95rem}}@media (max-width:480px){.instructions-label{font-size:.9rem}.instructions-content{font-size:.9rem;padding:.75rem}.instructions-content h3{font-size:1rem}}.definitionContainer,.definitionContainer *{pointer-events:auto!important;-webkit-user-select:text!important;user-select:text!important}.searchContainer{margin:0 auto;max-width:250px;padding:1rem;width:100%}@media (min-width:400px){.searchContainer{max-width:300px}}@media (min-width:768px){.searchContainer{max-width:400px}}@media (min-width:1000px){.searchContainer{max-width:500px}}.searchInputWrapper{display:flex;gap:8px;margin-bottom:8px}.searchInput{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;flex:1 1;font-size:16px;padding:8px}.searchButton{background-color:#d3d3d3;border:none;border-radius:50%;cursor:pointer;font-size:0;height:40px;position:relative;transition:background-color .3s ease,box-shadow .3s ease;width:40px}.searchButton:hover{background-color:#a9a9a9;box-shadow:0 2px 6px #00000026}.searchButton:before{color:#fff;content:"\1F50D";font-size:18px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.suggestionsList{border:1px solid #ccc;border-radius:4px;list-style-type:none;margin:0;max-height:150px;overflow-y:auto;padding:0}.suggestionItem{border-bottom:1px solid #eee;cursor:pointer;padding:8px}.definitionContainerWrapper{box-sizing:border-box;margin:1rem auto 0;max-width:700px;padding:0 1rem;width:100%}.definitionContainer{background-color:#fdfdfd;border:1px solid #ccc;border-radius:4px;padding:16px}:root{--color-primary:#007bff;--color-success:#28a745;--color-danger:#dc3545;--color-text:#000;--color-option-bg:#f9fcff;--color-option-hover:#eef7ff;--color-option-selected:#d9eafc;--color-border:#cde;--radius-base:5px;--transition-base:0.2s ease}body{background-color:#f6f8fb;color:#000;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.mcq-page{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;box-sizing:border-box;margin:2rem auto;max-width:620px;padding:1.5rem;width:100%}.mcq-question{font-size:1.25rem;font-weight:600;line-height:1.4;margin:.5rem .5rem 1rem;padding-bottom:.5rem;padding-top:1rem;text-align:center}.option-button{background-color:#f9fcff;background-color:var(--color-option-bg);border:1px solid #cde;border:1px solid var(--color-border);border-radius:5px;border-radius:var(--radius-base);color:#000;color:var(--color-text);cursor:pointer;display:block;font-size:1.125rem;margin:1rem auto;padding:.75rem;text-align:left;transition:background-color .2s ease,box-shadow .2s ease;transition:background-color var(--transition-base),box-shadow var(--transition-base);width:calc(100% - 2rem)}.option-button:hover{background-color:#eef7ff;background-color:var(--color-option-hover)}.option-button:focus{box-shadow:0 0 0 2px #007bff4d;outline:2px solid #007bff;outline:2px solid var(--color-primary)}.option-button.selected{background-color:#d9eafc;background-color:var(--color-option-selected);border-color:#b1d0fa}.option-button:disabled{cursor:not-allowed;opacity:.75}.select-option-warning{color:#d9534f;font-size:.875rem;margin:.5rem 0}.mcq-button-group{display:flex;gap:1rem;justify-content:space-between;margin-top:1.5rem}.next-button,.submit-button{align-items:center;border:none;border-radius:5px;border-radius:var(--radius-base);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;flex:1 1;font-size:1rem;justify-content:center;padding:.75rem 1rem;text-align:center;transition:background-color .2s ease;transition:background-color var(--transition-base)}.submit-button{background-color:#007bff;background-color:var(--color-primary)}.submit-button:hover{background-color:#0056b3}.submit-button.disabled{background-color:#78838d;cursor:not-allowed}.next-button{background-color:#28a745;background-color:var(--color-success)}.next-button:hover{background-color:#218838}.answer-feedback{border:1px solid #0000;border-radius:5px;border-radius:var(--radius-base);font-size:.95rem;line-height:1.4;margin-top:1rem;padding:1rem}.answer-feedback.correct{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.answer-feedback.incorrect{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.answer-feedback-score{font-weight:600;margin:.5rem 0 0}@media (min-width:768px){.mcq-page{max-width:700px;padding:2rem}.mcq-question{font-size:1.7rem}.option-button{font-size:1.5rem}}@media (min-width:992px){.mcq-page{max-width:900px}.option-button{margin:1.25rem auto;padding:1rem}}@media (min-width:1200px){.mcq-page{max-width:900px}}@media (max-width:480px){.mcq-question{font-size:1.1rem;padding-bottom:.25rem;padding-top:.5rem}.option-button{font-size:1.1rem;margin:.3rem auto;padding:.5rem .7rem;width:calc(100% - 1.5rem)}.next-button,.submit-button{font-size:.9rem;padding:.5rem}.instructions{font-size:.8rem}}@media screen and (max-width:950px) and (orientation:landscape){.mcq-page{margin:1rem auto;padding:.1rem}.option-button{margin:.5rem auto;padding:.3rem}.mcq-question{font-size:1.2rem;margin:.5rem 0}.answer-feedback,.instructions{padding:.2rem}.next-button,.submit-button{padding:.5rem}}.leaderboard-container{margin:0 auto;max-width:800px;padding:20px}.leaderboard-table-wrapper{margin-top:20px;width:100%}.leaderboard-table{border-collapse:collapse;table-layout:fixed;width:100%}.leaderboard-table td,.leaderboard-table th{word-wrap:break-word;border:1px solid #ddd;overflow-wrap:break-word;padding:12px;text-align:center;white-space:normal}.leaderboard-table th{background-color:#f2f2f2;font-weight:700}.leaderboard-table td:first-child,.leaderboard-table th:first-child{width:10%}.leaderboard-table td:nth-child(2),.leaderboard-table th:nth-child(2){width:50%}.leaderboard-table td:nth-child(3),.leaderboard-table td:nth-child(4),.leaderboard-table th:nth-child(3),.leaderboard-table th:nth-child(4){width:20%}.leaderboard-table tr:nth-child(2n){background-color:#f9f9f9}.leaderboard-table tr:hover{background-color:#e2e2e2}.current-user-row{background-color:#d1e7dd!important;font-weight:700}.no-user-prompt{background-color:#f9f9f9;border:1px dashed #ccc;border-radius:4px;margin-top:20px;padding:15px;text-align:center}.create-account-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 16px}.create-account-button:hover{background-color:#0056b3}@media (min-width:1000px){.leaderboard-container{max-width:900px}}@media (min-width:1200px){.leaderboard-container{max-width:1000px}}@media (max-width:768px){.leaderboard-container{max-width:95%;padding:15px}.leaderboard-table td,.leaderboard-table th{font-size:14px;padding:10px}}@media (max-width:480px){.leaderboard-container{max-width:95%;padding:10px}.leaderboard-table td,.leaderboard-table th{font-size:13px;padding:8px}.leaderboard-table td:first-child,.leaderboard-table th:first-child{width:15%}.leaderboard-table td:nth-child(2),.leaderboard-table th:nth-child(2){width:45%}.leaderboard-table td:nth-child(3),.leaderboard-table td:nth-child(4),.leaderboard-table th:nth-child(3),.leaderboard-table th:nth-child(4){width:20%}}@media (max-width:480px) and (orientation:landscape){.leaderboard-container{padding:6px}.leaderboard-table td,.leaderboard-table th{font-size:12px;padding:6px}}@media (max-width:480px) and (orientation:portrait){.leaderboard-table td,.leaderboard-table th{font-size:13.5px}}.guide-container{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000000d;color:#333;font-family:Roboto,sans-serif;line-height:1.7;margin:2rem auto;max-width:900px;padding:2rem}.guide-header{margin-bottom:1.5rem;text-align:center}.guide-header h1{color:#2c3e50;font-size:2.2rem;margin-bottom:.4rem}.guide-date{color:#666;font-size:.95rem}.guide-hero{margin:1rem auto;max-width:80%;text-align:center}.guide-hero img{border-radius:6px;box-shadow:0 2px 8px #00000014;height:auto;max-height:400px;object-fit:cover;width:100%}.guide-share{align-items:center;background-color:#f9fafb;border:1px solid #eee;border-radius:6px;display:flex;font-size:.9rem;gap:.75rem;justify-content:center;margin-bottom:1.5rem;padding:.6rem 1rem}.guide-share span{font-weight:600;margin-right:.5rem}.guide-share-icon{cursor:pointer;font-size:1.3rem;transition:transform .2s ease,opacity .2s ease}.guide-share-icon:hover{opacity:.9;transform:scale(1.1)}.twitter{color:#1da1f2}.facebook{color:#3b5998}.linkedin{color:#0077b5}.whatsapp{color:#25d366}.discord{color:#5865f2}.snapchat{color:#fffc00}.tiktok{color:#000}.copy{color:#555}.guide-share-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:1.3rem;padding:0;transition:transform .2s ease,opacity .2s ease}.guide-share-button:hover{opacity:.9;transform:scale(1.1)}.guide-toc{background:#f7f9fc;border:1px solid #eee;border-radius:5px;margin-bottom:1.5rem;padding:1rem}.guide-toc h3{color:#2c3e50;font-size:1.1rem;margin-top:0}.guide-toc ul{list-style:none;margin:.5rem 0 0;padding:0}.guide-toc li{margin:.25rem 0}.heading-level-1 a{font-weight:700}.heading-level-2 a{margin-left:12px}.heading-level-3 a{margin-left:24px}.guide-content p{color:#444;line-height:1.7;margin-bottom:1.25rem;text-align:justify}.blog-heading{color:#2c3e50;font-weight:600;margin:2rem 0 .75rem}.guide-related{background:#fefcea;border-radius:5px;box-shadow:0 2px 6px #0000000d;margin-top:2rem;padding:1rem}.guide-related h3{color:#2c3e50;margin-top:0}.guide-related ul{list-style:square inside;margin:.5rem 0 0;padding:0}.guide-related li{margin:.25rem 0}.guide-cta{background:#f0f8ff;border-radius:6px;box-shadow:0 2px 6px #0000000d;margin-top:2.5rem;padding:1.5rem;text-align:center}.guide-cta h3{color:#2c3e50;font-size:1.4rem;font-weight:600;margin-bottom:1rem;margin-top:0}.guide-cta p{font-size:1rem;margin-bottom:1rem}.guide-cta .cta-button{background-color:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .3s ease}.guide-cta .cta-button:hover{background-color:#1e4eaa}.guide-backtotop{margin-top:2.5rem;text-align:center}.guide-backtotop button{background:#2c3e50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.6rem 1.2rem;transition:background .2s ease}.guide-backtotop button:hover{background:#3b4a65}.blog-notfound{color:#c00;font-size:1.2rem;font-weight:700;padding:3rem;text-align:center}@media (max-width:768px){.guide-container{margin:1.5rem auto;padding:1.5rem}.guide-header h1{font-size:1.8rem}.guide-hero img{max-height:300px}.guide-share{flex-wrap:wrap;justify-content:center}.blog-heading{margin:1.5rem 0 .75rem}}@media (max-width:480px){.guide-container{margin:1rem auto;padding:1rem}.guide-header h1{font-size:1.6rem}.guide-share{font-size:.85rem;padding:.4rem .8rem}.guide-share-icon{font-size:1.2rem}.guide-content p{font-size:.95rem}.guide-backtotop button{font-size:.9rem;padding:.5rem 1rem}}.guide-index-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;color:#333;font-family:Roboto,sans-serif;margin:2rem auto;max-width:1000px;padding:2rem}.guide-index-header{margin-bottom:2rem;text-align:center}.guide-index-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:.5rem}.guide-index-header p{color:#556b8b;font-size:1.1rem}.guide-index-list{display:flex;flex-direction:column;gap:1.5rem}.guide-index-item{background:#f9f9ff;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.guide-index-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.guide-index-thumbnail{flex-shrink:0}.guide-index-thumbnail img{border:1px solid #ddd;border-radius:8px;height:150px;object-fit:cover;width:150px}.guide-index-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-left:1rem}.guide-index-content h2{color:#2c3e50;font-size:1.8rem;margin:0 0 .5rem}.guide-index-meta{color:#7d8a99;font-size:.9rem;margin-bottom:.5rem}.guide-index-description{color:#555;font-size:1rem;margin-bottom:.5rem}.guide-index-readmore{align-self:flex-start;color:#2563eb;font-weight:700;text-decoration:none;transition:-webkit-text-decoration .2s ease;transition:text-decoration .2s ease;transition:text-decoration .2s ease,-webkit-text-decoration .2s ease}.guide-index-readmore:hover{text-decoration:underline}@media (max-width:768px){.guide-index-container{padding:1.5rem}.guide-index-item{align-items:center;flex-direction:column}.guide-index-thumbnail img{height:auto;max-width:300px;width:100%}.guide-index-content{margin-left:0;text-align:center}}@media (max-width:480px){.guide-index-container{padding:1rem}.guide-index-header h1{font-size:2rem}.guide-index-item{padding:.8rem}.guide-index-thumbnail img{max-width:100%}.guide-index-content h2{font-size:1.6rem}.guide-index-description,.guide-index-meta{font-size:.9rem}}.google-signin-container{display:flex;justify-content:center;margin:1.5rem 0;text-align:center}.gsi-material-button{align-items:center;background-color:#fff;border:1px solid #dadce0;border-radius:20px;box-shadow:0 1px 2px #0000001a,0 2px 4px #0000001a;color:#1f1f1f;cursor:pointer;display:flex;font-family:Roboto,Arial,sans-serif;font-size:14px;font-weight:500;height:48px;justify-content:center;max-width:300px;padding:10px 16px;text-decoration:none;transition:all .2s ease-in-out;width:100%}.gsi-material-button:hover{background-color:#f7f7f7;box-shadow:0 2px 4px #00000026}.gsi-material-button:active{background-color:#e8e8e8;transform:scale(.98)}.gsi-material-button:disabled{cursor:not-allowed;opacity:.7}.google-icon{height:20px;margin-right:10px;width:20px}@media (max-width:480px){.gsi-material-button{font-size:13px;height:44px;max-width:100%;padding:8px 12px}.google-signin-container{margin:1rem 0}}.login-page-container{padding:2rem;text-align:center}.login-page-container h2{font-size:1.5rem;margin-bottom:1rem}.login-form{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:300px}.login-form input[type=password],.login-form input[type=text]{border:1px solid #ccc;border-radius:5px;font-size:1rem;margin-bottom:1rem;padding:8px;width:100%}.login-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-bottom:1rem;padding:10px 16px;width:100%}.login-button:disabled{background-color:#ccc;cursor:not-allowed}.login-links-container p{font-size:.95rem;margin-bottom:1rem}.login-link{color:#4caf50}@media (max-width:768px){.login-page-container{padding:1.5rem}.login-page-container h2{font-size:1.3rem}.login-button,.login-form input[type=password],.login-form input[type=text]{font-size:.95rem}.login-button{padding:8px 14px}}@media (max-width:480px){.login-page-container{padding:1rem}.login-page-container h2{font-size:1.2rem}.login-form{max-width:90%}.login-form input[type=password],.login-form input[type=text]{font-size:.9rem;padding:6px}.login-button{padding:8px 12px}.login-button,.login-links-container p{font-size:.9rem}}.logout-container{display:inline-block;position:relative}.logout-button-group{align-items:center;display:flex;gap:12px}.user-info{color:#333;font-size:14px;margin:0}.logout-button{background-color:#f44336;border:none;border-radius:4px;cursor:pointer;padding:8px 12px}.logout-button:hover{background-color:#d32f2f}.logout-button:disabled{background-color:#ccc;cursor:not-allowed}.confirm-modal{border-radius:6px;box-shadow:0 4px 8px #00000026;left:0;min-width:200px;padding:16px;position:absolute;top:100%;transform:translateY(8px);z-index:999}.confirm-buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.cancel-logout-button,.confirm-logout-button{border:none;border-radius:4px;cursor:pointer;padding:6px 12px}.confirm-logout-button{background-color:#f44336;color:#fff}.confirm-logout-button:hover{background-color:#d32f2f}.cancel-logout-button{background-color:#ccc;color:#333}.cancel-logout-button:hover{background-color:#aaa}@media (max-width:480px){.logout-button-group{align-items:flex-start;flex-direction:column;gap:8px}.user-info{font-size:13px}.logout-button{font-size:14px}.confirm-modal{left:auto;min-width:180px;padding:12px;right:0;transform:translateY(8px)}.cancel-logout-button,.confirm-logout-button{font-size:14px;padding:6px 8px}}.role-select{align-items:center;border:none;display:flex;flex-direction:column;margin:1rem 0;padding:0}.role-select__legend{font-size:.9rem;font-weight:400;margin-bottom:.5rem;text-align:center}.role-select__options{display:flex;gap:1.5rem;justify-content:center}.role-select__option{align-items:center;cursor:pointer;display:flex;font-size:1rem}.role-select__option input{margin-right:.5rem}.marketing-optin{align-items:center;color:#333;display:flex;font-size:.8rem;font-style:italic;justify-content:center;margin:.5rem 0;text-align:center}.marketing-optin__checkbox{height:1rem;margin-right:.5rem;width:1rem}.marketing-optin__label{word-wrap:break-word;line-height:1.2;max-width:20rem}.create-account-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:400px;padding:2rem;text-align:center}.create-account-container h2{color:#333;font-size:1.5rem;margin-bottom:1rem}.create-account-form{display:flex;flex-direction:column;gap:1rem}.create-account-form input[type=email],.create-account-form input[type=password]{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:10px}.create-button{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 16px;transition:background-color .3s ease}.create-button:hover:not(:disabled){background-color:#43a047}.create-button:disabled{background-color:#ccc;cursor:not-allowed}.existing-user-text{font-size:1rem;margin-top:1rem}.login-link{color:#007bff;font-weight:700;text-decoration:none}.login-link:hover{text-decoration:underline}@media (max-width:768px){.create-account-container{margin:1.5rem auto;padding:1.5rem}.create-account-container h2{font-size:1.3rem}.create-account-form input{font-size:.95rem;padding:8px}.create-button{font-size:.95rem;padding:10px 14px}}@media (max-width:480px){.create-account-container{margin:1rem auto;padding:1rem}.create-account-container h2{font-size:1.2rem}.create-account-form input{font-size:.9rem;padding:6px}.create-button{font-size:.9rem;padding:8px 12px}}.delete-account-container{border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:400px;padding:20px;text-align:center}.delete-account-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 16px}.delete-account-button:disabled{background-color:#ccc;cursor:not-allowed}.confirm-modal{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0003;left:50%;max-width:90%;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:350px;z-index:1000}.modal-buttons{display:flex;justify-content:space-around;margin-top:10px}.confirm-button{background-color:#f44336;color:#fff}.cancel-button,.confirm-button{border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:10px 16px}.cancel-button{background-color:#ccc;color:#333}.cancel-button:hover:not(:disabled),.confirm-button:hover:not(:disabled){opacity:.8}@media (max-width:768px){.delete-account-container{margin:20px auto;max-width:80%;padding:15px}.confirm-modal,.delete-account-container{border-radius:6px}.cancel-button,.confirm-button,.delete-account-button{font-size:14px;padding:8px 12px}}@media (max-width:480px){.delete-account-container{max-width:90%;padding:12px}.confirm-modal{max-width:90%;padding:15px;width:auto}.cancel-button,.confirm-button,.delete-account-button{font-size:14px;padding:8px}}.reset-password-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:400px;padding:2rem;text-align:center}.reset-password-container h2{font-size:1.5rem;margin-bottom:1rem}.reset-password-container p{font-size:1rem;margin-bottom:1rem}.reset-form{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:300px}.reset-form input[type=email]{border:1px solid #ccc;border-radius:4px;padding:8px}.reset-button,.reset-form input[type=email]{font-size:1rem;margin-bottom:1rem;width:100%}.reset-button{background-color:#4caf50;border:none;border-radius:5px;cursor:pointer;padding:10px 16px;transition:background-color .3s ease}.reset-button:disabled{background-color:#ccc;cursor:not-allowed}.reset-button:hover:not(:disabled){background-color:#43a047}.reset-message{color:#333;font-size:1rem;margin-top:1rem}.back-to-login-link{color:#4caf50;font-weight:700;text-decoration:none}.back-to-login-link:hover{text-decoration:underline}@media (max-width:768px){.reset-password-container{margin:1.5rem auto;padding:1.5rem}.reset-password-container h2{font-size:1.3rem}.reset-button{font-size:.95rem;padding:8px 14px}}@media (max-width:480px){.reset-password-container{margin:1rem auto;padding:1rem}.reset-password-container h2{font-size:1.2rem}.reset-form input[type=email]{font-size:.95rem;padding:6px}.reset-button{font-size:.9rem;padding:8px 12px}}.change-email-container{padding:2rem;text-align:center}.change-email-container h2{font-size:1.8rem;margin-bottom:1.5rem}.form-container{margin:0 auto;max-width:400px;text-align:left}.form-container label{display:block;font-weight:500;margin-bottom:.5rem}.form-container input[type=email],.form-container input[type=password]{border:1px solid #ccc;border-radius:4px;display:block;font-size:1rem;margin-bottom:1rem;padding:8px;width:100%}.update-email-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .2s ease}.update-email-button:hover{background-color:#43a047}.error-message{color:red;margin-top:1rem}.success-message{color:green;margin-top:1rem}@media (max-width:768px){.change-email-container{padding:1.5rem}.form-container{margin:0 1rem}.update-email-button{font-size:.95rem;padding:8px 16px}}@media (max-width:480px){.change-email-container{padding:1rem}.form-container label{font-size:.95rem}.form-container input[type=email],.form-container input[type=password]{font-size:.95rem;padding:6px}.update-email-button{font-size:.9rem;padding:6px 12px}}.update-username-container{margin-top:1rem;text-align:center}.update-username-title{color:#333;font-size:1.2rem;margin-bottom:1rem}.username-input{border:1px solid #ccc;border-radius:4px;display:block;font-size:1rem;margin:.5rem auto;max-width:300px;padding:10px;width:90%}.update-username-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 16px;transition:background-color .2s ease}.update-username-button:hover:not(:disabled){background-color:#43a047}.update-username-button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.update-username-container{margin-top:.5rem}.username-input{max-width:90%}.update-username-button{font-size:.95rem;padding:8px 12px}}@media (max-width:480px){.username-input{font-size:.95rem;max-width:95%;padding:8px}.update-username-button{font-size:.9rem;padding:8px 10px}}.saved-decks-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;margin:0 auto 1.5rem;max-width:600px;padding:1rem;width:100%}.saved-decks-header{font-size:1.4rem;margin-bottom:1rem;text-align:center}.saved-decks-description{color:#555;margin-bottom:1rem}.favourites-button{background-color:#f8f8f8;border:none;border-radius:6px;cursor:pointer;display:block;margin:0 auto;padding:.5rem 0;text-align:center;width:100px}.favourites-button .star-icon{color:gold;display:block;font-size:2rem;margin:0 auto}.favourites-button .favourites-text{color:#333;font-size:.85rem}@media (max-width:600px){.saved-decks-header{font-size:1.2rem}.saved-decks-description{font-size:.9rem}.favourites-button{width:80px}.favourites-button .star-icon{font-size:1.8rem}}@media (max-width:900px) and (min-width:601px){.saved-decks-header{font-size:1.3rem}}.topics-table-container{-webkit-overflow-scrolling:touch;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin:2rem auto;max-width:800px;overflow-x:auto;padding:1rem 1.5rem}.topics-table-title{color:#333;font-size:1.4rem;font-weight:600;margin-bottom:1rem;text-align:center}.loading-text,.no-data-text{color:#555;font-size:1rem;text-align:center}.overall-rating-card{background-color:#fcfcfc;border:1px solid #eee;border-radius:6px;margin-bottom:1.5rem;padding:1rem;text-align:center}.overall-rating-card h4{color:#444;font-size:1.1rem;margin:0 0 .5rem}.overall-rating-row{display:flex;gap:1rem;justify-content:center}.overall-rating-cell{border-radius:4px;color:#333;font-weight:600;min-width:80px;padding:.5rem .75rem;text-align:center}.legend-row{color:#555;display:flex;font-size:.95rem;gap:1.5rem;justify-content:center;margin-bottom:1rem}.legend-item{align-items:center;display:flex;gap:.25rem}.topics-table{border-collapse:initial;border-radius:6px;border-spacing:0;color:#333;font-size:.95rem;overflow:hidden;width:100%}.topics-table thead th{background-color:#fafafa;border-bottom:1px solid #ddd;font-size:.95rem;font-weight:600;padding:.75rem 1rem;text-align:center}.sortable-header{cursor:pointer;padding:.75rem 1rem;position:relative;text-align:left}.sortable-header:hover{background-color:#f0f0f0}.sortable-header:after{background-color:#333;border-radius:4px;color:#fff;content:attr(data-tooltip);font-size:.75rem;left:0;margin-top:4px;opacity:0;padding:4px 6px;pointer-events:none;position:absolute;top:100%;transition:opacity .2s;white-space:nowrap}.sortable-header:hover:after{opacity:1}.topics-table tbody tr{transition:background-color .2s ease}.topics-table tbody tr:hover{background-color:#f6f6f6}.topics-table tbody td{border-bottom:1px solid #eee;padding:.75rem 1rem}.topic-title{font-weight:500;text-align:left}@media (max-width:600px){.topics-table-title{font-size:1.2rem}.topics-table tbody td,.topics-table thead th{padding:.5rem}.overall-rating-card h4{font-size:1rem}.overall-rating-row{flex-wrap:wrap}.overall-rating-cell{margin-bottom:.5rem}.legend-row{font-size:.9rem}.hide-mobile{display:none}}.profile-page-layout{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;padding:1rem;width:100%}@media (min-width:768px){.profile-page-layout{align-items:stretch;flex-direction:row;justify-content:center}}.page-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;box-sizing:border-box;margin:0 auto;max-width:800px;padding:2rem;width:100%}@media (max-width:480px){.page-section{margin:1rem auto;padding:1.5rem}}.saved-decks-container{display:flex;flex-direction:column;justify-content:center;text-align:center}.saved-decks-header{color:#333;font-size:1.5rem;margin-bottom:.75rem}.saved-decks-description{color:#666;font-size:.95rem;line-height:1.4;margin-bottom:1.5rem}.profile-manager{display:flex;flex-direction:column;justify-content:center;text-align:center}.profile-manager h2{color:#333;font-size:1.8rem;margin-bottom:1rem}.profile-manager p{color:#555;font-size:1rem;margin-bottom:1.5rem}.profile-actions{display:flex;flex-direction:column;gap:1rem;margin-top:auto}.button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 20px;transition:all .2s ease-in-out}.logout-button{background-color:#007bff;color:#fff}.logout-button:hover{background-color:#0056b3}.reset-button{background-color:#28a745;color:#fff}.reset-button:hover{background-color:#218838}.update-email-button,.update-username-button{background-color:#4caf50;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .2s ease,transform .1s ease}.update-email-button:hover,.update-username-button:hover{background-color:#43a047}.update-email-button:active,.update-username-button:active{transform:scale(.98)}.delete-button{background-color:#e63946;color:#fff}.delete-button:hover{background-color:#c82333}.link{color:#007bff;font-weight:700;text-decoration:none}.link:hover{text-decoration:underline}.analytics-section,.topics-table-container{margin-top:1rem}.header-container{flex-direction:column;width:100%}.header-container,.header-top{box-sizing:border-box;display:flex}.header-top{align-items:center;flex-wrap:wrap;justify-content:space-between;padding:.75rem 1.5rem}.signin-prompt{align-items:flex-start;box-sizing:border-box;cursor:pointer;display:flex;flex:1 1 auto;flex-direction:column;gap:4px;max-width:60%;min-width:0}.signin-message{word-wrap:break-word;color:#007bff;font-size:14px;line-height:1.3;text-align:left;text-decoration:underline;white-space:normal}.profile-section{align-items:center;cursor:pointer;display:flex;flex:0 1 auto;gap:8px;min-width:0}.profile-circle{align-items:center;background-color:#007bff;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:25px;justify-content:center;width:25px}.profile-circle:hover{background-color:#0056b3}.profile-name{color:#333;font-size:14px;font-weight:500}.level-display{align-items:center;display:flex;flex-shrink:0;gap:8px;min-width:0}.tab-navigation-container{margin-top:4px}@media (max-width:480px),(max-width:600px) and (orientation:landscape){.header-top{align-items:flex-start;flex-direction:column}.level-display,.profile-section,.signin-prompt{max-width:100%;width:100%}.profile-section,.signin-prompt{margin-bottom:.5rem}}@media (min-width:768px){.header-top{padding:.75rem 1.5rem}.profile-name,.signin-message{font-size:15px}}@media (min-width:992px){.header-top{padding:1rem 2rem}.profile-name,.signin-message{font-size:16px}}@media (min-width:1200px){.header-top{padding:1.25rem 2.5rem}.profile-name,.signin-message{font-size:17px}}@media (max-width:480px){.signin-message{font-size:12px}}.tab-navigation{align-items:center;border-radius:6px;display:flex;gap:20px;justify-content:center;margin:10px 0;padding:6px 10px}.tab-button{background-color:initial;border:none;border-radius:4px;box-shadow:none;color:#333;cursor:pointer;padding:8px 16px;transition:background-color .3s ease,box-shadow .3s ease}.tab-button:hover{background-color:#e8eefc}.tab-button.active{background-color:#cfd9f2;box-shadow:inset 0 0 0 2px #ccc}@media (max-width:1024px){.tab-navigation{flex-wrap:wrap}}@media (max-width:480px){.tab-navigation{gap:10px}.tab-button{font-size:.9rem;padding:6px 10px}}.level-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:inline-block;padding:8px 12px;position:absolute;right:20px;text-align:center;top:10px;transition:background-color .3s ease,box-shadow .3s ease;z-index:1000}.level-container:focus-within,.level-container:hover{background-color:#cfd9f2;box-shadow:0 4px 6px #0003;color:#000}.total-xp-container{max-height:0;opacity:0;overflow:hidden;transition:opacity .3s ease,max-height .3s ease}.level-container:hover .total-xp-container{max-height:100px;opacity:1}.xp-info{color:#333;display:none;margin-top:.5rem}.level-container:hover .xp-info{display:block}.message{animation:fadeIn .5s forwards;border-radius:5px;margin-top:10px;opacity:0;padding:10px;text-align:center;transform:translateY(-10px)}.level-up{background-color:gold;color:#000}.level-down{background-color:#ff6b6b;color:#fff}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.level-container{font-size:14px;padding:6px 8px;right:10px;top:10px}.level-container .message{padding:8px}}.next-xp-container{color:#555;font-size:.875rem;font-style:italic;margin-top:.5rem}.snap-game-outer{display:flex;flex-direction:column;margin:0;min-height:100vh}.snap-header{align-items:center;background:#f0f0f0;border-bottom:1px solid #ccc;display:flex;flex:0 0 auto;gap:1rem;justify-content:space-between;padding:.5rem 1rem}.snap-header h2{margin:0}.snap-type-selector{align-items:center;display:flex;gap:.5rem}.snap-content{flex:1 1;overflow:hidden;position:relative}.snap-card-grid{grid-gap:8px;box-sizing:border-box;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);height:100%;padding:.5rem;width:100%}@media screen and (min-width:1280px) and (max-width:1366px) and (max-height:850px){.snap-card-grid{transform:scale(.85);transform-origin:top center}}@media screen and (max-width:1368px) and (min-width:1200px){.snap-card-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}}@media screen and (max-width:1199px) and (min-width:768px){.snap-card-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}}@media screen and (max-width:767px) and (min-width:480px){.snap-card-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr)}}@media screen and (max-width:479px){.snap-card-grid{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(8,1fr)}}.snap-card{align-items:center;background-color:#fff;border:1px solid #999;border-radius:6px;box-shadow:0 2px 5px #0003;cursor:pointer;display:flex;height:100%;justify-content:center;line-height:0;overflow:hidden;position:relative;transition:transform .1s ease-in-out;width:100%}.snap-card.matched{animation:matchSuccess .8s forwards;pointer-events:none}@keyframes matchSuccess{0%{background-color:#c8e6c9;opacity:1;transform:scale(1)}50%{transform:scale(1.06)}to{opacity:0;transform:scale(.95)}}.snap-card.shake{animation:shake .4s}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}to{transform:translate(0)}}.svg-wrapper{height:100%;line-height:0;width:100%}.svg-wrapper svg{display:block;height:auto;width:100%}.congratulations-overlay,.memorize-overlay{background:#000c;border-radius:8px;color:#fff;left:50%;padding:1rem 1.5rem;position:absolute;text-align:center;top:1rem;transform:translateX(-50%);z-index:10}.congratulations-overlay{background:#c8e6c9;border:1px solid #2e7d32;box-shadow:0 2px 10px #0000004d;color:#2e7d32}.resend-verification-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:400px;padding:2rem;text-align:center}.resend-verification-container h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.resend-verification-container p{color:#555;font-size:1rem;margin-bottom:2rem}.resend-button{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 16px;transition:background-color .3s ease}.resend-button:hover:not(:disabled){background-color:#43a047}.resend-button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.resend-verification-container{margin:1.5rem auto;padding:1.5rem}.resend-verification-container h2{font-size:1.3rem}.resend-button,.resend-verification-container p{font-size:.95rem}.resend-button{padding:10px 14px}}@media (max-width:480px){.resend-verification-container{margin:1rem auto;padding:1rem}.resend-verification-container h2{font-size:1.2rem}.resend-button,.resend-verification-container p{font-size:.9rem}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{margin:0;overflow-x:hidden;padding:0}.hide{visibility:hidden}.cookie-banner-container{background:#f9f9f9;border-radius:8px;bottom:1rem;box-shadow:0 4px 6px #0000001a;color:#66747d;font-family:Arial,sans-serif;font-size:.9rem;left:0;margin:0 auto;max-width:800px;min-width:300px;padding:1rem 1.5rem;position:fixed;right:0;text-align:center;width:90%;z-index:1000}.cookie-banner-button{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-right:.5rem;padding:10px 16px;transition:background-color .3s ease}.cookie-banner-button:hover:not(:disabled){background-color:#43a047}.cookie-banner-decline{background-color:#c00;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 16px;transition:background-color .3s ease}.cookie-banner-decline:hover:not(:disabled){background-color:#a50000}.cookie-banner-link{color:#007bff;font-weight:700;margin-left:.25rem;text-decoration:none}.cookie-banner-link:hover{text-decoration:underline}@media (max-width:480px){.cookie-banner-container{bottom:.5rem;padding:.75rem 1rem;width:90%}.cookie-banner-button,.cookie-banner-decline{font-size:.9rem;padding:8px 12px}}@tailwind base;@tailwind components;@tailwind utilities;.font-bold{font-weight:700!important}.italic{font-style:italic}body{align-items:center;background-color:#f4f7fb;color:#333;display:flex;font-family:Poppins,sans-serif;justify-content:center}h1,h2,h3,h4{font-weight:600}button{transition:all .3s ease}a{color:#333;text-decoration:none}a:hover{text-decoration:underline}input,textarea{border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;padding:.5rem}input:focus,textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 1px #2563eb80;outline:none}.text-primary{color:#1e3a8a}.text-secondary{color:#4b5563}label{align-items:center;display:flex;margin-bottom:10px}input[type=radio]{margin-right:10px}button{border-radius:.375rem;color:#fff;cursor:pointer;font-size:1.25rem;padding:.75rem 1.5rem;transition:background-color .3s ease}button,button:hover{background-color:#658af0}button:hover{transform:translateY(-2px)}button:focus{box-shadow:0 0 0 3px #2563eb80;outline:none}.success-banner{background-color:#4caf50;border-radius:5px;box-shadow:0 4px 6px #0000001a;color:#fff;font-size:16px;left:50%;padding:10px 20px;position:fixed;top:10px;transform:translateX(-50%);z-index:1000}*{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@keyframes pop{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1.5)}}.container{margin:0 auto;max-width:clamp(90vw,90vw,1200px);padding:clamp(.5rem,1vw,1rem);width:100%}
/*# sourceMappingURL=main.b114db23.css.map*/