.font-display { font-family: "Bricolage Grotesque", system-ui, sans-serif; font-weight: 800; letter-spacing: -0.02em; }
#drop:focus-within, #drop.over { border-color: #0f766e; background: #f0fdfa; outline: 3px solid #99f6e4; }
.risk-red { background: #b91c1c; color: #fff; }
.risk-yellow { background: #fbbf24; color: #1c1917; }
.risk-green { background: #15803d; color: #fff; }
.card { background: #fff; border-radius: 0.75rem; padding: 1rem; box-shadow: 0 0 0 1px #e2e8f0; }
.card h3 { font-weight: 700; margin-bottom: 0.5rem; }
.btn { display: inline-block; border-radius: 0.5rem; background: #0f172a; color: #fff; padding: 0.5rem 0.75rem; font-size: 0.875rem; font-weight: 600; }
.btn.alt { background: #e2e8f0; color: #0f172a; }
.btn:focus-visible, a:focus-visible { outline: 3px solid #0f766e; outline-offset: 2px; }
.hash { word-break: break-all; font-family: ui-monospace, monospace; font-size: 0.75rem; }