:root{--bg-page:#0b0d13;--bg-card:#131722;--bg-card-hover:#171d2b;--bg-input:#10141e;--bg-pill:#1a2030;--border-light:#ffffff14;--border-active:#3b82f6;--border-subtle:#202738;--text-main:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-accent:#60a5fa;--accent-blue:#3b82f6;--accent-green:#10b981;--accent-amber:#f59e0b;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-title:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b0d13;background-color:var(--bg-page);color:#f1f5f9;color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-body);font-size:15px;line-height:1.5;min-height:100vh}h1,h2,h3,h4,h5,h6{color:#fff;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-title);font-weight:700}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0b0d13;background:var(--bg-page)}::-webkit-scrollbar-thumb{background:#252d3d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#364156}.card-item{cursor:pointer;height:390px;margin:0 auto;max-width:290px;perspective:1000px;width:100%}.card-flipper{height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.3,1);width:100%}.card-item:hover .card-flipper{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 4px 12px #00000040;display:flex;flex-direction:column;height:100%;left:0;overflow:hidden;position:absolute;top:0;transition:border-color .25s,box-shadow .25s;width:100%}.card-item:hover .card-face{border-color:#3b82f6;box-shadow:0 12px 28px -6px #00000073}.card-front{justify-content:space-between;padding:14px}.flag-frame{align-items:center;background:#090c14;border:1px solid #ffffff0f;border-radius:8px;display:flex;height:140px;justify-content:center;overflow:hidden;position:relative;width:100%}.flag-img{height:100%;object-fit:cover;transition:transform .35s ease;width:100%}.card-item:hover .flag-img{transform:scale(1.04)}.flag-fallback{font-size:3.5rem}.iso-badge{background:#000000bf;border:1px solid #ffffff1f;border-radius:4px;color:#e2e8f0;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:2px 7px;position:absolute;right:8px;top:8px}.card-body{display:flex;flex:1 1;flex-direction:column;padding:12px 2px 0}.country-heading{color:#fff;font-size:1.15rem;font-weight:700;margin-bottom:2px}.country-heading,.country-subheading{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-subheading{color:var(--text-muted);font-size:.75rem;margin-bottom:8px}.meta-row{align-items:baseline;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:4px}.meta-label{color:var(--text-muted)}.meta-val{color:var(--text-secondary);font-weight:500;max-width:160px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.stats-strip{align-items:center;background:#ffffff08;border:1px solid var(--border-light);border-radius:6px;display:flex;justify-content:space-between;margin-top:auto;padding:6px 12px}.stat-col{display:flex;flex-direction:column}.stat-heading{color:var(--text-muted);font-size:.65rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.stat-number{color:#f1f5f9;font-size:.82rem;font-weight:700}.stat-separator{background:var(--border-light);height:20px;width:1px}.card-footer-hint{color:var(--text-muted);font-size:.72rem;padding-top:8px;text-align:center}.card-back{background:var(--bg-card-hover);color:var(--text-main);display:flex;flex-direction:column;padding:16px;transform:rotateY(180deg)}.back-top{align-items:flex-start;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.back-country-name{color:#fff;font-size:1.05rem;font-weight:700;margin-bottom:2px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-subtext{color:var(--text-muted);display:block;font-size:.72rem}.back-code-tag{background:#3b82f626;border:1px solid #3b82f64d;border-radius:4px;color:#60a5fa;font-size:.7rem;font-weight:700;padding:2px 6px}.back-data-list{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding-right:4px}.data-row{align-items:baseline;border-bottom:1px solid #ffffff0a;display:flex;font-size:.78rem;justify-content:space-between;padding-bottom:4px}.data-label{color:var(--text-muted);flex-shrink:0}.data-value{color:var(--text-main);font-weight:500;max-width:155px;text-align:right;word-break:break-word}.code-font{color:#60a5fa;font-family:monospace}.back-data-list::-webkit-scrollbar{width:4px}.back-data-list::-webkit-scrollbar-thumb{background:#2b3548;border-radius:4px}.app-shell{background-color:var(--bg-page);color:var(--text-main);display:flex;flex-direction:column;min-height:100vh}.site-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0b0d13f0;border-bottom:1px solid var(--border-light);padding:14px 28px;position:sticky;top:0;z-index:50}.header-inner{flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto;max-width:1360px}.branding,.header-inner{align-items:center;display:flex}.branding{cursor:pointer;gap:12px;-webkit-user-select:none;user-select:none}.brand-symbol{color:#3b82f6;flex-shrink:0}.brand-text{display:flex;flex-direction:column}.brand-name{color:#fff;font-family:var(--font-title);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;line-height:1.2}.brand-desc{color:var(--text-muted);font-size:.75rem}.header-actions{gap:12px}.header-actions,.search-field{align-items:center;display:flex}.search-field{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:8px;padding:0 12px;position:relative;transition:border-color .2s,box-shadow .2s;width:320px}.search-field:focus-within{border-color:var(--accent-blue);box-shadow:0 0 10px #3b82f633}.search-icon{color:var(--text-muted);flex-shrink:0;margin-right:8px}.search-input{background:#0000;border:none;color:#fff;font-family:inherit;font-size:.85rem;outline:none;padding:8px 0;width:100%}.clear-search-btn,.search-input::placeholder{color:var(--text-muted)}.clear-search-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;padding:2px}.clear-search-btn:hover{color:#fff}.count-tag{background:var(--bg-card);border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);font-size:.78rem;font-weight:600;padding:6px 12px;white-space:nowrap}.gallery-container{flex:1 1;margin:0 auto;max-width:1400px;padding:32px 28px;width:100%}.cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(265px,1fr))}.empty-state{padding:90px 20px;text-align:center}.empty-title{color:#fff;font-size:1.15rem;font-weight:600;margin-bottom:4px}.empty-hint{color:var(--text-muted);font-size:.85rem;margin-bottom:16px}.btn-reset{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:600;padding:8px 16px;transition:background .2s}.btn-reset:hover{background:#1d4ed8}.state-container{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:70vh}.spin-symbol{animation:spinSlow 3s linear infinite;color:#3b82f6}@keyframes spinSlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.site-footer{background:#090b10;border-top:1px solid var(--border-light);margin-top:auto;padding:20px 28px}.footer-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1360px}.footer-text{color:var(--text-muted);font-size:.78rem}.footer-top-btn{align-items:center;background:#0000;border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.78rem;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.footer-top-btn:hover{border-color:#3b82f6;color:#fff}@media (max-width:768px){.site-header{padding:12px 16px}.header-inner{align-items:stretch;flex-direction:column}.header-actions{justify-content:space-between;width:100%}.search-field{flex:1 1;width:auto}.gallery-container{padding:20px 16px}.cards-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.footer-inner{flex-direction:column;gap:10px;text-align:center}}
/*# sourceMappingURL=main.38da6a53.css.map*/