:root{color:#14212a;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7f5;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #168373}a{color:inherit}.shell{max-width:1160px;margin:auto;padding:0 28px}.topbar{border-bottom:1px solid #dce4e0;justify-content:space-between;align-items:center;height:86px;display:flex}.brand{letter-spacing:-.035em;align-items:center;gap:11px;font-size:20px;font-weight:790;text-decoration:none;display:flex}.brand-mark{color:#fff;background:#133b35;border-radius:10px;place-items:center;width:34px;height:34px;font-size:23px;display:grid;position:relative}.brand-mark span{color:#79d8a4;position:absolute;bottom:-7px;right:1px}.small-button{background:0 0;border:1px solid #b9c9c2;border-radius:8px;padding:8px 13px;font-weight:700}.hero{max-width:770px;padding:75px 0 43px}.eyebrow,.section-kicker{letter-spacing:.16em;color:#327566;text-transform:uppercase;font-size:11px;font-weight:800}.hero h1{letter-spacing:-.065em;margin:17px 0 21px;font-size:clamp(38px,5.5vw,67px);font-weight:760;line-height:1.08}.lead{color:#52625d;max-width:640px;margin:0;font-size:18px;line-height:1.6}.workspace{background:#fff;border:1px solid #d9e4df;border-radius:19px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 16px 45px #214b3910}.entry,.analysis{padding:38px}.entry{border-right:1px solid #e3ebe6}.entry-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;font-size:15px;font-weight:700;display:flex}.privacy-badge{color:#146947;white-space:nowrap;background:#e5f5e9;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:12px;font-weight:700;display:flex}.badge-dot{background:#229362;border-radius:50%;width:7px;height:7px}.input-row{background:#fff;border:1px solid #aabeb5;border-radius:10px;min-height:58px;display:flex;overflow:hidden}.input-row:focus-within{box-shadow:0 0 0 3px #a3dbc6}.input-row input{background:0 0;border:0;flex:1;min-width:0;padding:0 15px;font-size:17px;outline:0!important}.input-button{color:#236b59;background:0 0;border:0;padding:0 10px;font-size:13px;font-weight:700}.input-button:hover{background:#edf6f1}.privacy-note{color:#66766f;margin:13px 0 37px;font-size:13px;line-height:1.55}.privacy-note p{margin:0}.privacy-note ul{gap:6px;margin:6px 0 0;padding-left:18px;display:grid}.mode-row{justify-content:space-between;align-items:center;gap:15px;font-size:14px;font-weight:700;display:flex}.segmented{background:#edf2ef;border-radius:10px;gap:3px;padding:4px;display:flex}.segmented button{color:#556a60;background:0 0;border:0;border-radius:7px;padding:9px 12px;font-size:13px}.segmented button[aria-pressed=true]{color:#153f34;background:#fff;box-shadow:0 1px 5px #163f3024}.wifi-note{color:#3b6756;background:#f0f7f4;border-top:1px solid #d8e7df;grid-column:1/-1;padding:17px 38px;font-size:14px;line-height:1.6}.wifi-note[hidden]{display:none}.analysis{min-height:305px}.empty{color:#5f7068;text-align:center;place-items:center;min-height:228px;margin:0;display:grid}.result-head{justify-content:space-between;align-items:start;gap:20px;display:flex}.result-head h2{letter-spacing:-.04em;margin:8px 0 22px;font-size:25px;line-height:1.2}.score-index{color:#27765c;font-size:15px;font-weight:750}.meter{background:#e9efeb;border-radius:10px;height:8px;overflow:hidden}.meter span{background:#c77361;border-radius:10px;height:100%;transition:width .2s;display:block}.meter span[data-score="2"]{background:#c6a04e}.meter span[data-score="3"],.meter span[data-score="4"]{background:#2f9b75}.result-head+.meter{margin-bottom:26px}.model{color:#67776f;font-size:12px;line-height:1.5}.divider{background:#e7ede9;height:1px;margin:24px 0}h3{margin:0 0 13px;font-size:17px}.patterns{gap:7px;margin:0 0 23px;padding:0;list-style:none;display:grid}.patterns li{background:#f5f8f5;border-radius:8px;justify-content:space-between;gap:15px;padding:10px 12px;font-size:13px;display:flex}.patterns span{color:#53685b;white-space:nowrap}.advice{border-left:3px solid #5aac82;padding:2px 0 2px 14px}.advice h3{margin:0 0 5px;font-size:14px}.advice p{color:#53685b;margin:0;font-size:13px;line-height:1.5}.hibp-section{background:#fff;border:1px solid #d9e4df;border-radius:15px;justify-content:space-between;gap:35px;margin:28px 0 70px;padding:30px 38px;display:flex}.hibp-section>div:first-child{max-width:670px}.story{max-width:770px;margin:64px 0 0}.story p,.story li{color:#506259;font-size:16px;line-height:1.65}.story-steps{gap:10px;padding-left:22px;display:grid}.story .story-outro{color:#14212a;font-weight:650}.faq details{border-top:1px solid #e7ede9;padding:12px 0}.faq summary{cursor:pointer;color:#14212a;font-weight:650}.faq details p{margin:8px 0 0}.hibp-section h2,.learn h2,.story h2{letter-spacing:-.04em;margin:9px 0;font-size:23px}.hibp-section p{color:#5b6a62;margin:0;font-size:14px;line-height:1.6}.hibp-section p+p{margin-top:10px}.hibp-actions{min-width:180px;max-width:280px}.primary-button{color:#fff;background:#163f35;border:0;border-radius:9px;width:100%;padding:14px 18px;font-weight:750}.primary-button:hover:not(:disabled){background:#255c49}.primary-button:disabled{opacity:.45;cursor:not-allowed}.hibp-actions p{color:#2c5949;margin-top:12px}.learn{margin:0 0 74px}.learn-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:19px;display:grid}.learn-grid p{color:#506259;border-top:2px solid #a9d7bd;margin:0;padding:19px 0;font-size:15px;line-height:1.6}footer{color:#62746a;border-top:1px solid #dce4e0;justify-content:space-between;gap:20px;padding:27px 0 38px;font-size:13px;display:flex}footer nav{flex-wrap:wrap;gap:22px;display:flex}footer a{text-decoration:none}footer a:hover{text-decoration:underline}[hidden]{display:none!important}@media (width<=800px){.workspace{grid-template-columns:minmax(0,1fr)}.entry{border-bottom:1px solid #e3ebe6;border-right:0}.hero{padding-top:52px}.hibp-section{flex-direction:column}.hibp-actions{max-width:none}.learn-grid{grid-template-columns:1fr;gap:0}}@media (width<=520px){.shell{padding:0 18px}.topbar{height:70px}.hero{padding:43px 0 31px}.hero h1{font-size:39px}.lead{font-size:16px}.entry,.analysis{padding:24px}.entry-head,.mode-row{flex-direction:column;align-items:start}.hibp-section{margin-bottom:55px;padding:24px}footer{flex-direction:column}}@media (prefers-color-scheme:dark){:root{color:#eaf2eb;background:#101a18}.topbar,footer{border-color:#2b4037}.lead,.privacy-note,.hibp-section p,.story p,.story li,.learn-grid p,.advice p,footer{color:#acbdb1}.eyebrow,.section-kicker,.score-index{color:#9fd9b3}.workspace,.hibp-section{background:#17251f;border-color:#34493d}.story .story-outro,.faq summary{color:#eaf2eb}.faq details,.entry{border-color:#34493d}.input-row{background:#101a18;border-color:#4e6c59}.input-row input{color:#fff}.input-button{color:#9fd9b3}.input-button:hover{background:#254333}.segmented{background:#25362d}.segmented button{color:#b9cabd}.segmented button[aria-pressed=true]{color:#fff;background:#42694e}.patterns li{background:#23352a}.model,.patterns span,.empty{color:#a9b9ad}.divider{background:#34493d}.wifi-note{color:#d3ead9;background:#213b2f;border-color:#355843}.learn-grid p{border-color:#42694e}}.network-switch{color:#365f4d;cursor:pointer;align-items:center;gap:8px;margin-bottom:13px;font-size:13px;font-weight:650;display:flex}.network-switch input{accent-color:#176a4d;width:16px;height:16px}@media (prefers-color-scheme:dark){.network-switch{color:#b8d9bd}}.input-button .icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:22px;height:22px;display:block}.input-button{padding:0 16px}.icon .slash{display:none}#show[aria-pressed=true] .slash{display:inline}.times{gap:12px;margin:0 0 14px;display:grid}.times div{justify-content:space-between;align-items:baseline;gap:15px;display:flex}.times [hidden]{display:none}.times dt{color:#53685b;font-size:13px;line-height:1.45}.times dd{text-align:right;flex:none;max-width:48%;margin:0;font-size:19px;font-weight:750}.patterns p{color:#53685b;margin:3px 0 0;line-height:1.45}@media (prefers-color-scheme:dark){.times dt,.patterns p{color:#a9b9ad}}.story h3{margin:28px 0 8px}.chapter summary{cursor:pointer}.chapter summary h2{display:inline}.wifi-guide{border-top:1px solid #dce4e0;padding-top:35px}.wifi-guide .wifi-guide-sources{margin-top:29px;font-size:13px}.wifi-guide-sources a{text-underline-offset:2px;text-decoration:underline}@media (prefers-color-scheme:dark){.wifi-guide{border-color:#34493d}}.generator{background:#fff;border:1px solid #d9e4df;border-radius:15px;margin:64px 0 0;padding:30px 38px}.generator h2{letter-spacing:-.04em;margin:9px 0;font-size:23px}.generator>p{color:#506259;max-width:770px;font-size:15px;line-height:1.6}.gen-box{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin:22px 0 28px;display:grid}.gen-length{justify-content:space-between;font-size:14px;font-weight:700;display:flex}.gen-box input[type=range]{accent-color:#176a4d;width:100%;margin:12px 0 18px}.gen-password{word-break:break-all;background:#f5f8f5;border:1px solid #d9e4df;border-radius:10px;min-height:58px;padding:14px 16px;font:600 18px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:block}.gen-buttons{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}@media (width<=800px){.gen-box{grid-template-columns:minmax(0,1fr)}}@media (width<=520px){.generator{padding:24px}}@media (prefers-color-scheme:dark){.generator{background:#17251f;border-color:#34493d}.generator>p{color:#acbdb1}.gen-password{color:#eaf2eb;background:#23352a;border-color:#34493d}}