body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8fafc;margin:0;padding:0}.container{max-width:960px;margin:0 auto;padding:1.5rem}.header{text-align:center;margin-bottom:1.5rem}.title{font-size:25px;font-weight:700;margin-bottom:1rem}.card{background:#fff;border-radius:14px;border:1px solid #e2e8f0;padding:1rem;margin-bottom:1.5rem;box-shadow:0 2px 6px #0000000d}.section-title{font-size:1.4rem;font-weight:600;margin:2rem 0 .8rem}.table{width:100%;border-collapse:collapse;font-size:.95rem}.table thead{background:#f1f5f9}.table th,.table td{text-align:left;padding:.75rem;border-bottom:1px solid #e2e8f0}.table th{font-weight:600;color:#334155}.table td{vertical-align:top}.scale-tag{display:inline-block;padding:.25rem .6rem;border-radius:12px;font-weight:400;font-size:.85rem;color:#fff}.scale-1{background:#636163}.scale-2{background:#554f54}.scale-3{background:#3e3a3e}.scale-4{background:#262526}.scale-5{background:#151515}.note{font-size:.8rem;color:#64748b;margin-top:.5rem;text-align:right}@media (max-width: 640px){.table{display:none}.mobile-list{display:grid;gap:12px}.mobile-card{border:1px solid #e2e8f0;border-radius:14px;padding:12px;background:#fff;box-shadow:0 1px 4px #0000000a}.mobile-title{font-weight:400;margin:0 0 6px;font-size:1rem}.mobile-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.9rem}.mobile-score{font-weight:400;font-size:1rem}.mobile-scale{font-weight:400;font-size:.9rem}.mobile-desc{color:#475569;font-size:.9rem;line-height:1.4}}@media (min-width: 641px){.mobile-list{display:none}}#root .card h3.title{text-align:center}#root .card .note{text-align:center;font-size:12px!important}#root .grid .note{font-size:13px!important;color:#64748b!important}#root .card .title{font-size:18px!important}#root .card p,#root .card div div h3{font-size:15px!important}#root div a{font-size:15px}#root{background-image:linear-gradient(to right,#7474bf,#348ac7);transform:translate(0) translatey(0)}#root .header:nth-child(1) .title:nth-child(1){color:#fff}#root .header p{color:#fff}@media (max-width:640px){#root{transform:translate(0) translatey(0);display:inline-block}#root .header:nth-child(1) .title:nth-child(1){color:#fff}#root .header p{color:#fff}}