@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Rajdhani:wght@400;600;700&display=swap";:root{--bg:#07090f;--bg2:#0d1117;--bg3:#141b24;--border:#1e2a38;--cyan:#00e5c8;--cyan-dim:#00896040;--amber:#ffb400;--red:#ff4d6d;--green:#39ff7a;--text:#c9d6e3;--text-dim:#738093;--mono:"Share Tech Mono", "Courier New", monospace;--ui:"Rajdhani", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--ui);background-image:linear-gradient(#00e5c808 1px,#0000 1px),linear-gradient(90deg,#00e5c808 1px,#0000 1px);background-size:40px 40px;min-height:100vh;padding:2rem 1rem;font-size:16px}#root{display:contents}.container{max-width:780px;margin:0 auto}header{border-left:3px solid var(--cyan);margin-bottom:2.5rem;padding-left:1.2rem}.header-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem 1.5rem;display:flex}.header-copy{flex:320px}header h1{font-family:var(--mono);color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;font-size:1.5rem}header p{color:var(--text-dim);font-size:.9rem;font-family:var(--mono);max-width:42rem;margin-top:.3rem}.language-switcher{border:1px solid var(--border);background:linear-gradient(#141b24f5,#090e14eb);border-radius:4px;min-width:240px;padding:.85rem .95rem .95rem;position:relative;box-shadow:inset 0 0 0 1px #00e5c80d}.language-switcher:before{content:"";background:linear-gradient(90deg, var(--cyan), transparent 72%);opacity:.8;width:100%;height:2px;margin-bottom:.75rem;display:block}.language-switcher-label{font-family:var(--mono);color:var(--text-dim);letter-spacing:.18em;text-transform:uppercase;margin-bottom:.65rem;font-size:.66rem}.language-switcher-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.language-option{border:1px solid var(--border);color:var(--text);cursor:pointer;background:linear-gradient(#141b24e6,#0a0f16f2);border-radius:3px;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .8rem;transition:border-color .2s,color .2s,background .2s,transform .2s;display:flex}.language-option:hover,.language-option:focus-visible{border-color:var(--cyan);color:var(--cyan);outline:none;transform:translateY(-1px)}.language-option.active{border-color:var(--cyan);color:var(--cyan);background:linear-gradient(#00e5c82e,#0089601f);box-shadow:inset 0 0 0 1px #00e5c80d,0 0 18px #00e5c814}.language-option-code{font-family:var(--mono);letter-spacing:.16em;font-size:.74rem}.language-option-name{font-family:var(--ui);text-align:left;flex:1;font-size:.96rem;font-weight:700}@media (width<=620px){.language-switcher{width:100%}}.notice{border:1px solid #1a3a20;border-left:3px solid var(--green);font-family:var(--mono);color:#78c88f;background:#0d1a10;margin-bottom:2rem;padding:.8rem 1rem;font-size:.78rem;line-height:1.6}.notice strong{color:var(--green)}.card{background:var(--bg2);border:1px solid var(--border);border-radius:4px;margin-bottom:1.5rem;padding:1.5rem;position:relative}.card-title{font-family:var(--mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem;font-size:.75rem}.card-title span{color:var(--cyan);margin-right:.5rem}.input-wrap{align-items:center;display:flex;position:relative}.app-input{background:var(--bg3);border:1px solid var(--border);width:100%;color:var(--cyan);font-family:var(--mono);caret-color:var(--cyan);border-radius:3px;outline:none;padding:.9rem 1rem;font-size:1.1rem;transition:border-color .2s}.app-input:focus{border-color:var(--cyan)}.app-input::placeholder{color:var(--text-dim);letter-spacing:.05em;font-size:.9rem}.app-input--password{letter-spacing:.08em;padding-right:3rem}.app-input--compact{width:8rem;padding:.45rem .6rem;font-size:.95rem}.select-wrap{position:relative}.app-input--select{appearance:none;cursor:pointer;padding-right:2.6rem}.select-caret{color:var(--text-dim);font-family:var(--mono);pointer-events:none;transition:color .2s;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.select-wrap:focus-within .select-caret{color:var(--cyan)}#toggleVis{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:.3rem;font-size:1.1rem;line-height:1;transition:color .2s;position:absolute;right:.8rem}#toggleVis:hover,#toggleVis:focus-visible{color:var(--cyan);outline:none}.strength-bar-bg{background:var(--bg3);border-radius:2px;height:6px;margin-top:.8rem;overflow:hidden}.strength-bar-fill{border-radius:2px;width:0%;height:100%;transition:width .3s,background .3s}.score-row{font-family:var(--mono);justify-content:space-between;align-items:center;margin-top:.6rem;font-size:.8rem;display:flex}.score-label{color:var(--text-dim)}.score-value{letter-spacing:.1em;font-weight:700}.metrics-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem;display:grid}@media (width<=520px){.metrics-grid{grid-template-columns:1fr}}.metric-box{background:var(--bg3);border:1px solid var(--border);border-radius:3px;padding:.8rem 1rem}.metric-label{font-family:var(--mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.4rem;font-size:.68rem}.metric-value{font-family:var(--mono);color:var(--cyan);font-size:1rem;font-weight:700}.metric-sub{font-family:var(--mono);color:var(--text-dim);margin-top:.2rem;font-size:.7rem}.crack-table{border-collapse:collapse;width:100%;font-family:var(--mono);margin-top:.5rem;font-size:.82rem}.crack-table th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--border);padding:.5rem .8rem;font-size:.68rem;font-weight:400}.crack-table td{vertical-align:middle;border-bottom:1px solid #141b2460;padding:.6rem .8rem}.crack-table tr:last-child td{border-bottom:none}.crack-table .scenario{color:var(--text);font-size:.8rem}.crack-table .rate{color:var(--text-dim);font-size:.72rem}.crack-table .crack-time{color:var(--amber);text-align:right;font-size:.88rem}.crack-table .crack-time.safe{color:var(--green)}.crack-table .crack-time.danger{color:var(--red)}.feedback-list{margin-top:.5rem;list-style:none}.feedback-list li{font-family:var(--mono);color:var(--amber);padding:.3rem 0 .3rem 1rem;font-size:.78rem;line-height:1.5;position:relative}.feedback-list li:before{content:"▸";color:var(--red);position:absolute;left:0}.feedback-list li.ok{color:var(--green)}.feedback-list li.ok:before{color:var(--green);content:"✓"}.charset-row{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.charset-tag{font-family:var(--mono);border:1px solid var(--border);color:var(--text-dim);background:var(--bg3);border-radius:2px;padding:.25rem .6rem;font-size:.7rem;transition:all .2s}.charset-tag.active{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-dim)}.hibp-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.btn-hibp{border:1px solid var(--cyan);color:var(--cyan);font-family:var(--mono);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;background:0 0;border-radius:3px;padding:.6rem 1.2rem;font-size:.8rem;transition:all .2s}.btn-hibp:hover:not(:disabled),.btn-hibp:focus-visible:not(:disabled){background:var(--cyan);color:var(--bg);outline:none}.btn-hibp:disabled{opacity:.3;cursor:not-allowed}.hibp-result{font-family:var(--mono);flex:1;font-size:.82rem}.hibp-result.safe{color:var(--green)}.hibp-result.danger{color:var(--red)}.hibp-result.loading{color:var(--text-dim)}.hibp-result.error{color:var(--amber)}.hibp-note{font-family:var(--mono);color:var(--text-dim);margin-top:.6rem;font-size:.7rem;line-height:1.5}.placeholder-text{font-family:var(--mono);color:var(--text-dim);text-align:center;padding:1.5rem;font-size:.8rem}.mini-note{font-family:var(--mono);color:var(--amber);margin-top:.7rem;font-size:.7rem;line-height:1.5}footer{font-family:var(--mono);color:var(--text-dim);text-align:center;margin-top:2rem;font-size:.7rem;line-height:1.8}footer a{color:var(--cyan);text-decoration:none}