:root{--primary: #2c3e50;--secondary: #dad283 ;--accent: #f39c12;--light: #ecf0f1;--dark: #2c3e50;--success: #27ae60;--text: #333;--text-light: #7f8c8d;--border-radius: 8px;--box-shadow: 0 4px 6px rgba(0, 0, 0, .1);--transition: all .3s ease}html,body{margin:0;padding:0;font-family:Poppins,sans-serif;background-color:var(--light);color:var(--text);line-height:1.6}*{box-sizing:border-box}header{display:flex;justify-content:center;padding:2em 1em;max-width:600px;margin:0 auto}header img{width:100%;max-width:400px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}main{display:flex;justify-content:center;min-height:60vh}.action-panel,.output-panel,.loading-panel{display:flex;flex-direction:column;background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:2em;width:100%;max-width:500px;margin:1em}.action-panel{display:flex;flex-direction:column;gap:1.5em}.output-panel{display:none}.loading-panel{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:300px}h2{color:var(--primary);font-weight:600;margin-bottom:1.5em;position:relative;text-align:center}h2:after{content:"";display:block;width:60px;height:3px;background:var(--accent);margin:.5em auto 0}.tag-line{font-family:Comic Neue;font-weight:700;color:var(--dark);text-align:center;font-size:1.1em;margin-top:1em}.ticker-choice-display{min-height:3em;padding:.5em;background:var(--light);border-radius:var(--border-radius);width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5em}form{width:100%;display:flex;flex-direction:column;gap:1em}label{text-align:center;font-size:1em;color:var(--text)}.form-input-control{display:flex;width:100%;position:relative}input[type=text]{padding:1em;border:2px solid #ddd;border-radius:var(--border-radius) 0 0 var(--border-radius);flex-grow:1;font-size:1em;transition:var(--transition)}input[type=text]:focus{outline:none;border-color:var(--secondary)}.add-ticker-btn{display:flex;align-items:center;justify-content:center;background-color:var(--secondary);color:#fff;border:none;padding:0 1em;cursor:pointer;border-radius:0 var(--border-radius) var(--border-radius) 0;transition:var(--transition)}.add-ticker-btn:hover{background-color:#d4c755}.add-ticker-svg{width:20px;height:20px;filter:brightness(0) invert(1)}.generate-report-btn{width:100%;padding:1em;cursor:pointer;font-family:Poppins,sans-serif;border:none;background-color:var(--secondary);color:#fff;text-transform:uppercase;font-weight:600;letter-spacing:.05em;font-size:1em;border-radius:var(--border-radius);transition:var(--transition);margin-top:1em}.generate-report-btn:hover{background-color:#d4c755;transform:translateY(-2px);box-shadow:0 6px 8px #0000001a}.generate-report-btn:disabled{background-color:#95a5a6;cursor:not-allowed;transform:none;box-shadow:none}.ticker{background:var(--primary);color:#fff;padding:.3em .6em;border-radius:20px;font-size:.9em;display:inline-flex;align-items:center}.ticker:after{content:",";margin-left:.2em}.ticker:last-child:after{content:""}footer{font-size:.8em;text-align:center;padding:2em 1em;color:var(--text-light);max-width:600px;margin:0 auto}.loading-panel img{width:60px;height:60px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#api-message{margin-top:1em;font-weight:500;color:var(--primary)}@media (max-width: 600px){.action-panel,.output-panel,.loading-panel{padding:1.5em;margin:1em .5em}header{padding:1em}label{font-size:.9em}}