.tool-card{padding:clamp(16px,3vw,28px)}.tabs{background:var(--page);border-radius:999px;flex-wrap:wrap;gap:6px;margin-bottom:24px;padding:4px;display:inline-flex}.tab{font:500 .9375rem var(--font);color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 20px}.tab:hover{color:var(--blue)}.tab.is-active{background:var(--blue);color:#fff}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px;font-size:.8125rem;font-weight:600;display:block}.label strong{color:var(--ink);margin-left:4px;font-size:.9375rem}.hint{color:var(--subtle);margin:6px 0 0;font-size:.8125rem;display:block}.error{color:var(--red);background:var(--red-soft);border-radius:var(--radius-s);padding:10px 14px;font-size:.875rem}.field{margin-bottom:20px;display:block}input[type=number],input[type=text],input[type=email],input[type=password],input[type=date],input[type=search],select,textarea{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);width:100%;min-height:40px;font:400 .9375rem var(--font);color:var(--text);padding:8px 12px}textarea{resize:vertical;min-height:80px}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);outline:none}.range{align-items:center;gap:12px;display:flex}.range input[type=range]{accent-color:var(--blue);flex:1}.range input[type=number]{flex:none;width:84px}.checks{border:0;margin:0 0 20px;padding:0}.check{cursor:pointer;align-items:center;gap:10px;padding:6px 0;font-size:.9375rem;display:flex}.check input{width:18px;height:18px;accent-color:var(--blue)}.check code{color:var(--muted);margin-left:auto;font-size:.8125rem}.pw-layout{gap:28px;display:grid}@media (width>=900px){.pw-layout{grid-template-columns:340px 1fr}}.policies{margin-bottom:20px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button,.formats button{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);min-height:36px;font:500 .8125rem var(--font);color:var(--ink);cursor:pointer;padding:0 12px;transition:border-color .15s,background .15s,color .15s}.chips button:hover,.formats button:hover{border-color:var(--blue);color:var(--blue)}.chips button.is-active,.formats button.is-active{background:var(--blue-soft);border-color:var(--blue);color:var(--blue-strong);box-shadow:inset 0 0 0 1px var(--blue)}.policy-list{flex-wrap:wrap;gap:6px;display:flex}.policy-list.chips button{min-height:30px;padding:0 10px;font-size:.75rem}.strength{border-radius:var(--radius-s);background:var(--page);padding:14px}.strength-bar{background:var(--line);border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.strength-bar span{border-radius:4px;height:100%;transition:width .2s;display:block}.strength--very-weak .strength-bar span,.strength--weak .strength-bar span{background:var(--red)}.strength--fair .strength-bar span{background:var(--amber)}.strength--strong .strength-bar span,.strength--very-strong .strength-bar span{background:var(--green)}.strength-text{color:var(--muted);font-size:.8125rem}.strength-text strong{color:var(--ink)}.results-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.export{flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;display:flex}.export .label{margin:0 4px 0 0}.pw-list{border:1px solid var(--line-soft);border-radius:var(--radius-s);counter-reset:pw;max-height:520px;margin:0;padding:0;list-style:none;overflow:auto}.pw-list li{border-bottom:1px solid var(--line-soft);counter-increment:pw;align-items:center;gap:12px;padding:8px 12px;display:flex}.pw-list li:before{content:counter(pw);min-width:2.5ch;color:var(--subtle);text-align:right;font-size:.75rem}.pw-list li:last-child{border-bottom:0}.pw-list code{word-break:break-all;min-width:0;color:var(--ink);flex:1;font-size:.9375rem}.copy{border:1px solid var(--line);background:var(--surface);font:500 .75rem var(--font);color:var(--muted);cursor:pointer;border-radius:6px;flex:none;padding:4px 10px}.copy:hover{color:var(--blue);border-color:var(--blue)}.privacy{color:var(--green);margin:14px 0 0;font-size:.8125rem}.btn.full{width:100%}.login{padding:clamp(20px,4vw,32px)}.login h2{margin-bottom:6px;font-size:1.375rem}.login .tabs{margin:4px 0 18px}.lead-s{color:var(--muted);font-size:.9375rem}.google{gap:10px}.or{color:var(--subtle);align-items:center;gap:12px;margin:16px 0;font-size:.8125rem;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}.switch{color:var(--muted);margin:16px 0 6px;font-size:.875rem}.linklike{font:inherit;color:var(--blue);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.dev-link{border-radius:var(--radius-s);background:var(--tint-amber);color:var(--amber);padding:10px 14px;font-size:.875rem}.account-page{justify-items:start;gap:20px;display:grid}.account-page .card{width:100%}.facts{grid-template-columns:auto 1fr;gap:6px 16px;margin:12px 0 18px;display:grid}.facts dt{color:var(--muted)}.facts dd{color:var(--ink);margin:0}.terms-note{text-align:center;margin:12px 0 0}.auth-card{background:var(--surface);border-radius:var(--radius-s);width:100%;max-width:440px;padding:28px 32px 30px;box-shadow:0 12px 80px #002c6d14}.auth-switch{border:1px solid var(--line);border-radius:var(--radius-s);grid-template-columns:1fr 1fr;gap:8px;padding:6px;display:grid}.auth-switch button{height:40px;color:var(--blue);font:500 .875rem var(--font);cursor:pointer;background:0 0;border:0;border-radius:6px}.auth-switch button.is-active{background:var(--blue);color:#fff}.auth-title{text-align:center;margin:22px 0 6px;font-size:1.25rem}.auth-text{color:var(--muted);margin:0 0 4px;font-size:.875rem}.auth-text.center{text-align:center}.auth-google{border-color:var(--line);gap:10px;height:44px;margin-top:16px}.auth-form{gap:12px;margin-top:16px;display:grid}.auth-form .hint{margin-top:-4px}.auth-input{align-items:center;display:flex;position:relative}.auth-input input{border-radius:var(--radius-s);background:var(--field-soft);width:100%;height:44px;font:inherit;border:1px solid #0000;padding:0 44px 0 42px;font-size:.9375rem}.auth-input input:focus{border-color:var(--blue);background:var(--surface);outline:none}.auth-icon{color:var(--subtle);pointer-events:none;position:absolute;left:14px}.auth-eye{width:34px;height:34px;color:var(--subtle);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:absolute;right:6px}.auth-eye:hover{color:var(--blue)}.auth-form .btn--primary{height:48px;margin-top:4px}.auth-card .switch,.auth-card>.hint{text-align:center}@media (width<=420px){.auth-card{padding:22px 18px 24px}}
