:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--success-50:#f0fdf4;--success-500:#22c55e;--success-600:#16a34a;--warning-50:#fffbeb;--warning-500:#f59e0b;--warning-600:#d97706;--error-50:#fef2f2;--error-500:#ef4444;--error-600:#dc2626;}*{box-sizing:border-box;}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:#374151;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;}.container{max-width:1200px;margin:0 auto;padding:0 1rem;}.card{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);border:1px solid rgba(255,255,255,0.2);transition:all 0.3s ease;}.card:hover{transform:translateY(-2px);box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);}.btn{position:relative;overflow:hidden;transition:all 0.3s ease;font-weight:600;letter-spacing:0.025em;}.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s;}.btn:hover::before{left:100%;}.btn-primary{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border:none;color:white;box-shadow:0 4px 14px 0 rgba(59,130,246,0.39);}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-700),var(--primary-800));box-shadow:0 6px 20px 0 rgba(59,130,246,0.5);transform:translateY(-1px);}.btn-secondary{background:rgba(255,255,255,0.9);border:2px solid var(--primary-200);color:var(--primary-700);}.btn-secondary:hover{background:var(--primary-50);border-color:var(--primary-300);transform:translateY(-1px);}.form-input{transition:all 0.3s ease;border:2px solid #e5e7eb;border-radius:8px;padding:12px 16px;font-size:16px;background:rgba(255,255,255,0.9);color:#374151 !important;}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(59,130,246,0.1);background:white;color:#374151 !important;}.form-input:hover{border-color:var(--primary-300);}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 12px;padding-right:40px;color:#374151 !important;}#ai-input{color:#374151 !important;background-color:white !important;border:2px solid #d1d5db !important;padding:12px 16px !important;border-radius:8px !important;font-size:16px !important;line-height:1.5 !important;resize:vertical;min-height:80px;}#ai-input:focus{border-color:var(--primary-500) !important;box-shadow:0 0 0 3px rgba(59,130,246,0.1) !important;outline:none !important;}#ai-input::placeholder{color:#9ca3af !important;opacity:1;}#country{color:#374151 !important;background-color:white !important;border:2px solid #d1d5db !important;padding:8px 40px 8px 12px !important;border-radius:8px !important;font-size:16px !important;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 12px;}#country:focus{border-color:var(--primary-500) !important;box-shadow:0 0 0 3px rgba(59,130,246,0.1) !important;outline:none !important;}#count{color:#374151 !important;background-color:white !important;border:2px solid #d1d5db !important;padding:8px 12px !important;border-radius:8px !important;font-size:16px !important;}#count:focus{border-color:var(--primary-500) !important;box-shadow:0 0 0 3px rgba(59,130,246,0.1) !important;outline:none !important;}#count::placeholder{color:#9ca3af !important;opacity:1;}.loading{position:relative;pointer-events:none;}.loading::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.result-card{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin:12px 0;transition:all 0.3s ease;position:relative;overflow:hidden;}.result-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));}.result-card:hover{transform:translateX(4px);box-shadow:0 10px 25px -5px rgba(0,0,0,0.1);}.copy-btn{background:var(--primary-50);color:var(--primary-600);border:1px solid var(--primary-200);border-radius:6px;padding:6px 12px;font-size:14px;transition:all 0.2s ease;}.copy-btn:hover{background:var(--primary-100);color:var(--primary-700);transform:scale(1.05);}.copy-btn.copied{background:var(--success-50);color:var(--success-600);border-color:var(--success-200);}.tab-button{position:relative;transition:all 0.3s ease;}.tab-button.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary-500),var(--primary-600));border-radius:1px;}.notification{position:fixed;top:20px;right:20px;z-index:1000;max-width:400px;padding:16px 20px;border-radius:8px;box-shadow:0 10px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);animation:slideInRight 0.3s ease;}@keyframes slideInRight{from{transform:translateX(100%);opacity:0;}to{transform:translateX(0);opacity:1;}}.notification.success{background:var(--success-50);color:var(--success-600);border-left:4px solid var(--success-500);}.notification.warning{background:var(--warning-50);color:var(--warning-600);border-left:4px solid var(--warning-500);}.notification.error{background:var(--error-50);color:var(--error-600);border-left:4px solid var(--error-500);}.navbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);background-color:rgba(255,255,255,0.95);border-bottom:1px solid rgba(255,255,255,0.2);box-shadow:0 1px 3px 0 rgba(0,0,0,0.1);}.navbar img{transition:transform 0.2s ease;}.navbar img:hover{transform:scale(1.1);}.navbar a{position:relative;overflow:hidden;}.navbar a::before{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width 0.3s ease;}.navbar a:hover::before{width:100%;}.navbar a[href*="ko-fi"]{position:relative;overflow:hidden;}.navbar a[href*="ko-fi"]::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease;}.navbar a[href*="ko-fi"]:hover::before{left:100%;}#language-selector{background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23666" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>');background-repeat:no-repeat;background-position:right 8px center;background-size:12px;padding-right:32px;}#mobile-menu{transition:all 0.3s ease;transform-origin:top;}#mobile-menu.hidden{transform:scaleY(0);opacity:0;}#mobile-menu:not(.hidden){transform:scaleY(1);opacity:1;}#mobile-menu-button svg{transition:transform 0.2s ease;}#mobile-menu-button[aria-expanded="true"] svg{transform:rotate(90deg);}.footer{background:rgba(0,0,0,0.8);backdrop-filter:blur(10px);color:rgba(255,255,255,0.8);}.footer a{color:rgba(255,255,255,0.9);transition:color 0.3s ease;}.footer a:hover{color:var(--primary-400);}@media (max-width:768px){.container{padding:0 0.5rem;}.card{margin:1rem 0;border-radius:12px;}.btn{width:100%;margin:0.5rem 0;min-height:48px;font-size:16px;}.notification{left:20px;right:20px;max-width:none;}.result-card{padding:16px;}.form-input,.form-select{min-height:48px;font-size:16px;padding:12px 16px;}textarea{min-height:120px;resize:vertical;}.navbar{padding:8px 16px;}h1,h2,h3{line-height:1.2;}h2{font-size:1.875rem;}h3{font-size:1.5rem;}}@media (max-width:480px){.container{padding:0 0.25rem;}.card{margin:0.5rem 0;padding:1rem;}.btn{padding:12px 16px;font-size:16px;min-height:48px;}.result-card{padding:12px;font-size:14px;}.phone-number{font-size:16px;word-break:break-all;}input[type="text"],textarea,select{font-size:16px;min-height:48px;padding:12px;}h1{font-size:1.75rem;text-align:center;margin-bottom:1rem;}h2{font-size:1.5rem;text-align:center;}h3{font-size:1.25rem;}.space-y-4 > * + *{margin-top:1rem;}.space-y-8 > * + *{margin-top:1.5rem;}.flex.items-center.space-x-2{gap:8px;}.form-input,.form-select{font-size:16px;}}input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],textarea,select{color:#374151 !important;background-color:white !important;}input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,textarea:focus,select:focus{color:#374151 !important;}input::placeholder,textarea::placeholder{color:#9ca3af !important;opacity:1 !important;}@media (prefers-color-scheme:dark){:root{--text-primary:#f9fafb;--text-secondary:#d1d5db;--bg-primary:#111827;--bg-secondary:#1f2937;}body{background:linear-gradient(135deg,#1f2937 0%,#111827 100%);color:var(--text-primary);}.card{background:rgba(31,41,55,0.95);border-color:rgba(75,85,99,0.3);}.form-input{background:rgba(31,41,55,0.9);border-color:#374151;color:var(--text-primary);}.form-input:focus{background:var(--bg-secondary);border-color:var(--primary-500);}input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],textarea,select{color:var(--text-primary) !important;background-color:var(--bg-secondary) !important;border-color:#374151 !important;}input::placeholder,textarea::placeholder{color:#9ca3af !important;}.result-card{background:linear-gradient(135deg,#1f2937 0%,#111827 100%);border-color:#374151;}.navbar{background:rgba(31,41,55,0.95);border-bottom-color:rgba(75,85,99,0.3);}}@media print{body{background:white;color:black;}.navbar,.footer,.btn{display:none;}.card{box-shadow:none;border:1px solid #ccc;}.result-card{break-inside:avoid;margin:10px 0;}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}}@media (prefers-contrast:high){.btn-primary{background:#000;color:#fff;border:2px solid #fff;}.form-input{border:2px solid #000;}.card{border:2px solid #000;}}#results-container{max-height:400px;overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:var(--primary-400) #f1f1f1;scroll-behavior:smooth;position:relative;}#results-container::before{content:'';position:sticky;top:0;left:0;right:0;height:10px;background:linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,0));z-index:1;pointer-events:none;}#results-container::after{content:'';position:sticky;bottom:0;left:0;right:0;height:10px;background:linear-gradient(to top,rgba(255,255,255,1),rgba(255,255,255,0));z-index:1;pointer-events:none;}@media (max-width:768px){#results-container{max-height:350px;padding-right:4px;}}@media (max-width:480px){#results-container{max-height:300px;}}::-webkit-scrollbar{width:8px;}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px;}::-webkit-scrollbar-thumb{background:var(--primary-400);border-radius:4px;}::-webkit-scrollbar-thumb:hover{background:var(--primary-500);}#results-container::-webkit-scrollbar{width:6px;}#results-container::-webkit-scrollbar-track{background:rgba(0,0,0,0.05);border-radius:3px;margin:4px 0;}#results-container::-webkit-scrollbar-thumb{background:var(--primary-300);border-radius:3px;transition:background-color 0.2s ease;}#results-container::-webkit-scrollbar-thumb:hover{background:var(--primary-500);}#results-container{scrollbar-width:thin;scrollbar-color:var(--primary-300) rgba(0,0,0,0.05);}.scroll-indicator{transition:opacity 0.3s ease;border-radius:0 0 8px 8px;margin-top:-1px;position:relative;z-index:2;}.scroll-indicator:hover{background-color:rgba(59,130,246,0.05);}.scroll-indicator svg{animation-delay:0.2s;}.scroll-indicator svg:last-child{animation-delay:0.4s;}@media (max-width:768px){.scroll-indicator{font-size:0.75rem;}.scroll-indicator svg{width:14px;height:14px;}#results-container{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}}#export-dropdown{transition:all 0.2s ease-in-out;transform-origin:top right;}#export-dropdown.hidden{transform:scale(0.95);opacity:0;}#export-dropdown:not(.hidden){transform:scale(1);opacity:1;}.flex.items-center.space-x-2 > button{transition:all 0.2s ease;}.flex.items-center.space-x-2 > button:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,0.1);}#clear-btn:hover{background-color:#fef2f2;border-color:#fca5a5;color:#dc2626;}#export-btn[aria-expanded="true"] svg{transform:rotate(180deg);transition:transform 0.2s ease;}#export-btn[aria-expanded="false"] svg{transform:rotate(0deg);transition:transform 0.2s ease;}@media (max-width:640px){.flex.items-center.space-x-2{flex-direction:column;space-x:0;gap:12px;align-items:stretch;}.flex.items-center.space-x-2 > button,.flex.items-center.space-x-2 > div{width:100%;min-width:auto;}#export-dropdown{position:fixed;right:16px;left:16px;width:auto;min-width:auto;max-width:none;}.flex.items-center.space-x-2 button{font-size:16px;padding:12px 16px;min-height:48px;}}.tooltip{position:relative;display:inline-block;}.tooltip .tooltiptext{visibility:hidden;width:200px;background-color:rgba(0,0,0,0.9);color:#fff;text-align:center;border-radius:6px;padding:8px 12px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-100px;opacity:0;transition:opacity 0.3s;font-size:14px;line-height:1.4;}.tooltip .tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,0.9) transparent transparent transparent;}.tooltip:hover .tooltiptext{visibility:visible;opacity:1;}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;}.badge.success{background:var(--success-100);color:var(--success-700);}.badge.warning{background:var(--warning-100);color:var(--warning-700);}.badge.error{background:var(--error-100);color:var(--error-700);}.progress{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--primary-600));border-radius:4px;transition:width 0.3s ease;position:relative;}.progress-bar::after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient( -45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent );background-size:1rem 1rem;animation:progress-bar-stripes 1s linear infinite;}@keyframes progress-bar-stripes{0%{background-position:1rem 0;}100%{background-position:0 0;}}.deferred-section{content-visibility:auto;contain-intrinsic-size:1000px;}.language-selector{display:inline-block;margin-right:16px;vertical-align:middle;}.language-selector select{padding:8px 32px 8px 12px;border:1px solid #e5e7eb;border-radius:6px;background-color:#ffffff;color:#1f2937;font-size:14px;font-weight:500;cursor:pointer;outline:none;transition:all 0.2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="%231f2937" d="M6 9L1 4h10z"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:12px;}.language-selector select:hover{border-color:#3b82f6;box-shadow:0 1px 3px rgba(0,0,0,0.1);}.language-selector select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.1);}@media (max-width:768px){.language-selector{margin-right:12px;}.language-selector select{padding:6px 28px 6px 10px;font-size:13px;}}