body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dark{--bg:#17181e;--card:#dbd9f422;--text:#fff;--border:#e7875e86;--input-bg:#dedffb37;--button:#3c4058eb;--button-hover:#3c8540;--box-shadow:0px -30px 500px -5px #c849002b;--theme-toggle-hover:#353b5d;--border-result:1px solid #7d9d77f8;--border-button:1px solid #a6a6a680;--placeholder:silver;--color-h5:#ffd4a7;--shield-shadow:drop-shadow(0 0 3px #fff);--setting-shadow:0px 0px 3px 0px #ffffffef;--color-lock:#ffaa65ce;--color-sparkles:#ff8f62;--color-btn-lng:#0041c3;--accent-color:#c5c5c5;--text-main:#cbcbcb;--card-bg:#232323;--accent-color:#e5d0ad;--color-phrase:#ffc489}.light{--bg:#a6a6b49b;--card:#fdfdfd6f;--text:#2a2a2a;--border:#6913044e;--input-bg:#fff;--button:#9fa3b894;--button-hover:#56c05bb9;--box-shadow:0px -30px 500px -5px #ff9d0039;--theme-toggle-hover:#a5a8c0;--border-result:1px solid #3c8540;--border-button:1px solid #777;--placeholder:#626262;--color-h5:#a56a4e;--shield-shadow:drop-shadow(0 0 3px #000);--setting-shadow:0px 0px 3px 0px #0006;--color-lock:#95490bce;--color-sparkles:#fea887;--color-btn-lng:#0036a1;--accent-color:#343434;--text-main:#474747;--card-bg:#caccd1;--accent-color:#1b1b1b;--color-phrase:#fefbc0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button,input,textarea{font-family:inherit}.title-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:10px;margin-top:0}.title-icon{filter:var(--shield-shadow);height:100px;margin-bottom:0;object-fit:contain;transition:transform .3s ease;width:100px}.title-icon:hover{transform:scale(1.2)}.title-text{font-size:inherit;font-size:1.3rem;font-weight:600;line-height:1.2;margin:0;text-align:center}.app-container{box-sizing:border-box;margin:0 auto;max-width:min(364px,100vw - 24px);padding:12px max(12px,env(safe-area-inset-left,0px)) 24px max(12px,env(safe-area-inset-right,0px));width:100%}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.card{background:var(--card);border-radius:12px;box-shadow:var(--box-shadow);display:flex;flex-direction:column;gap:20px;margin-bottom:15px;padding:20px}h1{font-size:24px;margin-bottom:10px}h1,h2{margin-top:0;text-align:center}h2{font-size:18px;margin-bottom:5px}h5{color:var(--color-h5);font-size:14px;line-height:1.4;margin-bottom:3px;margin-top:10px;text-align:center}.length-range{color:grey;display:block;font-size:12px;font-weight:400;margin-top:2px}p{margin:8px}.app-container{transition:opacity .3s ease,filter .3s ease}.blur-content{filter:none!important;opacity:.3;pointer-events:none;-webkit-user-select:none;user-select:none}.dark .blur-content{filter:brightness(.5)}.generator-card{position:relative}.header-controls{align-items:flex-end;display:flex;flex-direction:column;position:absolute;right:21px;top:15px;z-index:1000}.menu-toggle{-webkit-tap-highlight-color:transparent;align-items:center;background:none!important;border:none;cursor:pointer;display:flex;font-size:18px;height:37px;justify-content:center;outline:none;transition:transform .3s ease;width:37px;will-change:transform}.header-controls.open .menu-toggle{transform:rotate(90deg)}.controls-content{align-items:center;background:var(--bg);border:1px solid var(--border-button);border-radius:12px;box-shadow:var(--setting-shadow);display:flex;flex-direction:column;opacity:0;padding:9px 8px;position:absolute;right:-4px;top:34px;transform:translateY(-5px);transition:all .2s ease-in-out;visibility:hidden}.header-controls.open .controls-content{opacity:1;transform:translateY(0);visibility:visible}.lang-switcher{align-items:center;border-bottom:1px solid #7878784d;display:flex;flex-direction:column;gap:8px;margin-bottom:8px;padding-bottom:8px;width:100%}.lang-btn,.theme-toggle{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:var(--border-button);border-radius:6px;color:var(--text);cursor:pointer;display:flex;font-size:14px;font-weight:700;height:30px;justify-content:center;opacity:1;outline:none;padding:0;transition:all .2s ease;width:30px}.lang-btn.active{background:#c4cae5d3;color:var(--color-btn-lng);opacity:1}.light .lang-btn:not(.active){background:none;border-color:#00000026;color:#3b3b3b}.light .lang-btn:not(.active):hover{background:var(--button-hover)}.theme-toggle{background:none;font-size:20px;opacity:1}.theme-toggle:hover{background:var(--button-hover)}.light .controls-content{background:#f6f6f6}.passphrase-status-text{-webkit-tap-highlight-color:transparent;align-items:center;color:#848484;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:8px;margin:0;outline:none;-webkit-user-select:none;user-select:none}.status-off{color:#db4848;font-weight:600}.status-on{color:#28a745;font-weight:600}.passphrase-status-text span{transition:color .3s ease}.passphrase-row{align-items:center;display:flex;justify-content:space-between;margin:5px auto 0;max-width:300px;position:relative}.info-icon{-webkit-tap-highlight-color:transparent;align-items:center;background:none;color:#6195ff;cursor:pointer;display:inline-flex;font-size:1.5rem;font-weight:700;margin-left:-25px;outline:none;transition:transform .15s cubic-bezier(.175,.885,.32,1.275);-webkit-user-select:none;user-select:none}.info-icon:hover{background:none;transform:scale(1.5)}.info-icon:active{transform:scale(1.9)}.tooltip-wrapper{display:inline-flex;position:relative}.custom-tooltip{background:#333;border-radius:8px;bottom:140%;box-shadow:0 0 3px 0 #ffffffef;color:#fff;font-size:.75rem;line-height:1.3;max-width:175px;padding:8px;pointer-events:none;position:absolute;right:0;text-align:center;transform:none;white-space:normal;width:max-content;z-index:1000}@keyframes flash-animation{0%{filter:brightness(1) drop-shadow(0 0 0 transparent);transform:scale(1)}50%{filter:brightness(1.5) drop-shadow(0 0 20px #fefbc0);transform:scale(2)}to{filter:brightness(1.5) drop-shadow(0 0 3px #ff3300b9);transform:scale(1)}}.animate-flash{animation:flash-animation .3s cubic-bezier(.175,.885,.32,1.275) forwards;display:inline-block}.passphrase-label-group span:first-child{color:#848484;color:var(--text-secondary,#848484);transition:color .3s ease,text-shadow .3s ease}.passphrase-row.clickable:hover .passphrase-label-group span:first-child{color:var(--color-phrase);text-shadow:0 0 8px #ff3300b9}@keyframes pulse-horizontal{0%{filter:brightness(1.5) drop-shadow(0 0 3px #ff3300b9);opacity:.8;transform:translateX(0)}50%{filter:brightness(1.5) drop-shadow(0 0 3px #ff3300b9);opacity:1;transform:translateX(-5px)}to{filter:brightness(1.5) drop-shadow(0 0 3px #ff3300b9);opacity:.8;transform:translateX(0)}}.pointer-arrow-animate{align-items:center;animation:pulse-horizontal 1s ease-in-out infinite;display:flex}button{-webkit-tap-highlight-color:transparent;background:var(--button);border:var(--border-button);border-radius:8px;color:var(--text);cursor:pointer;font-weight:600;outline:none;padding:8px;transition:all .2s ease;width:100%}button:hover{background:var(--button-hover)}button:active{transform:scale(.97)}button:disabled{background:#555;cursor:not-allowed}.toggle-group{-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column;font-size:15px;gap:8px;margin:8px auto 14px;max-width:300px;outline:none;position:relative}.toggle{align-items:center;display:flex;justify-content:space-between}.switch{border-radius:10px;height:22px;position:relative;width:40px}.switch input{height:0;opacity:0;width:0}.slider{background:#888;border-radius:20px;cursor:pointer;inset:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background:#fff;border-radius:50%;content:"";height:16px;left:3px;top:13.5%;width:16px}.switch input:checked+.slider{background:#3c8540}.switch input:checked+.slider:before{transform:translateX(18px)}input{-webkit-tap-highlight-color:transparent;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:var(--text);font-size:16px;height:37px;margin-top:5px;outline:none;padding:8px;text-align:center;transition:all .2s ease;width:100%}input:focus{box-shadow:var(--box-shadow);outline:none}.password-display-wrapper{align-items:center;display:flex;position:relative;width:100%}.generated-password{align-items:center;background:var(--input-bg);border:var(--border-result);border-radius:8px;display:flex;font-size:16px!important;font-weight:600;justify-content:center;margin-bottom:12px;margin-top:12px;min-height:20px;padding:10px 40px;text-align:center;width:100%;word-break:break-all}.generated-password.is-masked{-webkit-text-security:disc!important;text-security:disc!important;-webkit-user-select:none;user-select:none}.password-display-wrapper .password-visibility-toggle{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;opacity:.6;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:opacity .2s}.password-display-wrapper .password-visibility-toggle:hover{opacity:1}.result{font-size:12px;margin-top:0;text-align:left}.analysis-results-wrapper{min-height:1px;overflow:hidden;width:100%}.analyzer-header-wrapper{margin-bottom:10px}.input-wrapper{position:relative;width:100%}.input-wrapper input{padding-left:0}.progress-bar{background:var(--input-bg);border-radius:6px;height:5px;margin-bottom:10px;margin-top:10px;overflow:hidden;width:100%}textarea

.progress-fill{border-radius:6px;height:100%;transition:width .4s ease}.input-wrapper--password-toggle{-webkit-tap-highlight-color:transparent;align-items:flex-start;align-items:stretch;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;box-sizing:border-box;display:flex;margin-bottom:12px;margin-top:5px;min-height:35px;outline:none;overflow:visible;position:relative;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;width:100%}.input-wrapper--password-toggle:focus-within{box-shadow:var(--box-shadow)}#password-analyzer-input{background:#0000;border:none;border-radius:6px;box-sizing:border-box;color:var(--text);display:block;flex:1 1;font-family:inherit;font-size:16px!important;font-weight:600!important;line-height:20px!important;max-height:280px;min-height:35px;outline:none;padding:10px 40px;text-align:center;transition:none!important;vertical-align:top;width:100%;word-break:break-all}#password-analyzer-input:focus{outline:none}.password-visibility-toggle{align-items:center!important;background:#0000!important;border:none!important;border-radius:6px!important;color:var(--text)!important;cursor:pointer!important;display:flex!important;height:32px!important;justify-content:center!important;margin:0!important;opacity:.5;padding:0!important;position:absolute!important;right:4px!important;top:50%!important;transform:translateY(-50%)!important;transition:all .2s ease!important;width:32px!important;z-index:10!important}.password-visibility-toggle:hover{opacity:1!important}.password-visibility-toggle:active{transform:translateY(-50%) scale(.9)!important}.password-visibility-toggle:focus{outline:none!important}.password-analyzer-container{display:flex;flex-direction:column;position:relative;width:100%}.char-counter{align-self:flex-end;color:var(--text);font-family:monospace;font-size:11px;margin-bottom:8px;margin-top:-8px;opacity:.6;padding-right:4px;pointer-events:none;text-align:right}.char-counter--limit{color:#ff4d4f;font-weight:700;opacity:1}.analyzer-header-wrapper{align-items:center;display:flex;justify-content:center;margin-bottom:15px;position:relative;width:100%}.analyzer-header-wrapper h2{margin:0}.paste-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:0 solid;cursor:pointer;display:flex;font-size:18px;height:35px;justify-content:center;outline:none;position:absolute;right:2px;top:-20%;transition:transform .15s cubic-bezier(.175,.885,.32,1.275);width:35px}.paste-btn:hover{background:none;transform:scale(1.3)}.paste-btn:active{transform:scale(1.7)}#password-analyzer-input::placeholder,input::placeholder,textarea::placeholder{color:var(--placeholder)!important;font-family:inherit!important;font-size:16px!important;font-style:italic!important;font-weight:300!important;opacity:.7!important;text-align:center!important}#password-analyzer-input:focus::placeholder,input:focus::placeholder,textarea:focus::placeholder{color:#0000!important;opacity:0!important}.is-masked{-webkit-text-security:disc!important;text-security:disc!important;user-select:none;-webkit-user-select:none;-moz-user-select:none}.password-visibility-toggle{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text);cursor:pointer;display:flex;height:32px;justify-content:center;opacity:.6;outline:none;position:absolute;right:6px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:32px;z-index:5}.password-visibility-toggle:hover{background:#0000000d;opacity:1}.password-visibility-toggle:active{transform:translateY(-50%) scale(.95)}#password-analyzer-input{overflow:hidden!important;padding-left:40px;padding-right:40px;resize:none}.spin-animation{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.analyzer-footer{border-top:1px solid var(--border);flex-direction:column;margin-top:15px;padding-top:0}.analyzer-footer,.leak-warning{align-items:center;display:flex;width:100%}.leak-warning{box-sizing:border-box;color:#d93e3e;font-size:.85rem;font-weight:600;justify-content:center;margin-top:8px;padding:10px 40px;position:relative;text-align:center}.leak-warning-icon{color:#db8401;height:20px;left:15px;position:absolute;top:50%;transform:translateY(-50%);width:20px}@keyframes flash-red{0%{box-shadow:0 0 0 0 #f000}50%{border-color:#ff4d4d;box-shadow:0 0 15px 5px #ff4d4d80}to{box-shadow:0 0 0 0 #f000}}.input-leaked{animation:flash-red .6s ease-in-out;border-color:#c12828!important}.btn-deep-check{background:#2c7cfd96;border:var(--border-button);border-radius:6px;cursor:pointer;font-size:.75rem;margin-top:8px;padding:8px 12px;transition:all .2s}.btn-deep-check:hover:not(:disabled){background:#0a68ffca;color:var(--text)}.btn-deep-check:disabled{cursor:not-allowed;opacity:.5}@keyframes flash-green{0%{box-shadow:0 0 0 0 #0f00}50%{border-color:#28a745;box-shadow:0 0 15px 5px #28a74580}to{box-shadow:0 0 0 0 #0f00}}.input-safe{animation:flash-green .6s ease-in-out;border-color:#218838!important}.leak-safe{color:#28a745}.leak-error-hibp,.leak-safe{font-size:.85rem;font-weight:600;margin-top:8px;text-align:center}.leak-error-hibp{align-items:center;box-sizing:border-box;color:#db8401;display:flex;justify-content:center;line-height:1.35;padding:10px 40px;position:relative;width:100%}.leak-error-icon{color:#db8401;height:20px;left:24px;position:absolute;top:50%;transform:translateY(-50%);width:20px}.state-leaked{border-color:#d93e3e!important;box-shadow:0 0 8px 2px #d93e3e33!important}.state-safe{border-color:#28a745!important;box-shadow:0 0 8px 2px #28a74533!important}@media (min-width:480px){#password-analyzer-input{font-size:14px}}.clipboard-secure-panel{margin-top:12px;width:100%}.clipboard-secure-bar-wrap{background:var(--input-bg);border:1px solid var(--border);border-radius:4px;height:4px;overflow:hidden}.clipboard-secure-bar-fill{background:linear-gradient(90deg,#3c8540,#56c05b);border-radius:4px;height:100%;transition:width 1s linear}.clipboard-secure-text{color:var(--placeholder);font-size:.75rem;line-height:1.3;margin:6px 0 0;text-align:center}.clipboard-secure-text strong{color:var(--text);font-weight:700}.app-footer{border-top:1px solid #6262629b;margin-top:20px;padding:10px 0;width:100%}.footer-links{display:flex;flex-wrap:wrap;gap:3px;justify-content:center}.footer-links button{background:none;border:none;color:#656565;color:var(--text-secondary,#656565);cursor:pointer;font-size:.85rem;padding:5px 10px;transition:color .2s}.footer-links button:hover{color:var(--accent-color)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.modal-content{background:var(--card-bg);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 40px #0006;display:flex;flex-direction:column;max-height:65vh;max-width:400px;padding:15px 15px 65px;position:relative;width:90%}.modal-close{align-items:center;background:var(--button);border:var(--border-button);bottom:10px;color:var(--text);cursor:pointer;display:flex;gap:1px;justify-content:center;left:5%;position:absolute;right:15px;width:90%}.modal-close span{font-size:16px;font-weight:500}.modal-body{color:var(--text-main);line-height:1.6;margin-top:15px;overflow-y:auto;padding-right:10px}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.modal-blur{filter:blur(8px);pointer-events:none}