:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}body{margin:0;background:#0b0c10;color:#e8e8ea}.container{max-width:780px;margin:0 auto;padding:24px}h1{font-size:1.6rem;margin:8px 0 18px}.card{background:#14161d;border:1px solid #24283a;border-radius:14px;padding:18px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.row-right{display:flex;align-items:center;gap:10px}.pill{background:#1f2333;border:1px solid #2a2f45;padding:4px 10px;border-radius:999px}.grid{margin-top:14px;display:grid;grid-template-columns:1fr;gap:10px}@media (min-width: 720px){.grid{grid-template-columns:1fr 1fr}}.check{display:flex;gap:10px;align-items:center;-webkit-user-select:none;user-select:none}.actions{margin-top:14px;display:flex;gap:10px}button{border:1px solid #2a2f45;background:#2b2f44;color:#fff;padding:10px 12px;border-radius:10px;cursor:pointer}button.secondary{background:transparent}button:hover{filter:brightness(1.05)}.output{margin-top:14px;display:grid;gap:8px}#password{width:100%;font-size:1.05rem;padding:10px 12px;border-radius:10px;border:1px solid #2a2f45;background:#0f1118;color:#e8e8ea}.hint{color:#b6b7c0;margin:0;font-size:.95rem}.error{color:#ff9aa2;margin:0;min-height:1.2em}.brand{display:flex;align-items:center;gap:14px;margin:6px 0 16px}.logo{width:84px;height:84px;border-radius:22px;border:1px solid #2a2f45;background:#0f1118;box-shadow:0 10px 28px #00000073;filter:drop-shadow(0 10px 22px rgba(0,0,0,.45))}.brand-text{display:grid;gap:2px}.brand-title{font-size:1.35rem;font-weight:750;letter-spacing:.2px;line-height:1.1}.brand-subtitle{color:#b6b7c0;font-size:.95rem}footer.hint a,.hint a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(182,183,192,.35);padding-bottom:1px;transition:border-color .16s ease,opacity .16s ease}footer.hint a:hover,footer.hint a:focus-visible,.hint a:hover,.hint a:focus-visible{opacity:1;border-bottom-color:#e8e8eabf;outline:none}footer.hint a:active,.hint a:active{opacity:.85}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%) translateY(12px);opacity:0;pointer-events:none;background:#14161deb;border:1px solid #2a2f45;color:#e8e8ea;padding:12px 14px;border-radius:14px;box-shadow:0 14px 40px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .16s ease,transform .16s ease;min-width:260px;max-width:min(560px,calc(100vw - 24px));text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}