.spf-container{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}.spf-inner{padding:20px!important}.spf-header{text-align:center!important;margin-bottom:24px!important}.spf-subtitle{font-size:18px!important;font-weight:500!important;color:#6b7280!important;margin-bottom:4px!important;letter-spacing:-0.02em!important}.spf-main-title{font-size:28px!important;font-weight:800!important;color:#191f28!important;letter-spacing:-0.03em!important}.spf-chart-wrap{position:relative!important;width:280px!important;height:280px!important;margin:0 auto 36px!important}.spf-chart-wrap canvas{width:280px!important;height:280px!important}.spf-chart-center{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;text-align:center!important;pointer-events:none!important}.spf-chart-rank{font-size:14px!important;font-weight:500!important;color:#9ca3af!important;letter-spacing:-0.02em!important}.spf-chart-top{font-size:26px!important;font-weight:800!important;letter-spacing:-0.03em!important;margin-top:2px!important}.spf-list-section{margin-top:8px!important}.spf-list-title{font-size:15px!important;font-weight:700!important;color:#191f28!important;margin-bottom:12px!important;letter-spacing:-0.02em!important}.spf-list{display:flex!important;flex-direction:column!important}.spf-list-item{display:flex!important;align-items:center!important;padding:14px 0!important;border-bottom:1px solid #f3f4f6!important}.spf-list-item:last-child{border-bottom:none!important}.spf-dot{width:10px!important;height:10px!important;border-radius:50%!important;flex-shrink:0!important;margin-right:12px!important}.spf-type{font-size:16px!important;font-weight:600!important;color:#191f28!important;letter-spacing:-0.02em!important}.spf-badge{display:inline-block!important;background:#fef3c7!important;color:#b45309!important;font-size:11px!important;font-weight:600!important;padding:2px 8px!important;border-radius:4px!important;margin-left:8px!important;letter-spacing:-0.02em!important;flex-shrink:0!important}.spf-pct{margin-left:auto!important;font-size:16px!important;font-weight:700!important;color:#374151!important;letter-spacing:-0.02em!important;flex-shrink:0!important}.spf-item-locked .spf-type,.spf-item-locked .spf-pct{filter:blur(6px)!important;user-select:none!important;pointer-events:none!important}.spf-bottom-image{width:100%!important;padding:0!important;margin:0!important;line-height:0!important}.spf-bottom-image img{width:100%!important;height:auto!important;display:block!important;padding:0!important;margin:0!important}.spf-modern .spf-list-section{background:#ffffff!important;border:1px solid #e5e7eb!important;border-radius:16px!important;padding:20px!important}.spf-modern .spf-list-item{border-color:#f3f4f6!important}.spf-dark .spf-subtitle{color:rgba(255,255,255,.6)!important}.spf-dark .spf-main-title{color:#ffffff!important}.spf-dark .spf-chart-rank{color:rgba(255,255,255,.5)!important}.spf-dark .spf-list-title{color:#ffffff!important}.spf-dark .spf-type{color:#ffffff!important}.spf-dark .spf-pct{color:rgba(255,255,255,.85)!important}.spf-dark .spf-list-item{border-color:rgba(255,255,255,.08)!important}.spf-dark.spf-modern .spf-list-section{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.12)!important}.spf-dark .spf-badge{background:rgba(254,243,199,.15)!important;color:#fbbf24!important}