body #smm-digit-frequency{max-width:650px!important;padding:12px!important;margin:15px auto!important;border:2px solid #079aab;border-radius:15px;background:#fff;color:#23485a;font:14px/1.5 Arial,sans-serif;text-align:left}
body #smm-digit-frequency h2{font:700 21px/1.3 Arial,sans-serif!important;padding:12px!important;margin:0 0 12px!important;background:linear-gradient(120deg,#0755db,#008d8d);color:white;border-radius:10px}
body #smm-digit-frequency p{font:13px/1.6 Arial,sans-serif;margin:10px 0}
body #smm-digit-frequency .smm-hist-controls{display:grid;grid-template-columns:2fr 1fr;gap:10px}
body #smm-digit-frequency label{font-weight:bold;min-width:0}
body #smm-digit-frequency select{width:100%;height:36px;margin-top:5px;border:1px solid #a8d2dd;border-radius:8px;padding:4px;font:13px Arial,sans-serif;background:#f6fcff;color:#23485a}
body #smm-digit-frequency .smm-hist-plot{height:230px;display:flex;padding:15px 0 28px;margin:20px 0 12px}
body #smm-digit-frequency .smm-hist-axis{width:37px;flex-shrink:0;position:relative;display:flex;flex-direction:column;justify-content:space-between;font:10px Arial,sans-serif;color:#526c79}
body #smm-digit-frequency #smm-hist-bars{display:flex;flex:1;gap:5px;min-width:0;background:repeating-linear-gradient(to top,#dceaf0 0 1px,transparent 1px 25%)}
body #smm-digit-frequency .smm-hist-col{position:relative;flex:1;display:flex;align-items:flex-end;min-width:0}
body #smm-digit-frequency .smm-hist-fill{position:relative;width:100%;border-radius:5px 5px 0 0}
body #smm-digit-frequency .smm-hist-percent{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font:700 9px/1.5 Arial,sans-serif;white-space:nowrap}
body #smm-digit-frequency .smm-hist-digit{position:absolute;top:100%;width:100%;text-align:center;font-size:15px;margin-top:5px}
body #smm-digit-frequency .smm-hist-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}
body #smm-digit-frequency button{background:linear-gradient(120deg,#0755db,#008d8d);border:0;border-radius:8px;padding:9px 12px;color:#fff;font-weight:bold;cursor:pointer}
body #smm-digit-frequency .smm-hist-note{background:#edf9f9;border-radius:8px;padding:10px}
@media(max-width:420px){body #smm-digit-frequency{margin:12px 5px!important;padding:9px!important}body #smm-digit-frequency #smm-hist-bars{gap:4px}body #smm-digit-frequency .smm-hist-percent{font-size:8px}}

body #smm-digit-frequency .smm-hist-controls{grid-template-columns:1fr 1fr}
body #smm-digit-frequency .smm-hist-controls label:last-child{grid-column:1/-1}
body #smm-digit-frequency .smm-hist-plot{height:230px!important;padding-top:25px!important;overflow:visible!important}
body #smm-digit-frequency #smm-hist-bars,body #smm-digit-frequency .smm-hist-col,body #smm-digit-frequency .smm-hist-fill{overflow:visible!important}
body #smm-digit-frequency .smm-hist-percent{display:block!important;visibility:visible!important;opacity:1!important;position:absolute!important;bottom:calc(100% + 4px)!important;left:50%!important;transform:translateX(-50%)!important;background:white!important;color:#183c50!important;-webkit-text-fill-color:#183c50!important;font:bold 10px/1.4 Arial,sans-serif!important;z-index:2!important;text-shadow:none!important}
body #smm-digit-frequency #smm-hist-top{padding:10px;border-radius:9px;background:#eaf8f5;font-weight:bold!important;color:#164956}
body #smm-digit-frequency .smm-hist-highest{outline:2px solid #164956;outline-offset:2px}
body #smm-digit-frequency #smm-hist-counts{margin:15px 0}
body #smm-digit-frequency #smm-hist-counts table{width:100%;border-collapse:collapse;table-layout:fixed;font:13px/1.6 Arial,sans-serif;text-align:center;background:white;color:#183c50}
body #smm-digit-frequency #smm-hist-counts caption{font-weight:bold;padding:7px}
body #smm-digit-frequency #smm-hist-counts th,body #smm-digit-frequency #smm-hist-counts td{padding:5px;border:1px solid #c6e2e8;color:#183c50;background:white}
body #smm-digit-frequency #smm-hist-counts .smm-hist-top-row td{background:#dcf7ed;font-weight:bold}
@media(max-width:420px){body #smm-digit-frequency .smm-hist-percent{font-size:9px!important}body #smm-digit-frequency #smm-hist-bars{gap:5px}}

/* Animate only drawing height; all percentages and counts remain historical. */
body #smm-digit-frequency .smm-hist-fill{will-change:auto}
body #smm-digit-frequency .smm-hist-fill:hover{filter:brightness(1.07)}
@media(prefers-reduced-motion:reduce){body #smm-digit-frequency .smm-hist-fill{animation:none!important;transition:none!important}}


/* Reference motion: gently flex the top edge while keeping the baseline fixed. */
@media(prefers-reduced-motion:no-preference){
body #smm-digit-frequency .smm-hist-fill{transform-origin:center bottom;animation:smm-frequency-breathe 2.8s ease-in-out infinite;filter:none}
body #smm-digit-frequency .smm-hist-col:nth-child(2n) .smm-hist-fill{animation-delay:-.7s}
body #smm-digit-frequency .smm-hist-col:nth-child(3n) .smm-hist-fill{animation-delay:-1.4s}
body #smm-digit-frequency .smm-hist-col:nth-child(5n) .smm-hist-fill{animation-delay:-2.1s}
body #smm-digit-frequency .smm-hist-fill:hover{filter:none}
}
@keyframes smm-frequency-breathe{0%,100%{transform:scaleY(1)}25%{transform:scaleY(1.012)}75%{transform:scaleY(.988)}}
@media(prefers-reduced-motion:reduce){body #smm-digit-frequency .smm-hist-fill{animation:none!important;transform:none!important}}