*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #f7931a;--secondary-color: #4a90e2;--background-color: #0f0f23;--surface-color: #1a1a2e;--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #888888;--border-color: #333333;--success-color: #00d4aa;--error-color: #ff6b6b;--warning-color: #feca57;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-xxxl: 2rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12);--shadow-md: 0 4px 6px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .2);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-primary);line-height:1.6;min-height:100vh}.app-container{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;max-width:1400px;margin:0 auto;padding:var(--spacing-md);gap:var(--spacing-lg)}.header{text-align:center;padding:var(--spacing-lg) 0}.header h1{font-size:var(--font-size-xxxl);font-weight:700;margin-bottom:var(--spacing-sm)}.logo-header{font-size:clamp(1.8rem,4vw,3rem);font-weight:800;letter-spacing:-.01em;line-height:1.1;margin-bottom:var(--spacing-md);color:var(--text-primary);.orange-glow{text-shadow:0 0 6px rgba(247,147,26,.4),0 0 12px rgba(247,147,26,.3),0 0 18px rgba(247,147,26,.2),0 0 24px rgba(247,147,26,.2),0 0 30px rgba(247,147,26,.1);filter:drop-shadow(0 0 8px rgba(247,147,26,.3))}.green-glow{text-shadow:0 0 6px rgba(20,252,206,.4),0 0 12px rgba(20,252,206,.3),0 0 18px rgba(20,252,206,.2),0 0 24px rgba(20,252,206,.2),0 0 30px rgba(20,252,206,.1);filter:drop-shadow(0 0 3px rgba(20,252,206,.3))}}.subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);font-weight:300}.main-content{display:grid;gap:var(--spacing-lg)}.controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);background-color:var(--surface-color);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);border:1px solid var(--border-color)}.time-interval-controls{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.interval-btn{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-base);font-weight:500}.interval-btn:hover{background-color:var(--primary-color);color:var(--background-color);border-color:var(--primary-color);transform:translateY(-1px)}.interval-btn.active{background-color:var(--primary-color);color:var(--background-color);border-color:var(--primary-color)}.status-indicator{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm)}.loading-indicator{color:var(--warning-color);font-weight:500}.error-message{color:var(--error-color);font-weight:500}.last-updated{color:var(--text-muted)}.chart-container{position:relative;background-color:var(--surface-color);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);padding:var(--spacing-lg);min-height:500px;overflow:hidden}#chart-canvas{width:100%!important;height:500px!important;max-height:500px}.chartjs-tooltip{background-color:var(--background-color)!important;border:1px solid var(--primary-color)!important;border-radius:var(--border-radius-sm)!important;color:var(--text-primary)!important}.chart-loading{display:flex;align-items:center;justify-content:center;height:500px;font-size:var(--font-size-lg);color:var(--text-secondary)}.chart-error{display:flex;align-items:center;justify-content:center;height:500px;font-size:var(--font-size-lg);color:var(--error-color);text-align:center;padding:var(--spacing-lg)}.rates-header{margin-top:25px;text-align:center}.chart-info{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);.info-value{color:#f2b544}}.info-item{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;flex:1 1 250px;min-width:250px}.info-label{font-size:var(--font-size-base);color:var(--text-secondary);font-weight:500}.info-value{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:700}.footer{text-align:center;padding:var(--spacing-lg) 0;color:var(--text-muted);font-size:12px;a{color:#f2b544}.credits-line{margin-top:5px}}.hidden{display:none!important}.visible{display:block!important}@media (max-width: 768px){.app-container{padding:var(--spacing-sm);gap:var(--spacing-md)}.header h1{font-size:var(--font-size-xxl)}.subtitle{font-size:var(--font-size-base)}.controls{flex-direction:column;align-items:stretch;text-align:center}.time-interval-controls{justify-content:center}.interval-btn{flex:1;min-width:70px}.chart-container{min-height:400px;padding:var(--spacing-md)}#chart-canvas{height:400px!important}.chart-info{grid-template-columns:1fr}.info-item{flex-direction:column;gap:var(--spacing-sm);text-align:center}}@media (max-width: 480px){.header h1{font-size:var(--font-size-xl)}.chart-container{min-height:300px;padding:var(--spacing-sm)}#chart-canvas{height:300px!important}.time-interval-controls{grid-template-columns:repeat(2,1fr);display:grid;width:100%}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.loading-indicator{animation:pulse 1.5s ease-in-out infinite}.interval-btn,.info-item{transition:all var(--transition-normal)}.interval-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast: high){:root{--background-color: #000000;--surface-color: #1a1a1a;--text-primary: #ffffff;--border-color: #666666}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}