.entropy-gauge { width: 100%; background: #e9ecef; border-radius: 12px; margin: 0.5rem 0; height: 12px; overflow: hidden; }
        .entropy-fill { height: 100%; width: 0%; background: linear-gradient(90deg, #34a853, #4285f4); border-radius: 12px; }
        .canvas-container { text-align: center; margin: 1rem 0; background: #fefefe; border-radius: 12px; }
        canvas { width: 100%; height: auto; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
        .legend { display: flex; justify-content: center; gap: 1.5rem; margin: 0.5rem 0; font-size: 0.85rem; }
        .mode-switch { cursor: pointer; transition: all 0.2s; }
        .mode-active { background-color: #4285f4; color: white; border-color: #4285f4; }
        .warning-note, .distribution-list { max-height: 200px; overflow-y: auto; background: #f9fafb; border-radius: 8px; padding: 0.75rem; font-size: 0.85rem; }
        .eaat-badge { background: #e9f5ef; border-radius: 20px; padding: 2px 12px; font-size: 0.75rem; display: inline-block; margin-left: 10px; vertical-align: middle; }
.author-bio{display:block}