:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#1a1a1a;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#app{width:100%;min-height:100vh;padding:32px 16px}.container{max-width:1200px;margin:0 auto}header{text-align:center;margin-bottom:48px}h1{font-size:2.5rem;font-weight:700;color:#0a0a0a;margin-bottom:8px;letter-spacing:-.5px}.subtitle{font-size:1rem;color:#666;font-weight:400}.stocks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:32px}.stock-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;transition:transform .2s ease,box-shadow .2s ease}.stock-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.stock-header{margin-bottom:16px}.ticker{font-size:1.5rem;font-weight:700;color:#0a0a0a;margin-bottom:4px}.company-name{font-size:.875rem;color:#666;font-weight:400}.stock-details{display:flex;flex-direction:column;gap:8px}.price{font-size:2rem;font-weight:700;color:#0a0a0a}.change{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600}.change.positive{color:#16a34a}.change.negative{color:#dc2626}.change-amount{font-size:1.125rem}.change-percent{font-size:.875rem;opacity:.9}@media (prefers-color-scheme: dark){:root{color:#f5f5f5;background-color:#0a0a0a}h1{color:#f5f5f5}.subtitle{color:#a3a3a3}.stock-card{background:#1a1a1a;box-shadow:0 2px 8px #0000004d}.stock-card:hover{box-shadow:0 4px 16px #0006}.ticker{color:#f5f5f5}.company-name{color:#a3a3a3}.price{color:#f5f5f5}.change.positive{color:#22c55e}.change.negative{color:#ef4444}}@media (max-width: 640px){h1{font-size:2rem}.stocks-grid{grid-template-columns:1fr;gap:16px}.stock-card{padding:20px}.price{font-size:1.75rem}}