@import "https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";[data-theme=light]{--bg-color:#ebebeb;--element-color:#fff;--text-color:#111517;--input-color:#858585;--hover-bg:#f2f2f2;--hover-border:#3c57dd}[data-theme=dark]{--bg-color:#202c37;--element-color:#2b3945;--text-color:#fff;--input-color:#fff;--hover-bg:#374858;--hover-border:#677ce4}.trivia-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.trivia-modal{background:var(--bg-color);border-radius:12px;width:100%;max-width:520px;max-height:90vh;font-family:system-ui,-apple-system,sans-serif;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.trivia-header{border-bottom:1px solid var(--input-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.trivia-header h2{color:var(--text-color);margin:0;font-size:1.25rem}.trivia-meta{align-items:center;gap:.75rem;display:flex}.score-pill{background:var(--element-color);color:var(--text-color);border-radius:999px;padding:.35rem .75rem;font-size:.875rem;font-weight:600}.close-btn{cursor:pointer;color:var(--text-color);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.25rem;display:flex}.close-btn:hover{color:#000;background:#f0f0f0}.trivia-body{padding:1.5rem}.question-label{color:var(--text-color);margin:0 0 .5rem;font-size:.875rem}.progress-bar{background:#eee;border-radius:999px;height:6px;margin-bottom:1.25rem;overflow:hidden}.progress-fill{background:#4f46e5;height:100%;transition:width .3s}.flag-display{justify-content:center;margin-bottom:1.25rem;display:flex}.flag-display img{border-radius:8px;width:100%;max-width:360px;height:auto;box-shadow:0 2px 8px #00000026}.options-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem;display:grid}.option-btn{background:var(--element-color);border:2px solid var(--element-color);cursor:pointer;color:var(--text-color);border-radius:8px;padding:.75rem 1rem;font-size:.95rem;transition:all .15s;box-shadow:0 2px 6px #0000001f}.option-btn:hover:not(:disabled){border-color:var(--hover-border);background:var(--hover-bg)}.option-btn:disabled{cursor:not-allowed}.option-btn.correct{color:#065f46;background:#d1fae5;border-color:#10b981}.option-btn.wrong{color:#991b1b;background:#fee2e2;border-color:#ef4444}.feedback{text-align:center;margin:1rem 0;font-weight:600}.feedback.correct{color:#10b981}.feedback.wrong{color:#ef4444}.next-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;width:100%;padding:.875rem;font-size:1rem;font-weight:600;transition:background .15s}.next-btn:hover:not(:disabled){background:#4338ca}.next-btn:disabled{cursor:not-allowed;background:#c7c7c7}.trivia-results{text-align:center;padding:2rem 1.5rem}.results-score{color:#4f46e5;margin:0 0 .5rem;font-size:3rem;font-weight:700}.results-label{color:var(--text-color);margin:0 0 1.5rem;font-size:1.1rem}[data-theme=light]{--bg-color:#fafafa;--element-color:#fff;--text-color:#111517;--input-color:#858585}[data-theme=dark]{--bg-color:#202c37;--element-color:#2b3945;--text-color:#fff;--input-color:#fff}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s}body{background-color:var(--bg-color);font-family:Nunito Sans;font-size:14px}.page-wrapper{padding-inline:2rem}nav{background-color:var(--element-color);width:100%;color:var(--text-color);justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 3rem;display:flex;box-shadow:0 10px 10px #0000001a}.trivia-btn{cursor:pointer;background-color:var(--bg-color);color:var(--text-color);border:none;border-radius:4px;padding:8px 24px;box-shadow:0 2px 8px #00000080}.trivia-btn:hover{filter:brightness(1.12);transform:translateY(-2px)}nav span{font-weight:700}.nav-controls{align-items:center;gap:4rem;display:flex}.switch{width:55px;height:25px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#f2f2f2;transition:background-color .4s;position:absolute;inset:0}.slider.round{border-radius:34px}.icon{color:#111517;font-size:20px;transition:left .6s,transform .8s;position:absolute;top:50%;left:6px;translate:0 -50%}input:checked+.slider .icon{color:#fff;transform:translate(24px)rotate(360deg)}input:checked+.slider{background-color:#202c37}.search-container{background-color:var(--element-color);border-radius:.25rem;align-items:center;gap:.5rem;width:350px;padding:1rem .25rem;display:flex;box-shadow:0 .125rem .25rem #00000013}#search{color:var(--text-color);background-color:#0000;border:none;outline:none;width:85%}#search::placeholder,.search-icon{color:var(--input-color)}.search-icon{width:25px;font-size:16px}.filter-search{justify-content:space-between;align-items:center;width:100%;padding:1rem 0;display:flex}.select .react-dropdown-select-content,.selet .react-dropdown-select-input{color:var(--text-color)}.select .react-dropdown-select-placeholder{color:var(--input-color)}.select .react-dropdown-select-dropdown{background-color:var(--element-color);color:var(--text-color);border:none;box-shadow:0 4px 12px #00000026}.select .react-dropdown-select-item{border:none}.filter-controls{align-items:center;gap:2rem;display:flex}.favorites-btn{background-color:var(--element-color);color:var(--text-color);cursor:pointer;border:none;border-radius:4px;padding:.9rem 1.25rem;box-shadow:0 2px 8px #0003}.favorites-btn:hover{transform:scale(1.02)}.empty-message{text-align:center;color:var(--text-color);margin-top:3rem;font-size:1.1rem;font-weight:600}.wrapper{grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:1.5rem;display:grid}.card{background-color:var(--element-color);color:var(--text-color);border:none;border-radius:4px;width:300px;margin:0 auto;box-shadow:0 .135rem .35rem #0000001a}.card:hover{cursor:pointer;transform:scale(1.05)}.card-body{padding:1rem 1.5rem 2rem;position:relative}.card-body h3{margin-bottom:1rem}.card-body p{margin-bottom:.25rem}.flag{object-fit:cover;border-radius:4px 4px 0 0;width:100%;height:180px}.heart-button{color:var(--text-color);cursor:pointer;background-color:#0000;border:none;font-size:1.5rem;position:absolute;bottom:1rem;right:1rem}.details-container{min-height:100vh;color:var(--text-color);padding:50px 80px}.back-button{cursor:pointer;background-color:var(--element-color);color:var(--text-color);border:none;border-radius:4px;align-items:center;gap:8px;margin-bottom:60px;padding:8px 24px;display:flex;box-shadow:0 2px 8px #0000004d}.flexbox{align-items:center;gap:120px;display:flex}.flag-container img{width:560px;height:auto;display:block}.details-right{flex:1;max-width:650px}.details-right h2{margin-bottom:24px;font-size:2rem;font-weight:800}.info{grid-template-columns:1fr 1fr;gap:10px 90px;margin-bottom:48px;display:grid}.info p{margin:0;font-size:.9rem}.border-countries{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.border-countries span{margin-right:4px;font-size:.875px;font-weight:600}.border-tag{color:inherit;background-color:var(--element-color);border-radius:4px;padding:4px 20px;font-size:.8rem;text-decoration:none;box-shadow:0 1px 6px #0000001a}@media (width<=1330px){.wrapper{grid-template-columns:repeat(3,1fr)}}@media (width<=1000px){.wrapper{grid-template-columns:repeat(2,1fr)}.flexbox{flex-direction:column}.details-right{max-width:560px}}@media (width<=768px){.filter-search{flex-direction:column;align-items:stretch;gap:1rem}.wrapper{grid-template-columns:1fr}.details-container{padding:28px}.flexbox{flex-direction:column;align-items:flex-start;gap:36px}.flag-container,.flag-container img{width:100%}.info{grid-template-columns:1fr;gap:10px;margin-bottom:32px}nav{padding:1rem .75rem}.nav-controls{gap:1rem}.trivia-btn{padding:8px 24px;font-size:10px}}