body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0}.app-container,body{background-color:#f8f7ff;min-height:100vh}.navbar{align-items:center;background:#fff;box-shadow:0 2px 4px #0000000d;display:flex;gap:32px;padding:16px 24px}.nav-brand{color:#333;font-size:1.25rem;font-weight:600}.nav-modes{display:flex;gap:12px}.dropdown{position:relative}.dropdown-arrow{font-size:.8em;margin-left:8px}.mode-button{align-items:center;background:#0000;border:none;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-size:.95rem;min-width:120px;padding:8px 16px;transition:all .2s ease}.mode-button:hover{background:#f8f7ff}.mode-button.active{background:#8b5cf6;color:#fff}.dropdown-menu{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;min-width:180px;padding:8px 0;position:absolute;top:100%;z-index:1000}.dropdown-item{color:#6b7280;cursor:pointer;padding:8px 16px;transition:all .2s ease}.dropdown-item:hover{background:#f8f7ff;color:#8b5cf6}.flag-quiz{background:#fff;border-radius:24px;box-shadow:0 10px 30px #0000000d;margin:40px auto;max-width:800px;padding:40px 20px;text-align:center}.flag-quiz img{border-radius:16px;box-shadow:0 0 0 1px #0000001a,0 8px 24px #0000001a;height:auto;max-height:250px;max-width:400px;object-fit:contain;width:auto}.flag-quiz form{margin-top:40px}.flag-quiz input{background-color:#f8f7ff;border:2px solid #0000;border-radius:12px;color:#333;font-size:1.1rem;max-width:400px;padding:16px 24px;transition:all .2s ease;width:100%}.flag-quiz input:focus{background-color:#fff;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a;outline:none}.flag-quiz input::placeholder{color:#9ca3af}@media (max-width:600px){.navbar{flex-direction:column;gap:12px;padding:12px 16px}.nav-modes{width:100%}.mode-button{flex:1 1;white-space:nowrap}.flag-quiz{margin:20px}.flag-quiz input{width:calc(100% - 48px)}}.flag-container{align-items:center;display:flex;height:250px;justify-content:center;margin:30px auto;width:400px}
/*# sourceMappingURL=main.56d13bcb.css.map*/