*{box-sizing:border-box;margin:0;padding:0}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#f9fafb;color:#111827}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:#0f6cbd;text-decoration:none}a:hover{text-decoration:underline}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#fff;border-bottom:1px solid #e5e7eb}.logo{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.125rem;color:#111827}.logo-icon{font-size:1.5rem;color:#0f6cbd}.logo-text{font-weight:600;color:#0f6cbd}.base-currency{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.label{color:#6b7280;font-weight:500}.currency-select{padding:.375rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;font-size:.875rem;font-weight:500;color:#111827;cursor:pointer;outline:none}.currency-select:disabled{cursor:not-allowed;background:#f9fafb}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-badge.live{background:#d1fae5;color:#065f46}.status-badge.stale{background:#fef3c7;color:#92400e}.status-badge.unavailable{background:#fee2e2;color:#991b1b}.status-indicator{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-badge.live .status-indicator{background:#10b981}.status-badge.stale .status-indicator{background:#f59e0b}.status-badge.unavailable .status-indicator{background:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{white-space:nowrap}.warning-banner{margin:1.5rem 2rem;border-radius:.5rem}.warning-content{display:flex;align-items:center;gap:.75rem}.warning-icon{flex-shrink:0}.rate-card{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;transition:all .2s ease;cursor:default}.rate-card:hover{transform:translateY(-2px)}.currency-pair{font-size:.875rem;font-weight:500;color:#6b7280;text-transform:uppercase}.rate-value{font-size:2rem;font-weight:700;color:#111827;line-height:1}.rates-container{padding:2rem}.section-title{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 1.5rem}.rates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}@media(max-width:768px){.rates-grid{grid-template-columns:1fr}.rates-container{padding:1.5rem 1rem}}.error-state{display:flex;align-items:center;justify-content:center;min-height:400px;padding:2rem}.error-card{background:#fff;border-radius:.5rem;padding:3rem 2rem;text-align:center;max-width:400px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.error-icon{color:#9ca3af;margin:0 auto 1.5rem}.error-title{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 .75rem}.error-message{font-size:1rem;color:#6b7280;margin:0;line-height:1.5}.retry-info{font-size:.875rem;color:#9ca3af;margin:1rem 0 0}.app{min-height:100vh;background:#f9fafb;display:flex;flex-direction:column}.loading-state{display:flex;align-items:center;justify-content:center;min-height:400px;padding:2rem}.status-section{display:flex;justify-content:center;padding:1.5rem 2rem 0}.footer-info{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 2rem 2rem;font-size:.875rem;color:#6b7280}.sources-info,.resolution-info{text-align:center}.sources-info strong,.resolution-info strong{font-weight:600;color:#4b5563}@media(max-width:768px){.status-section,.footer-info{padding:1rem}}