:root{--bg: #0f1115;--panel: #181b22;--text: #e8eaed;--muted: #a7adb8;--accent: #4da3ff;--border: #2a2f3a;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.app{max-width:960px;margin:0 auto;padding:2rem 1rem 4rem}.app-header h1{margin:0;font-size:1.8rem}.subtitle{margin:.25rem 0 0;color:var(--muted)}.rncp-note{margin:.6rem 0 0;color:var(--muted);font-size:.8rem;line-height:1.45;max-width:60ch}.rncp-note a{color:var(--accent)}.controls{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.5rem 0}.field input,.field select{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.55rem .75rem;font-size:.95rem;min-width:220px}.field input:focus-visible,.field select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ranking-table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:10px;overflow:hidden}.ranking-table th,.ranking-table td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--border);font-weight:400}.ranking-table thead th{font-weight:600;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.col-rank{width:3rem}.col-level{text-align:right;font-variant-numeric:tabular-nums}.col-rncp{width:9rem}.rncp-cell{display:flex;align-items:center;gap:.5rem}.rncp-pct{font-variant-numeric:tabular-nums;font-size:.8rem;color:var(--muted);min-width:3.2rem;text-align:right}.rncp-bar{flex:1;height:6px;background:#2a2f3a;border-radius:999px;overflow:hidden}.rncp-bar-fill{display:block;height:100%;background:linear-gradient(90deg,#4da3ff,#47d0a0);border-radius:999px}.rncp-done{color:#47d0a0;font-weight:600;font-size:.85rem}.login-cell{display:flex;align-items:center;gap:.55rem}.avatar{border-radius:50%;object-fit:cover;background:#2a2f3a;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:.8rem;color:var(--muted)}.rank-badge{display:inline-block;min-width:1.6rem;text-align:center;font-variant-numeric:tabular-nums}.rank-badge--gold{color:#ffd447;font-weight:700}.rank-badge--silver{color:#d6dae0;font-weight:700}.rank-badge--bronze{color:#e0a06a;font-weight:700}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.25rem}.pagination button{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.5rem .9rem;cursor:pointer}.pagination button:disabled{opacity:.4;cursor:not-allowed}.state{padding:2rem;text-align:center;border-radius:10px;background:var(--panel)}.state--error{color:#ff9a9a}.freshness{text-align:center;color:var(--muted);font-size:.8rem;margin-top:.75rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.btn-login42{background:var(--accent);color:#000;border:none;border-radius:8px;padding:.55rem 1.1rem;font-size:.95rem;font-weight:600;cursor:pointer;white-space:nowrap;align-self:flex-start}.btn-login42:hover{filter:brightness(1.15)}.btn-login42:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.btn-link{color:var(--accent);text-decoration:underline;font-size:.95rem}.btn-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.rncp7-panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.5rem;max-width:760px;margin:1.5rem auto 0}.rncp7-identity{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.rncp7-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;background:var(--border);flex-shrink:0}.rncp7-avatar--placeholder{display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--muted);border:1px solid var(--border)}.rncp7-identity-info{flex:1;min-width:0}.rncp7-display-name{margin:0 0 .2rem;font-size:1.25rem}.rncp7-meta{margin:0;color:var(--muted);font-size:.875rem}.rncp7-progress-section{margin-bottom:1.5rem}.rncp7-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.rncp7-progress-label{font-size:.875rem;color:var(--muted)}.rncp7-progress-value{font-size:.875rem;font-variant-numeric:tabular-nums;font-weight:600;color:var(--text)}.rncp7-progress-bar{height:10px;background:var(--border);border-radius:999px;overflow:hidden}.rncp7-progress-fill{display:block;height:100%;background:linear-gradient(90deg,#4da3ff,#47d0a0);border-radius:999px;transition:width .4s ease}.rncp7-generated{margin:.5rem 0 0;font-size:.78rem;color:var(--muted)}.rncp7-gcc-link{color:var(--accent)}.rncp7-gcc-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.rncp7-section,.rncp7-option{margin-bottom:1.25rem}.rncp7-section-title,.rncp7-option-title{margin:0 0 .6rem;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.rncp7-option-count{font-size:.8rem;font-weight:400;color:var(--muted);background:var(--border);border-radius:999px;padding:.1rem .45rem}.rncp7-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.rncp7-option{background:#1d2029;border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:0}.rncp7-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.rncp7-check{display:flex;align-items:baseline;gap:.5rem;font-size:.875rem;line-height:1.4}.rncp7-check-icon{flex-shrink:0;width:1.1rem;text-align:center;font-weight:700}.rncp7-check-icon--met{color:#47d0a0}.rncp7-check-icon--unmet{color:#ff7b7b}.rncp7-check-icon--unknown{color:#f0c040}.rncp7-check-label{flex:1}.rncp7-check--met .rncp7-check-label{color:var(--text)}.rncp7-check--unmet .rncp7-check-label{color:var(--muted)}.rncp7-check--unknown .rncp7-check-label{color:var(--muted);font-style:italic}.rncp7-check-detail{font-size:.78rem;color:var(--muted);display:block;margin-left:1.6rem}