: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;min-width:320px;min-height:100vh}#root{width:100%;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;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}}.stock-quote{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.stock-quote.loading,.stock-quote.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quote-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.symbol{font-size:24px;font-weight:700;margin:0;color:#1a1a1a}.trading-day{font-size:14px;color:#666}.quote-main{display:flex;flex-direction:column;gap:24px}.price-section{display:flex;flex-direction:column;gap:8px}.current-price{font-size:36px;font-weight:700;color:#1a1a1a}.price-change{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600}.price-change.positive{color:#22c55e}.price-change.negative{color:#ef4444}.change-arrow{font-size:14px}.quote-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.quote-details-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px 16px;padding:12px 0}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:11px;color:#666;font-weight:500;letter-spacing:.3px}.detail-value{font-size:14px;font-weight:600;color:#1a1a1a}.detail-value.positive{color:#22c55e}.detail-value.negative{color:#ef4444}@media (max-width: 1200px){.quote-details-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 992px){.quote-details-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.stock-quote{padding:16px}.current-price{font-size:28px}.price-change{font-size:16px}.quote-details,.quote-details-grid{grid-template-columns:repeat(2,1fr);gap:10px 12px}.detail-label{font-size:10px}.detail-value{font-size:13px}}@media (max-width: 480px){.quote-details-grid{grid-template-columns:repeat(2,1fr);gap:8px 10px}.detail-item{gap:2px}}.historical-data{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.historical-data.loading,.historical-data.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.historical-data h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#1a1a1a}.table-container{overflow-x:auto;border-radius:6px;border:1px solid #e0e0e0}table{width:100%;border-collapse:collapse;font-size:14px}thead{background:#f8f9fa;position:sticky;top:0;z-index:10}th{padding:12px 16px;text-align:left;font-weight:600;color:#1a1a1a;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-bottom:2px solid #e0e0e0;transition:background-color .2s}th:hover{background:#e9ecef}td{padding:12px 16px;border-bottom:1px solid #f0f0f0;white-space:nowrap}tbody tr:hover{background:#f8f9fa}tbody tr:last-child td{border-bottom:none}.date-cell{font-weight:500;color:#1a1a1a}.close-cell{font-weight:600}.change-cell{display:flex;flex-direction:column;gap:2px}.change-percent{font-size:12px;opacity:.8}.positive{color:#22c55e}.negative{color:#ef4444}@media (max-width: 768px){.historical-data{padding:16px}table{font-size:12px}th,td{padding:8px 12px}.change-percent{display:none}}.stock-widget-container{max-width:1350px;width:100%;margin:0 auto;padding:0 0 40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.theme-light{background-color:#f7f8fa;color:#1a1a1a}.theme-dark{background-color:#1a1a1a;color:#f5f5f5}.theme-dark .stock-quote,.theme-dark .stock-chart,.theme-dark .historical-data{background:#2d2d2d;color:#f5f5f5}.theme-dark .quote-header,.theme-dark th{border-color:#404040}.theme-dark .period-btn{background:#2d2d2d;border-color:#404040;color:#f5f5f5}.theme-dark .period-btn:hover{background:#404040}.widget-header{margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid #e0e0e0}.theme-dark .widget-header{border-color:#404040}.widget-header h1{margin:0;font-size:28px;font-weight:700;color:#1a1a1a}.widget-content{margin-bottom:24px}.widget-footer{text-align:center;padding:20px;border-top:1px solid #e0e0e0}.theme-dark .widget-footer{border-color:#404040}.disclaimer{font-size:12px;color:#666;margin:0 0 8px}.powered-by{font-size:12px;color:#999;margin:0}.powered-by a{color:#3b82f6;text-decoration:none}.powered-by a:hover{text-decoration:underline}@media (max-width: 1024px){.stock-widget-container{padding:40px 20px}}@media (max-width: 768px){.stock-widget-container{padding:40px 20px}.widget-header h1{font-size:20px}}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{width:100%;min-height:100vh;background-color:#f7f8fa}