:root{--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"}html,body,#root{height:100%}body{font-family:var(--font-sans);background-color:#0f172a}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;color:#e5e7eb;background:radial-gradient(80% 120% at 50% 0%,#1f2937,#0b1220 60% 100%)}.card{width:100%;max-width:720px;background:#1e293b99;border:1px solid #374151;border-radius:16px;box-shadow:0 10px 30px #00000059;padding:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-header{margin-bottom:24px}.header-row{display:flex;align-items:center;gap:12px}.logo{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:10px;background:#22d3ee1f;border:1px solid rgba(34,211,238,.35);color:#22d3ee}.title{font-size:28px;font-weight:700;letter-spacing:-.02em}.subtitle{margin-top:4px;font-size:13px;color:#cbd5e1}.row{display:flex;gap:8px}.password-input{flex:1;border-radius:10px;background:#02061799;border:1px solid #374151;padding:10px 12px;color:#e5e7eb}.password-input::placeholder{color:#94a3b8}.btn{border-radius:10px;font-weight:600;padding:10px 14px;border:none;cursor:pointer;transition:background-color .15s ease}.btn-primary{background:#22d3ee;color:#0b1220}.btn-primary:hover{background:#67e8f9}.btn-primary:active{background:#06b6d4}.btn-secondary{background:#374151;color:#e5e7eb}.btn-secondary:hover{background:#475569}.btn-secondary:active{background:#64748b}.sections{margin-top:24px;display:flex;flex-direction:column;gap:24px}.section-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.label{font-size:13px;color:#cbd5e1}.label-strong{font-size:13px;font-weight:600;color:#e5e7eb}.strength-bar{height:8px;width:100%;background:#374151;border-radius:8px;overflow:hidden}.strength-bar-fill{height:100%;border-radius:8px;background:#ef4444;transition:width .2s ease}.strength-0{background:#ef4444}.strength-1{background:#f59e0b}.strength-2{background:#facc15}.strength-3{background:#22c55e}.strength-4{background:#10b981}.options{border-radius:12px;border:1px solid #374151;background:#02061766;padding:16px}.section-title{font-size:13px;font-weight:600;color:#e5e7eb;margin-bottom:12px}.options-content{display:flex;flex-direction:column;gap:16px}.option-row{display:flex;align-items:center;justify-content:space-between;color:#cbd5e1;font-size:13px;margin-bottom:6px}.value{color:#e5e7eb;font-weight:600}.range{width:100%;height:8px;background:#374151;border-radius:8px;appearance:none;cursor:pointer}.range::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:#22d3ee;border-radius:999px;border:2px solid #0b1220}.hint{margin-top:4px;font-size:12px;color:#94a3b8}.checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.check{display:inline-flex;align-items:center;gap:8px;font-size:14px}.check input{width:16px;height:16px;accent-color:#22d3ee}.footer-tip{padding-top:8px}.footer-tip p{font-size:12px;color:#94a3b8}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);opacity:0;transition:opacity .2s ease;pointer-events:none}.toast-visible{opacity:1}.toast-content{background:#020617e6;border:1px solid #374151;color:#e5e7eb;padding:8px 12px;font-size:13px;border-radius:10px;box-shadow:0 8px 20px #00000059}