:root{--primary-color: #262a30;--background-color: #FAFAFD;--card-background: #ffffff;--text-color: #2c3e50;--secondary-text-color: #6c757d;--border-color: #dee2e6;--border-radius: 8px;--box-shadow: 0 4px 6px rgba(0, 0, 0, .05);--selected-bg-color: #262a30;--selected-border-color: #262a30;--selected-text-color: #f8f9fa}p{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;background-color:var(--background-color);color:var(--text-color);font-size:14px}#app{margin:0 auto;padding:10px;padding-top:calc(10px + env(safe-area-inset-top));padding-left:calc(10px + env(safe-area-inset-left));padding-right:calc(10px + env(safe-area-inset-right))}header{text-align:center;margin-bottom:1rem}header h1{color:var(--text-color);font-size:2rem;margin:0}header p{color:var(--secondary-text-color);font-size:.9rem}main{display:flex;flex-direction:column;gap:1.5rem}.import-section{background:var(--card-background);border-radius:var(--border-radius);padding:1.25rem;box-shadow:var(--box-shadow);border:1px solid #f0f2f5}.import-section h2{margin-top:0;margin-bottom:0;color:var(--text-color);padding-bottom:0;border-bottom:none;font-size:1rem}.section-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--primary-color);padding-bottom:.5rem;margin-bottom:1rem}.header-actions{display:flex;align-items:center;gap:10px}.action-group{display:flex;border:1px solid var(--border-color);border-radius:5px;overflow:hidden}.action-group .toggle-button{flex:1;font-size:.9rem;padding:5px 10px;border:none;color:var(--secondary-text-color);font-weight:400;background-color:transparent;transition:background-color .2s ease}.action-group .toggle-button:not(:last-child){border-right:1px solid var(--border-color)}.action-group .toggle-button:hover{background-color:var(--border-color)}.action-group .toggle-button:last-child{border-right:none}.header-actions>.toggle-button{font-size:1.1rem;font-weight:700;color:var(--primary-color);border:none;padding:0}.tab-navigation{display:flex;justify-content:center;margin-top:1rem;margin-bottom:0rem;background-color:var(--card-background);border-radius:var(--border-radius);padding:5px;box-shadow:var(--box-shadow);gap:5px}.language-switcher{display:flex;justify-content:center;align-items:center;margin-top:1rem;gap:10px;color:var(--text-color);font-size:.9rem}.language-switcher select{padding:5px 10px;border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:var(--card-background);color:var(--text-color);cursor:pointer}.tab-button{flex:1;padding:8px 10px;border:none;background-color:transparent;color:var(--secondary-text-color);font-size:.8rem;font-weight:500;cursor:pointer;border-radius:var(--border-radius);transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:center}.tab-button:hover{background-color:var(--border-color)}.tab-button.active{background-color:var(--primary-color);color:#fff;box-shadow:var(--box-shadow)}.badge{position:absolute;top:2px;right:2px;background-color:#e74c3c;color:#fff;font-size:.7em;padding:.2em .5em;border-radius:1em;line-height:1;min-width:1.5em;text-align:center;box-sizing:border-box}.toggle-button{background:none;border:none;cursor:pointer;font-size:1.1rem;font-weight:700;color:var(--primary-color)}.button-primary{display:inline-block;background-color:var(--primary-color);color:#fff;padding:10px 20px;text-decoration:none;border-radius:5px;font-weight:700;text-align:center;transition:background-color .3s ease;width:100%;box-sizing:border-box;border:none}.button-primary:hover{background-color:#343a40}.list-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;overflow:hidden}.list-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f8f9fa;padding:5px;border-radius:10px;text-decoration:none;color:var(--text-color);transition:background-color .2s ease,color .2s ease;min-height:0;cursor:pointer;border:2px solid transparent;text-align:center}.list-item.selected{background-color:#f8f9fa;border-color:var(--primary-color);color:var(--text-color)}.list-item .flag{font-size:1.5rem}.list-item .name{flex-grow:1;font-weight:500;font-size:.8rem}.list-item .count{background-color:var(--primary-color);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px;font-weight:700;margin-top:4px;transition:background-color .2s ease,color .2s ease}.import-bar{position:fixed;bottom:0;left:0;right:0;background-color:#ffffffe6;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));box-shadow:0 -2px 10px #0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:flex;justify-content:center}.import-bar .button-primary{max-width:600px}footer{text-align:center;margin-top:1.5rem;color:#999;font-size:.9rem;padding-bottom:calc(80px + env(safe-area-inset-bottom))}footer .disclaimer,footer .submission-email{margin-bottom:.5rem;line-height:1.4}footer .disclaimer{font-size:.8rem;color:#777}footer .submission-email{font-size:.85rem;font-weight:700;color:var(--primary-color)}