@font-face{font-family:Poppins Fallback;size-adjust:105%;ascent-override:95%;src:local("Arial")}:root{--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-tertiary: #252525;--text-primary: #ffffff;--text-secondary: #b3b3b3;--accent-color: #a763ff;--accent-hover: #9263ff;--success-color: #a472f5;--error-color: #ff3b30;--border-radius: 12px;--transition-speed: .3s}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;background-color:var(--bg-primary);color:var(--text-primary);font-family:Poppins,Poppins Fallback,sans-serif;transition:background-color var(--transition-speed) ease}body{line-height:1.6;font-weight:400;font-size:16px;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;text-transform:lowercase;letter-spacing:-.5px}a{color:var(--accent-color);text-decoration:none;transition:color var(--transition-speed) ease}a:hover{color:var(--accent-hover)}button{font-family:inherit;border:none;background:none;cursor:pointer;text-transform:lowercase;font-weight:500;transition:all var(--transition-speed) ease}button:disabled{opacity:.6;cursor:not-allowed}input,textarea{font-family:inherit}.app-container{width:100%;max-width:800px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem}.app-header{text-align:center;margin-bottom:2rem}.app-header h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(45deg,var(--accent-color),#c3aeff);-webkit-background-clip:text;background-clip:text;color:transparent}.app-header p{color:var(--text-secondary);max-width:400px;margin:0 auto}.generator-controls{width:100%;max-width:500px;margin-bottom:2rem}.button-container{display:flex;justify-content:center;gap:1rem;margin:1.5rem 0}.btn{padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:500;font-size:1rem;transition:all var(--transition-speed) ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #6c63ff4d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-outline{border:1px solid var(--accent-color);color:var(--accent-color);background-color:transparent}.btn-outline:hover:not(:disabled){background-color:#6c63ff1a}.console-container{width:100%;max-width:650px;position:relative;flex-shrink:0}.console-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:var(--bg-tertiary);border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.console-header .title{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.console-header .controls{display:flex;gap:.5rem}.console-output{display:block;width:100%;min-height:350px;max-height:80vh;height:350px;padding:1.25rem;background-color:var(--bg-secondary);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);font-family:Roboto Mono,monospace;font-size:.9rem;overflow-y:auto;text-align:left;border:1px solid var(--bg-tertiary);scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) var(--bg-secondary);box-shadow:0 4px 20px #0000004d;box-sizing:border-box;overflow-x:hidden}.console-output::-webkit-scrollbar{width:8px}.console-output::-webkit-scrollbar-track{background:var(--bg-secondary)}.console-output::-webkit-scrollbar-thumb{background-color:var(--bg-tertiary);border-radius:20px}.username{padding:.75rem 1rem;margin:.5rem 0;border-radius:var(--border-radius);font-family:Poppins,sans-serif;display:flex;justify-content:space-between;align-items:center;transition:all var(--transition-speed) ease}.username.available{background-color:#764cd91a;color:var(--success-color);border-left:3px solid var(--success-color)}.username.unavailable{background-color:#ff3b3026;color:var(--error-color);border-left:3px solid var(--error-color);text-decoration:none;opacity:.7}.username-text{font-weight:500}.copy-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;opacity:.7;transition:all var(--transition-speed) ease}.copy-btn:hover{opacity:1;color:var(--accent-color)}.status-msg{padding:.75rem 1rem;margin:.5rem 0;border-radius:var(--border-radius);background-color:var(--bg-tertiary);color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-speed) ease forwards}