:root{--bg:#f4f6fb;--card:#ffffff;--text:#1a1d24;--muted:#6c757d;--border:rgba(0, 0, 0, 0.06);--shadow:0 12px 40px rgba(15, 23, 42, 0.06);--field:#f8f9fc;--field-border:rgba(0, 0, 0, 0.08);--accent:#6366f1;--accent-hover:#4f52e0;--accent-soft:rgba(99, 102, 241, 0.12)}body.body-black{--bg:#0b0d12;--card:#161922;--text:#ececf1;--muted:#9aa0a6;--border:rgba(255, 255, 255, 0.07);--shadow:0 12px 40px rgba(0, 0, 0, 0.5);--field:#1f232d;--field-border:rgba(255, 255, 255, 0.08);--accent:#818cf8;--accent-hover:#6366f1;--accent-soft:rgba(129, 140, 248, 0.18)}body,html{background:var(--bg)}html.pre-dark{--bg:#0b0d12;--card:#161922;--text:#ececf1;--muted:#9aa0a6;--border:rgba(255, 255, 255, 0.07);--shadow:0 12px 40px rgba(0, 0, 0, 0.5);--field:#1f232d;--field-border:rgba(255, 255, 255, 0.08);--accent:#818cf8;--accent-hover:#6366f1;--accent-soft:rgba(129, 140, 248, 0.18)}*{box-sizing:border-box}body{color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;min-height:100vh}.top-bar{max-width:640px;margin:24px auto 8px;padding:0 16px;display:flex;justify-content:space-between;align-items:center}.logo{max-height:44px;cursor:pointer}.theme-btn{background:var(--card);border:1px solid var(--border);color:var(--text);width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.theme-btn:hover{background:var(--accent-soft);border-color:var(--accent)}.card-box{max-width:640px;margin:20px auto 40px;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:28px;box-shadow:var(--shadow);transition:background .25s ease,border-color .25s ease}.section-title{font-weight:600;font-size:1rem;margin-bottom:12px;color:var(--text)}.length-row{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center;margin-bottom:18px}.length-input{width:100%;height:46px;text-align:center;font-weight:700;font-size:1.1rem;background:var(--field);border:1px solid var(--field-border);color:var(--text);border-radius:12px;outline:0;transition:.2s}.length-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;background:var(--field);outline:0;border:1px solid var(--field-border)}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent);cursor:pointer;border:3px solid var(--card);box-shadow:0 2px 8px rgba(0,0,0,.2)}.slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--accent);cursor:pointer;border:3px solid var(--card)}.options-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.chip{padding:8px 14px;font-size:.85rem;border-radius:999px;border:1px solid var(--field-border);background:var(--field);color:var(--muted);cursor:pointer;user-select:none;transition:.15s}.chip:hover{border-color:var(--accent);color:var(--text)}.chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.btn-primary-custom{background:var(--accent);color:#fff;border:none;padding:12px;border-radius:12px;font-weight:600;cursor:pointer;transition:.2s}.btn-primary-custom:hover{background:var(--accent-hover)}.btn-ghost{background:0 0;color:var(--text);border:1px solid var(--field-border);padding:12px;border-radius:12px;font-weight:500;cursor:pointer;transition:.2s}.btn-ghost:hover{background:var(--field)}.pwd-row{display:flex;align-items:center;gap:0;background:var(--field);border:1px solid var(--field-border);border-radius:12px;padding:4px;margin-bottom:8px;transition:.15s}.pwd-row:hover{border-color:var(--accent)}.pwd-icon{width:38px;display:flex;justify-content:center;color:var(--muted);flex-shrink:0}.pwd-value{flex:1;background:0 0;border:none;outline:0;color:var(--text);font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:.92rem;padding:10px 6px;min-width:0;overflow:hidden;text-overflow:ellipsis}.copy-btn{background:0 0;border:none;color:var(--muted);font-weight:600;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:.85rem;transition:.15s;flex-shrink:0}.copy-btn:hover{background:var(--accent-soft);color:var(--accent)}.copy-btn.copied{color:#10b981}.info h4,.info h5{font-weight:600;margin-top:22px}.info p{color:var(--muted);line-height:1.6}.info a{color:var(--accent);text-decoration:none}.info a:hover{text-decoration:underline}#pullLayer{position:fixed;top:0;left:0;right:0;height:70px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text);transform:translateY(-100%);transition:transform .2s ease;z-index:9999;font-family:sans-serif}#pullLayer.active{transform:translateY(0)}#pullLayer.refreshing{transform:translateY(0)}@media (max-width:520px){.card-box{padding:20px;border-radius:16px}.length-row{grid-template-columns:90px 1fr;gap:12px}.pwd-value{font-size:.82rem}}