:root{--spotlight-color: #FFCF56}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#0a0a0a;color:#fff;font-family:Inter,sans-serif;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:-20vh;right:-20vw;width:80vw;height:80vh;background:radial-gradient(circle at center,rgba(255,207,86,.15) 0%,rgba(255,207,86,.05) 30%,transparent 70%);filter:blur(60px);pointer-events:none;z-index:0}.app-container{min-height:100vh;padding:2rem}.app-content{max-width:1200px;margin:0 auto}.app-title{font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.controls-container{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.view-selector{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.view-container{position:relative;z-index:1}.glass-container{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:20px;box-shadow:0 4px 30px #0000001a}.button{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);padding:8px 16px;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;min-width:120px;text-align:center}.button:hover{background:#fff3;transform:translateY(-1px)}.button:active{transform:translateY(1px)}.button.active{background:var(--spotlight-color);color:#000;border-color:var(--spotlight-color)}.topic-selector-container{display:flex;gap:1rem;align-items:flex-start;justify-content:center;flex-wrap:wrap}.topic-selector{position:relative;width:300px;z-index:100}.selector-button{width:100%;padding:12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.selector-button:hover{background:#ffffff26}.clear-button{padding:12px 24px;background:#ff575733;border:1px solid rgba(255,87,87,.3);border-radius:8px;color:#ff5757;cursor:pointer;transition:all .3s ease}.clear-button:hover{background:#ff57574d;transform:translateY(-1px)}.clear-button:active{transform:translateY(1px)}.arrow-icon{transition:transform .3s ease}.arrow-icon.open{transform:rotate(180deg)}.topics-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:100%;background:#141414f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;max-height:300px;overflow-y:auto;box-shadow:0 4px 20px #0003}.topic-option{padding:10px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.topic-option:hover{background:#ffffff1a}.topic-option.selected{background:#ffcf5626}.check-icon{color:var(--spotlight-color)}.topics-dropdown::-webkit-scrollbar{width:8px}.topics-dropdown::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.topics-dropdown::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.topics-dropdown::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.loading,.error{padding:12px;border-radius:8px;background:#ffffff1a;text-align:center}.error{color:#ff6b6b;background:#ff6b6b1a}.stats-container{display:flex;flex-direction:column;gap:24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.stats-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;transition:all .3s ease}.stats-card:hover{background:#ffffff0d;transform:translateY(-2px);box-shadow:0 8px 32px #0003}.stats-title{font-size:1.5rem;font-weight:600;margin-bottom:16px;color:#fff}.stats-subtitle{font-size:1.25rem;font-weight:500;margin-bottom:12px;color:#fff}.stats-value{font-size:2.5rem;font-weight:700;color:var(--spotlight-color);margin-bottom:8px}.stats-value-secondary{font-size:1.75rem;font-weight:600;color:var(--spotlight-color);margin-bottom:16px}.stats-label{font-size:.875rem;color:#fff9;margin-bottom:24px}.sentiment-title{font-size:1.25rem;font-weight:500;margin-bottom:16px;color:#ffffffe6}.trends-container{display:flex;flex-direction:column;gap:24px}.trend-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;transition:all .3s ease}.trend-card:hover{background:#ffffff0d;transform:translateY(-2px);box-shadow:0 8px 32px #0003}.trend-title{font-size:1.5rem;font-weight:600;margin-bottom:24px;color:#fff}.trend-chart{height:400px;margin:0 -8px}.empty-state{text-align:center;padding:48px;color:#fff9;font-size:1.125rem;background:#ffffff08;border-radius:16px;border:1px dashed rgba(255,255,255,.1)}@media (max-width: 768px){.app-container{padding:1rem}.app-title{font-size:1.5rem;margin-bottom:1.5rem}.topic-selector{width:100%}.button{min-width:auto;flex:1;padding:8px 12px;font-size:.875rem}.stats-grid{grid-template-columns:1fr}.stats-value{font-size:2rem}.stats-value-secondary{font-size:1.5rem}.trend-chart{height:300px}}@media (max-width: 480px){.app-container{padding:.5rem}.glass-container{padding:16px}.controls-container{gap:1rem}.view-selector{gap:.5rem}.stats-card,.trend-card{padding:16px}.trend-chart{height:250px}}.info-icon-container{position:relative;display:inline-flex;align-items:center}.info-icon{cursor:pointer;opacity:.7;transition:opacity .2s ease;display:inline-flex;align-items:center;background:none;border:none;padding:4px;color:#fff}.info-icon:hover{opacity:1}.custom-tooltip{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 16px;width:max-content;max-width:300px;font-size:.875rem;color:#fff;z-index:1000;box-shadow:0 4px 20px #0000004d}.custom-tooltip:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:#000000e6;border-left:1px solid rgba(255,255,255,.2);border-top:1px solid rgba(255,255,255,.2)}