:root{--bg-gradient:linear-gradient(135deg,#F8FAFC 0%,#E2E8F0 100%);--surface-color:#FFFFFF;--text-main:#334155;--text-muted:#64748B;--primary:#0F172A;--border:#E2E8F0;--hover:#F1F5F9;--status-available:#10B981;--status-registered:#94A3B8;--status-error:#F59E0B;--status-unsupported:#CBD5E1;--status-pulse:#3B82F6;--font-ui:'Inter',system-ui,sans-serif;--font-mono:'JetBrains Mono',monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);min-height:100vh;color:var(--text-main);font-family:var(--font-ui);line-height:1.5;-webkit-font-smoothing:antialiased}.container{max-width:620px;margin:0 auto;padding:3rem 1.5rem}.header{margin-bottom:1.5rem}.header h1{color:var(--primary);font-size:1.5rem;font-weight:600;margin-bottom:0.5rem}.header p{color:var(--text-muted);font-size:0.875rem}.glass-box{background:rgba(255,255,255,0.45);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.6);border-radius:12px;margin:2rem 0;padding:1.25rem 1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -1px rgba(0,0,0,0.03);display:flex;flex-direction:column;gap:0.5rem}.glass-box .glass-title{font-size:1.125rem;font-weight:600;color:var(--primary);font-family:var(--font-ui)}.glass-box .glass-text{font-size:0.875rem;color:var(--text-main);font-family:var(--font-ui);line-height:1.6}.glass-box .glass-text p{margin-bottom:0.5em}.glass-box .glass-text p:last-child{margin-bottom:0}.search-form{margin-bottom:2rem}.input-group{display:flex;align-items:center;gap:0.5rem;background:var(--surface-color);padding:0.375rem 0.5rem;border-radius:12px;border:1px solid var(--border);box-shadow:0 1px 2px rgba(0,0,0,0.05);transition:border-color 0.2s,box-shadow 0.2s;width:100%}.input-group:focus-within{border-color:var(--status-pulse);box-shadow:0 0 0 3px rgba(59,130,246,0.15)}.input-group input{flex:1;min-width:0;border:none;background:transparent;padding:0.5rem 0.75rem;font-size:1rem;font-family:var(--font-mono);color:var(--primary);outline:none}.input-group input::placeholder{color:var(--text-muted);opacity:0.7}.input-group button{flex-shrink:0;background:var(--primary);color:#fff;border:none;padding:0.625rem 1.25rem;border-radius:8px;font-size:0.875rem;font-weight:600;cursor:pointer;transition:all 0.2s ease}.input-group button:hover{background:#1E293B;transform:translateY(-1px)}.input-group button:active{transform:translateY(0)}.tld-list{list-style:none;display:flex;flex-direction:column;gap:0.75rem}.tld-item{background:var(--surface-color);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.02);display:flex;flex-direction:column;overflow:hidden}.tld-row{display:flex;flex-direction:column;gap:0.75rem;padding:1.25rem}.col-domain{display:flex;align-items:center;gap:0.75rem;width:100%}.domain-name{font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--primary);word-break:break-all}.led{width:10px;height:10px;border-radius:50%;background-color:var(--border);flex-shrink:0}.led.searching{background-color:var(--status-pulse);animation:pulse 1.5s infinite}.led.available{background-color:var(--status-available);box-shadow:0 0 8px rgba(16,185,129,0.4)}.led.registered{background-color:var(--status-registered)}.led.error{background-color:var(--status-error)}.led.unsupported{background-color:var(--status-unsupported)}@keyframes pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(59,130,246,0.7)}70%{transform:scale(1);box-shadow:0 0 0 6px rgba(59,130,246,0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(59,130,246,0)}}.col-info{display:flex;align-items:center;justify-content:space-between;width:100%}.status-badge{font-size:0.75rem;padding:0.25rem 0.5rem;border-radius:6px;font-weight:600;background:var(--bg-color);color:var(--text-muted)}.status-badge.available{background:#ECFDF5;color:#047857;border:1px solid #A7F3D0}.status-badge.registered{background:#F1F5F9;color:var(--text-muted)}.status-badge.error{background:#FEF3C7;color:#B45309}.price-info{font-size:1.125rem;font-weight:700;color:var(--primary)}.col-best-registrar{display:flex;align-items:center;gap:0.5rem;width:100%}.best-badge{background:#FEF3C7;color:#B45309;border:1px solid #FDE68A;font-size:0.75rem;padding:0.6rem 0.65rem;border-radius:8px;font-weight:700;flex-shrink:0;text-transform:uppercase}.registrar-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:0.25rem;font-size:0.875rem;font-weight:600;color:#2563EB;text-decoration:none;background:#EFF6FF;border:1px solid #BFDBFE;padding:0.6rem 0;border-radius:8px;transition:all 0.2s ease;white-space:nowrap}.registrar-btn:hover{background:#DBEAFE;color:#1D4ED8}.col-action{width:100%}.toggle-btn{width:100%;text-align:center;background:var(--bg-color);border:1px solid var(--border);border-radius:8px;padding:0.6rem 0;font-size:0.875rem;font-weight:500;cursor:pointer;color:var(--text-main);transition:background 0.2s ease}.toggle-btn:hover{background:#E2E8F0}.registrar-panel{display:none;background:#FAFAFA;padding:1rem 1.25rem;border-top:1px solid var(--border)}.registrar-panel.open{display:block}.reg-row{display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0;border-bottom:1px dashed var(--border);font-size:0.875rem}.reg-row:last-child{border-bottom:none;padding-bottom:0}.reg-row:first-child{padding-top:0}.reg-row .registrar-info{margin-right:0.5rem}.best-badge{background:#FEF3C7;color:#B45309;font-size:0.65rem;padding:0.1rem 0.4rem;border-radius:4px;font-weight:600}@media(prefers-reduced-motion:reduce){.led.searching{animation:none;opacity:0.7}}