.tp-strength{--tp-ink:var(--ink,#181713);--tp-muted:var(--muted,var(--ink-3,#77736A));--tp-surface:var(--surface,#fff);--tp-line:var(--line,var(--border,#E4E1D8));--tp-accent:var(--accent,#D4521F);--tp-success:var(--success,var(--pos,#17744A));background:var(--tp-surface);border:1px solid var(--tp-line);border-radius:var(--radius-card,var(--r-lg,12px));box-shadow:var(--shadow-card,var(--shadow-sm));color:var(--tp-ink);padding:clamp(18px,var(--space-5,24px),28px)}
.tp-strength__head{display:flex;align-items:center;justify-content:space-between;gap:24px}.tp-strength__eyebrow{color:var(--tp-muted);font:500 11px/1.2 var(--font-mono,monospace);letter-spacing:.1em;text-transform:uppercase}.tp-strength h2{font:600 clamp(20px,2.4vw,26px)/1.15 var(--font-sans,system-ui);letter-spacing:-.025em;margin:6px 0 8px}.tp-strength__lead{color:var(--tp-muted);font-size:14px;max-width:480px}.tp-strength__ring{--tp-score:0%;width:108px;height:108px;flex:none;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--tp-accent) var(--tp-score),var(--tp-line) 0);position:relative}.tp-strength__ring:before{content:"";position:absolute;inset:8px;background:var(--tp-surface);border-radius:inherit}.tp-strength__ring-inner{position:relative;text-align:center;display:grid;gap:1px}.tp-strength__ring strong{font:600 21px/1 var(--font-sans,system-ui);letter-spacing:-.03em}.tp-strength__ring span{color:var(--tp-muted);font-size:11px}.tp-strength__bar{height:6px;background:color-mix(in srgb,var(--tp-line) 68%,transparent);border-radius:999px;margin:22px 0 9px;overflow:hidden}.tp-strength__bar span{display:block;height:100%;background:var(--tp-accent);border-radius:inherit;transition:width .25s ease}.tp-strength__note{color:var(--tp-muted);font-size:12px}.tp-strength__list{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid var(--tp-line)}.tp-strength__item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--tp-line)}.tp-strength__item-main{display:flex;align-items:flex-start;gap:10px;min-width:0}.tp-strength__dot{width:9px;height:9px;flex:none;border:2px solid var(--tp-accent);border-radius:50%;margin-top:5px}.tp-strength__item strong{font-size:14px}.tp-strength__points{color:var(--tp-accent);font:500 12px/1 var(--font-mono,monospace);margin-left:7px}.tp-strength__item p{color:var(--tp-muted);font-size:12px;line-height:1.45;margin-top:3px;max-width:560px}.tp-strength__action{border:1px solid var(--tp-ink);border-radius:var(--r-sm,6px);color:var(--tp-ink);font-size:12px;font-weight:600;padding:7px 10px;text-decoration:none;white-space:nowrap}.tp-strength__action:hover{background:var(--tp-ink);color:var(--surface-strong,#FBFAF6)}.tp-strength__done{margin-top:14px;border-top:1px solid var(--tp-line);padding-top:12px}.tp-strength__done summary{color:var(--tp-muted);cursor:pointer;font-size:12px;font-weight:600}.tp-strength__done ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:9px}.tp-strength__done li{align-items:center;color:var(--tp-muted);display:flex;gap:8px;font-size:12px}.tp-strength__check{align-items:center;background:var(--tp-success);border-radius:50%;color:#fff;display:inline-grid;font-size:10px;height:17px;justify-content:center;width:17px}.tp-strength__done .tp-strength__points{margin-left:auto}.tp-strength__complete{border-top:1px solid var(--tp-line);margin-top:18px;padding-top:16px;font-size:13px}.tp-strength__error{color:var(--danger,#B3261E);font-size:12px;margin-top:12px}.tp-strength--loading{display:grid;gap:12px}.tp-strength__skeleton{background:var(--tp-line);border-radius:5px;display:block;height:24px;opacity:.65}.tp-strength__skeleton--short{height:12px;width:55%}
.tp-connections-banner{align-items:center;background:var(--surface-strong,#F1F0EA);border:1px solid var(--line,var(--border,#E4E1D8));border-radius:var(--r-md,8px);color:var(--ink,#181713);display:flex;font-size:13px;gap:9px;margin:0 0 18px;padding:12px 14px}.tp-connections-banner:before{background:var(--accent,#D4521F);border-radius:50%;content:"";display:block;flex:none;height:8px;width:8px}
@media (max-width:600px){.tp-strength{padding:16px}.tp-strength__head{align-items:flex-start;gap:14px}.tp-strength__lead{font-size:13px}.tp-strength__ring{height:86px;width:86px}.tp-strength__ring:before{inset:7px}.tp-strength__ring strong{font-size:17px}.tp-strength__ring span{font-size:10px}.tp-strength__item{align-items:flex-start;gap:10px}.tp-strength__item-main{gap:8px}.tp-strength__item p{font-size:11px}.tp-strength__action{font-size:11px;padding:7px 8px}.tp-connections-banner{align-items:flex-start;font-size:12px}}