:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1e293b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;font-family:Pretendard,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{background:#f1f5f9;min-width:320px;min-height:100vh;margin:0}#root{width:100%;min-height:100vh}*{box-sizing:border-box}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#00000005}::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#00000040}h1,h2,h3,h4,h5,h6,p{margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes expandWidth{0%{width:0}to{width:var(--final-width)}}.animate-fade-in-up{animation:.6s ease-out forwards fadeInUp}.district-row{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.district-row.expanded{border-bottom-color:#cbd5e1}.district-main-content{align-items:center;gap:1.5rem;padding:.8rem 0;display:flex}.district-info-col{flex:0 0 280px;align-items:center;gap:1rem;display:flex}.rank-dot{color:#475569;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;font-weight:800;display:flex}.district-name-group{flex-direction:column;justify-content:center;display:flex}.district-name-text{color:#111827;font-size:1rem;font-weight:700;line-height:1.2}.district-note-text{color:#6b7280;margin-top:.2rem;font-size:.75rem}.bar-wrapper-col{flex:1;align-items:center;display:flex}.bar-track{background:#f1f5f9;border-radius:4px;width:100%;height:32px;display:flex;overflow:hidden}.bar-fill{height:100%;animation:1.2s cubic-bezier(.16,1,.3,1) forwards expandWidth;animation-delay:inherit;align-items:center;width:0;transition:width 1s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.base-fill{background-color:#2563eb;justify-content:flex-start}.consent-fill{background-color:#059669;border-left:1px solid #fff;justify-content:flex-end}.gray-fill-base{background-color:#9ca3af}.gray-fill-consent{background-color:#d1d5db}.bar-inner-label{color:#fff;letter-spacing:.5px;opacity:0;animation:.4s ease-out forwards fadeIn;animation-delay:calc(var(--delay,0s) + 1.2s);font-size:.85rem;font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.left-label{padding-left:.8rem}.right-label{padding-right:.8rem}.score-col{flex-direction:column;flex:0 0 160px;justify-content:center;align-items:flex-end;gap:.3rem;display:flex}.score-wrap{align-items:baseline;gap:.4rem;display:flex;position:relative}.competition-badge{color:#fff;letter-spacing:.5px;z-index:10;background-color:#ef4444;border:1.5px solid #fff;border-radius:4px;padding:.15rem .35rem;font-size:1rem;font-weight:800;line-height:1;position:absolute;top:-14px;left:-24px;transform:rotate(-15deg);box-shadow:0 2px 4px #0000001a}.btn-detail{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:4px;outline:none;align-items:center;gap:.2rem;padding:.25rem .6rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.btn-detail:hover{color:#0f172a;background:#e2e8f0}.btn-detail.active{background:#e2e8f0;border-color:#94a3b8}.final-score-value{color:#111827;font-size:1.15rem;font-weight:800}.final-score-percent{color:#4b5563;font-size:.9rem;font-weight:600}.details-panel{opacity:0;background-color:#0000;max-height:0;padding:0 1.5rem;transition:all .3s;overflow:hidden}.details-panel.show{opacity:1;max-height:600px;padding-bottom:1.5rem}.detail-grid{border:1px solid #e5e7eb;border-radius:6px;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:.5rem;padding:1rem;display:grid}.detail-item{flex-direction:column;display:flex}.detail-label{color:#6b7280;margin-bottom:.2rem;font-size:.75rem}.detail-value{color:#111827;font-size:.85rem;font-weight:600}@media (width<=768px){.district-main-content{flex-wrap:wrap;gap:.5rem;padding:.5rem 0}.district-info-col{flex:1;gap:.5rem}.rank-dot{width:24px;height:24px;font-size:.8rem}.district-name-text{font-size:.95rem}.score-col{flex:none;gap:.2rem}.bar-wrapper-col{flex:100%;order:3;margin-top:.2rem}.bar-track{height:22px}.bar-inner-label{font-size:.75rem}.detail-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;padding:.6rem}.details-panel.show{padding-bottom:.8rem}}@media (width<=480px){.detail-grid{grid-template-columns:1fr}}.app-container{color:#111827;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem 3%;font-family:Pretendard,sans-serif}.header{align-items:center;gap:1rem;margin-bottom:.5rem;padding-bottom:0;display:flex}.header h1{letter-spacing:-1.5px;margin:0;font-size:2.2rem;font-weight:800}.date-badge{color:#4b5563;margin:0;padding:0;font-size:.9rem;font-weight:700}.info-message-list{color:#475569;margin:.5rem 0 2rem;padding:0 0 0 1.2rem;font-size:.95rem;line-height:1.6}.info-message-list li{margin-bottom:.4rem}.info-message-list li:last-child{margin-bottom:0}.table-header{color:#374151;border-bottom:2px solid #111827;align-items:center;gap:1.5rem;padding:1rem 0;font-size:.95rem;font-weight:700;display:flex}.th-name{flex:0 0 280px}.th-bar{flex:1}.th-score{text-align:right;flex:0 0 160px}.legend-blue{color:#2563eb}.legend-green{color:#059669}.list-container{flex-direction:column;display:flex}.legend-footer{border-top:1px solid #e5e7eb;flex-direction:column;align-items:center;gap:1.5rem;margin-top:1.5rem;padding:1.2rem 0;display:flex}.legend-items{color:#4b5563;align-items:center;gap:1.5rem;font-size:.9rem;display:flex}.data-source-text{text-align:center;color:#64748b;margin:0;padding:0 1rem;font-size:.85rem;font-weight:500;line-height:1.6}.external-links{justify-content:center;width:100%;display:flex}.btn-external-link{color:#059669;background-color:#f8fafc;border:1px solid #059669;border-radius:8px;padding:.8rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-external-link:hover{color:#fff;background-color:#059669}.footer-copyright{text-align:center;color:#94a3b8;margin-top:3rem;padding-bottom:2rem;font-size:.85rem}.disclaimer-text{color:#94a3b8;margin-bottom:1rem;font-size:.75rem;font-weight:500;line-height:1.6}.legend-blue-box,.legend-green-box{border-radius:3px;width:14px;height:14px;margin-right:-.5rem;display:inline-block}.legend-blue-box{background:#2563eb}.legend-green-box{background:#059669}@media (width<=768px){.app-container{padding:.5rem .8rem}.header{flex-direction:column;align-items:flex-start;gap:.4rem;margin-bottom:.5rem;padding-bottom:.5rem}.header h1{letter-spacing:-1px;font-size:1.4rem}.date-badge{font-size:.8rem}.info-message-list{margin-bottom:1rem;padding-left:1rem;font-size:.85rem}.table-header{display:none}}