#fibo-box.fibo-readable { padding: 12px 14px; gap: 8px; }
.fibo-readable .fibo-header { align-items: center; gap: 8px; margin: 0; }
.fibo-readable .fibo-title { font-size: 15px; color: #a2a2ad; }
.fibo-readable .fibo-direction { font-size: 11px; color: #9696a0; border: 1px solid rgba(255,255,255,0.1); border-radius: 6px; padding: 3px 6px; }
.fibo-readable .fibo-range { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 3px 0; }
.fibo-endpoint { display: flex; flex-direction: column; gap: 4px; }
.fibo-endpoint:last-child { text-align: right; }
.fibo-endpoint small { color: #898994; font-size: 11px; }
.fibo-endpoint strong { color: #c7c7cf; font-size: 13px; font-weight: 500; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.fibo-readable .fibo-levels { gap: 0; }
.fibo-readable .fibo-level-row { display: block; border-top: 1px solid rgba(255,255,255,0.06); border-radius: 8px; transition: background-color 150ms ease; }
.fibo-readable .fibo-level-row:first-child { border-top: 0; }
.fibo-readable .fibo-level-row.is-highlighted { background: rgba(255,255,255,0.065); }
.fibo-level-button { appearance: none; display: flex; align-items: flex-start; gap: 9px; padding: 10px 4px; width: 100%; border: 0; border-radius: 8px; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.fibo-level-button:focus-visible { outline: 1px solid #96969f; outline-offset: 1px; }
.fibo-readable .fibo-level-label { min-width: 46px; color: #b8b8c3; font-size: 13px; font-weight: 500; font-variant-numeric: tabular-nums; }
.fibo-readable .fibo-level-price { text-align: left; color: #e5e5eb; font-size: 15px; font-weight: 600; overflow-wrap: anywhere; }
.fibo-readable .fibo-level-desc { white-space: normal; color: #9696a0; font-size: 12px; line-height: 1.4; }
.fibo-nearest { width: fit-content; font-size: 10px; color: #c7c7cf; padding: 2px 5px; border: 1px solid rgba(255,255,255,0.13); border-radius: 5px; }
.fibo-readable .fibo-status { font-size: 12px; line-height: 1.6; color: #a2a2ad; margin: 0; padding-top: 9px; }
.fibo-hover-hint { margin: 0; color: #898994; font-size: 11px; line-height: 1.4; }
.fibo-readable .fibo-level-label { color: var(--level-accent); border-left: 2px solid var(--level-accent); padding-left: 7px; }
.fibo-readable .fibo-level-row.is-nearest { background: rgba(255,255,255,0.025); }
.fibo-readable .fibo-level-row.is-highlighted { background: rgba(255,255,255,0.065); }
.fibo-readable .fibo-level-row.is-highlighted .fibo-level-price { color: var(--level-accent); }
.fibo-nearest { color: #dcc888; border-color: rgba(220,200,136,0.25); background: rgba(220,200,136,0.06); }
@media (prefers-reduced-motion: reduce) { .fibo-readable .fibo-level-row { transition: none; } }