:root{font-family:system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;color:#e9eefb;background:#0a1020}*{box-sizing:border-box}body{margin:0;line-height:1.7}header{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#111b30;border-bottom:1px solid #2b3a52;padding:16px max(20px,calc((100vw - 1100px)/2))}header strong{font-size:19px}header small{display:block;color:#99a9c5}main{max-width:1100px;margin:30px auto;padding:0 18px 80px}.panel{border:1px solid #30415d;border-radius:18px;background:#131f34;padding:24px;margin:20px 0}h1{font-size:25px;margin:0 0 8px}p{color:#adbed5}label{display:block;margin:13px 0;font-weight:650}input,select,textarea{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #425574;border-radius:10px;background:#0c1729;color:#f4f6ff;font:inherit}textarea{min-height:90px;resize:vertical;direction:auto}button{background:#5377e9;color:white;border:0;border-radius:10px;padding:10px 16px;font:inherit;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.12)}button.secondary,.tab{background:#253653}.tab.active{background:#5377e9}nav,.actions{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.item{padding:18px;margin:13px 0;border:1px solid #344764;border-radius:12px;background:#101b2d}.item h2{font-size:19px;margin:0}.item small{color:#91a9cc}.item pre,.result textarea{width:100%;white-space:pre-wrap;overflow-wrap:anywhere;background:#081323;border:1px solid #32425d;border-radius:10px;color:#e4ebfa;padding:15px;font-size:12px;direction:ltr;text-align:left;max-height:420px;overflow:auto}.result textarea{min-height:270px;font-size:13px}#alert:not(:empty){border:1px solid #7b8cae;background:#20344d;padding:12px;border-radius:10px}#generated{margin-top:24px}.muted{font-size:13px;color:#a4b6d1}#login{max-width:480px;margin:60px auto}#userbar{display:flex;align-items:center;gap:10px;font-size:12px}button.danger{background:#9c3d53}@media(max-width:700px){.grid{grid-template-columns:1fr}header{padding:14px}header strong{font-size:15px}.panel{padding:16px}main{margin-top:10px}}

#signup,#join{max-width:500px;margin:40px auto}#login .secondary,#signup .secondary,#join .secondary{margin-top:14px}input[autocomplete='off']{direction:ltr;text-align:left}