.rating-sandbox-container { clear: both !important; display: block !important; width: 100% !important; }
    .premium-rating-card { background: #FFFFFF !important; border: 1px solid #EAECEE !important; border-radius: 12px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important; margin: 20px auto !important; width: 100% !important; max-width: 100% !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; overflow: hidden !important; position: relative !important; display: block !important; }
    .rating-split-layout { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; width: 100% !important; }
    .rating-vote-side, .rating-summary-side { flex: 1 1 280px !important; padding: 25px !important; box-sizing: border-box !important; }
    .rating-vote-side { border-right: 1px solid #F2F4F4 !important; }
    .rating-summary-side { cursor: pointer !important; background: #FAFAFA !important; transition: background 0.2s !important; }
    .rating-summary-side:hover { background: #F4F6F6 !important; }
    .rating-title { margin: 0 0 12px 0 !important; color: #34495E !important; font-size: 1.1rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; }
    .interactive-stars-row { display: flex !important; flex-direction: row-reverse !important; justify-content: flex-end !important; gap: 6px !important; width: auto !important; }
    .card-rating-container { display: flex !important; align-items: center !important; gap: 8px !important; }
    .card-stars-wrapper { display: flex !important; gap: 2px !important; flex-direction: row !important; }
    .card-stars-wrapper.interactive-stars-row { flex-direction: row-reverse !important; }
    .card-rating-text { font-size: 1.1rem !important; color: #2C3E50 !important; }
    .toggle-hint-text { color: #7F8C8D !important; display: block !important; margin-top: 15px !important; font-size: 0.95rem !important; font-weight: 500 !important; }
    .arrow-indicator { display: inline-block !important; transition: transform 0.2s !important; }
    .premium-rating-card.open .arrow-indicator { transform: rotate(180deg) !important; }
    .popularity-accordion-panel { display: none; overflow: hidden !important; background: #FFFFFF !important; border-top: 1px solid #F2F4F4 !important; padding: 20px 25px !important; box-sizing: border-box !important; }
    .breakdown-title { margin: 0 0 15px 0 !important; font-size: 0.95rem !important; color: #7F8C8D !important; font-weight: 600 !important; }
    .bar-row { display: flex !important; align-items: center !important; margin-bottom: 8px !important; font-size: 0.85rem !important; color: #5D6D7E !important; }
    .bar-label { width: 50px !important; }
    .bar-track { flex: 1 !important; height: 10px !important; background: #EAEDED !important; border-radius: 5px !important; margin: 0 12px !important; overflow: hidden !important; }
    .bar-fill { height: 100% !important; width: 0; background: linear-gradient(90deg, #F5B041, #DC7633) !important; border-radius: 5px !important; transition: width 0.6s cubic-bezier(0.1, 0.8, 0.3, 1) !important; }
    .bar-percentage { width: 35px !important; text-align: right !important; font-weight: bold !important; }
    @media(max-width: 600px) { .rating-split-layout { flex-direction: column !important; } .rating-vote-side { border-right: none !important; border-bottom: 1px solid #F2F4F4 !important; } }