:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{margin:0;background:#0f1115;color:#e6e8eb}.app{max-width:1200px;margin:0 auto;padding:24px}.app-header{margin-bottom:24px}.app-header h1{font-size:1.5rem;margin:0 0 4px}.app-header p{margin:0;color:#9aa2ad;font-size:.9rem}.stock-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px}.stock-card{background:#171a21;border:1px solid #262b35;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.stock-card-header{display:flex;justify-content:space-between;align-items:baseline}.stock-card-header h2{margin:0;font-size:1.1rem}.stock-card-header span{color:#9aa2ad;font-size:.85rem}.quote-error{margin:0;color:#f87171;font-size:.85rem}.quote-stats{display:flex;flex-direction:column;gap:2px}.quote-price{font-size:1.8rem;font-weight:600}.quote-change{font-size:.9rem;font-weight:500}.quote-change.positive{color:#4ade80}.quote-change.negative{color:#f87171}.quote-range{color:#9aa2ad;font-size:.8rem}.chart-container{width:100%;height:220px;border-radius:8px;overflow:hidden}.news-tile{border:1px dashed #333a47;border-radius:8px;padding:12px;min-height:90px;display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:center;text-align:center;color:#6b7280}.news-tile h3{margin:0;font-size:.85rem;color:#9aa2ad;text-transform:uppercase;letter-spacing:.04em}.news-tile p{margin:0;font-size:.8rem}