<div class="legend">
    <div class="legend-item">
        <div class="legend-dot" style="background: #c0392b;"></div>
        <span>Nautical (Shipwreck)</span>
    </div>
    <div class="legend-item">
        <div class="legend-dot" style="background: #2980b9;"></div>
        <span>Architectural</span>
    </div>
    <div class="legend-item">
        <div class="legend-dot" style="background: #27ae60;"></div>
        <span>"Bwyrdes & Bushes"</span>
    </div>
</div>

<div class="chart-container" id="oxfordChart">
    <div class="word-axis">
        <span>0 Words</span>
        <span>25k</span>
        <span>50k</span>
        <span>75k</span>
        <span>100k Words</span>
    </div>
</div>

<div class="controls">
    <button class="run-btn" onclick="animateOxfordPulse()">
        Run Frequency Analysis
    </button>
    <span class="description">Click to visualize trope distribution across the corpus.</span>
</div>