:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.app-container{padding:20px;min-height:calc(100vh - 4rem);display:flex;flex-direction:column;position:relative}.app-container h1{margin-bottom:30px;color:#646cff}.live-badge{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px}.live-badge-green{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.3)}.live-badge-green .live-dot{background:#22c55e}.live-badge-orange{background:#f973161a;color:#ea580c;border:1px solid rgba(249,115,22,.3)}.live-badge-orange .live-dot{background:#f97316}.live-badge-red{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.live-badge-red .live-dot{background:#ef4444}.live-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.table-container{display:flex;justify-content:center;overflow-x:auto;margin-top:20px}.correlation-table{border-collapse:collapse;box-shadow:0 2px 8px #0000001a;background:#fff;color:#333;border-radius:8px;overflow:hidden}.correlation-table th,.correlation-table td{padding:12px 16px;text-align:center;border:1px solid #e0e0e0;min-width:100px}.correlation-table thead th{background:#646cff;color:#fff;font-weight:600;position:sticky;top:0;z-index:10}.correlation-table tbody th{background:#646cff;color:#fff;font-weight:600;position:sticky;left:0;z-index:5}.correlation-table td{font-family:monospace;font-size:14px;transition:background-color .3s ease}.correlation-table td.diagonal{font-weight:700;background:#f0f0f0!important}.correlation-table tbody tr:hover td{background-color:#646cff1a!important}.correlation-table tbody tr:hover td.diagonal{background-color:#e0e0e0!important}.ticker-input-section{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px}.ticker-input-section h2{color:#333;margin-bottom:20px;font-size:1.2rem}.correlation-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:30px;margin-bottom:10px}.correlation-header h2{margin:0;color:#333}.tooltip-container{position:relative;display:inline-flex;align-items:center}.help-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#999;color:#fff;font-size:12px;font-weight:700;cursor:help;transition:background .3s ease}.help-icon:hover{background:#666}.tooltip-text{visibility:hidden;opacity:0;position:absolute;bottom:130%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:10px 14px;border-radius:6px;font-size:13px;line-height:1.4;width:280px;text-align:center;z-index:100;transition:opacity .3s ease,visibility .3s ease;box-shadow:0 4px 8px #0003}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#333}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.ticker-inputs{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.ticker-input-group{display:flex;flex-direction:column;align-items:flex-start}.ticker-input-group input{padding:10px 14px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;width:140px;transition:border-color .3s ease}.ticker-input-group input:focus{outline:none;border-color:#646cff}.ticker-input-group input.error{border-color:#f44}.ticker-input-group input:disabled{background:#f5f5f5;cursor:not-allowed}.error-message{color:#f44;font-size:12px;margin-top:4px}.validate-button{padding:12px 24px;background:#646cff;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.validate-button:hover:not(:disabled){background:#535ac8}.validate-button:disabled{background:#ccc;cursor:not-allowed}.app-footer{margin-top:auto;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:20px;border-top:1px solid #e0e0e0;color:#666;font-size:14px}.app-footer p{margin:5px 0}.footer-links{display:flex;gap:20px;justify-content:center;align-items:center;margin-top:10px}.footer-links a{color:#646cff;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#535ac8;text-decoration:underline}.social-link{display:flex;align-items:center;gap:6px}.social-link svg{transition:transform .2s ease}.social-link:hover svg{transform:translateY(-2px)}.toast{position:fixed;top:80px;left:50%;transform:translate(-50%);background:#22c55e;color:#fff;padding:14px 24px;border-radius:8px;font-size:14px;font-weight:600;box-shadow:0 4px 12px #22c55e4d;z-index:1000;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}