:root{--bg:#f6f5f1;--surface:#fff;--text:#1c1f24;--muted:#5f6670;--border:#e2e0d8;--accent:#28548c;--accent-text:#fff;--accent-soft:#e6eef8;--error:#b42318;--error-soft:#fdecea;--info-soft:#eef4ee;--info:#2f6b3b;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#14161a;--surface:#1d2025;--text:#e8e6e1;--muted:#a0a6ae;--border:#2f333a;--accent:#7fa8de;--accent-text:#0f1520;--accent-soft:#223247;--error:#ff8a80;--error-soft:#3a1f1d;--info-soft:#1e2d22;--info:#9fd3a8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.55 Be Vietnam Pro,system-ui,-apple-system,Segoe UI,sans-serif}#app{max-width:880px;margin:0 auto;padding:32px 16px 48px}h1{margin:.2em 0 .4em;font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.2}h2{margin:0;font-size:1.25rem}h3{margin:1.2em 0 .5em;font-size:1rem}.hero{margin-bottom:24px}.brand{color:var(--accent);letter-spacing:.02em;margin:0;font-weight:700}.lead-text{color:var(--muted);max-width:60ch;margin:0}.muted{color:var(--muted);margin:.2em 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:20px}.step-head{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.step-num{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:.9rem;font-weight:700;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (width<=640px){.grid-2,.grid-4{grid-template-columns:minmax(0,1fr)}}.option{border:1px solid var(--border);border-radius:var(--radius);padding:16px}.option h3{margin-top:0}.notice{color:var(--muted);background:var(--bg);border-radius:8px;padding:10px 12px;font-size:.9rem}.label{margin:12px 0 4px;font-size:.9rem;font-weight:600;display:block}input[type=text],input[type=email],input[type=date],input[type=time],select,textarea{width:100%;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 10px}textarea{resize:vertical}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[readonly],textarea[readonly]{opacity:.85}.check{align-items:flex-start;gap:8px;margin:10px 0;font-size:.92rem;display:flex}.check input{margin-top:4px}.file input{width:100%}.btn{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:9px 14px;font-weight:600}a.btn{text-decoration:none;display:inline-block}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn-ghost{background:0 0}.row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.msg{border-radius:8px;margin:10px 0 0;padding:10px 12px;font-size:.92rem}.msg:empty{display:none}.msg-error{background:var(--error-soft);color:var(--error)}.msg-info{background:var(--info-soft);color:var(--info)}.msg a{color:inherit}.file-list{color:var(--muted);margin:10px 0 0;padding-left:20px}.criteria{gap:8px;display:grid}.criterion{grid-template-columns:minmax(0,1fr) 80px auto;gap:8px;display:grid}.turnstile{margin-top:12px}.results{gap:8px;display:grid}.result{border:1px solid var(--border);border-radius:10px}.result summary{cursor:pointer;grid-template-columns:36px minmax(0,1fr) 64px 140px;align-items:center;gap:8px;padding:12px;list-style:none;display:grid}.result summary::-webkit-details-marker{display:none}.rank{color:var(--muted);font-weight:700}.who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.years{color:var(--muted);font-size:.9rem}.score{align-items:center;gap:8px;display:flex}.bar{background:linear-gradient(var(--accent), var(--accent)) left / var(--w) 100% no-repeat, var(--accent-soft);border-radius:4px;flex:1;height:8px}.result-body{padding:0 12px 12px;font-size:.93rem}.result-body p{margin:4px 0}@media (width<=640px){.result summary{grid-template-columns:32px minmax(0,1fr) 96px}.years{display:none}.who{white-space:normal}}.scores{border-collapse:collapse;width:100%;margin:10px 0;font-size:.9rem}.scores th,.scores td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:6px 8px}.scores .num{font-variant-numeric:tabular-nums;font-weight:700}.anon{border:1px solid var(--border);border-radius:10px;margin-top:16px;padding:12px 16px}.anon legend{padding:0 4px;font-weight:700}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.tab{font:inherit;border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:5px 12px}.tab[aria-selected=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}#tieu-de{margin-bottom:8px}.faq-list{gap:8px;margin-top:12px;display:grid}.faq-item{border:1px solid var(--border);border-radius:10px}.faq-item summary{cursor:pointer;padding:12px 14px;font-weight:600}.faq-answer{color:var(--muted);padding:0 14px 12px;font-size:.95rem}.faq-answer p{margin:0 0 8px}.lead{border-color:var(--accent)}.foot{color:var(--muted);text-align:center;margin-top:24px;font-size:.85rem}