@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--primary:#5d2fdc;--secondary:#c138df;--accent:#fbbe09;--highlight:#18b7fa;--bg:#07050f;--surface:#ffffff0a;--surface-hover:#ffffff12;--border:#ffffff14;--border-focus:#5d2fdcb3;--text:#ede9f8;--text-muted:#6b6180;--radius:12px;--radius-lg:18px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.6}.gradient-text{background:linear-gradient(135deg,#a78bfa 0%,var(--secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.orb{filter:blur(120px);pointer-events:none;z-index:0;opacity:.18;border-radius:50%;position:fixed}.orb-1{background:var(--primary);width:600px;height:600px;top:-200px;left:-150px}.orb-2{background:var(--secondary);opacity:.12;width:500px;height:500px;bottom:-150px;right:-100px}.gate-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.gate-card{z-index:1;-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);text-align:center;background:#ffffff0a;border-radius:24px;width:100%;max-width:400px;padding:52px 44px;position:relative;box-shadow:inset 0 0 0 1px #ffffff0a,0 32px 80px #00000080,0 0 80px #5d2fdc1f}.gate-lock{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 20px;font-size:22px;display:flex;box-shadow:0 8px 24px #5d2fdc66}.gate-card h1{letter-spacing:-.3px;margin-bottom:6px;font-size:1.45rem;font-weight:700}.gate-card>p{color:var(--text-muted);margin-bottom:32px;font-size:.875rem}.gate-input-row{gap:8px;display:flex}.gate-input-row input{border:1px solid var(--border);border-radius:var(--radius);color:var(--text);background:#ffffff0f;outline:none;flex:1;padding:11px 14px;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.gate-input-row input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #5d2fdc26}.gate-input-row input::placeholder{color:var(--text-muted)}.gate-error{color:#f87171;min-height:18px;margin-top:10px;font-size:.82rem}.app-wrapper{min-height:100vh;position:relative;overflow:hidden}.app-inner{z-index:1;max-width:720px;margin:0 auto;padding:64px 24px 80px;position:relative}.app-header{text-align:center;margin-bottom:48px}.app-logo{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 20px;font-size:24px;display:flex;box-shadow:0 8px 28px #5d2fdc59}.app-header h1{letter-spacing:-.6px;margin-bottom:10px;font-size:clamp(1.9rem,4vw,2.6rem);font-weight:800}.app-header p{color:var(--text-muted);font-size:.9rem}.glass-card{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffff0a;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,0 24px 60px #00000059}.main-card{margin-bottom:20px}.card-section{padding:22px 24px}.field-label{letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;font-size:.72rem;font-weight:600;display:block}.card-divider{background:var(--border);height:1px}.card-controls{align-items:flex-end;gap:12px;display:flex}.card-controls .select-wrap{flex:1}.card-controls .select-wrap label{letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:.72rem;font-weight:600;display:block}.char-hint{color:var(--text-muted);text-align:right;margin-top:8px;font-size:.75rem}textarea{width:100%;color:var(--text);resize:none;background:0 0;border:none;outline:none;min-height:180px;padding:0;font-family:inherit;font-size:.95rem;line-height:1.7}textarea::placeholder{color:var(--text-muted)}select{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);cursor:pointer;appearance:none;background-color:#1a1428;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%236b6180' d='M5 6L0 0h10z'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;outline:none;padding:10px 36px 10px 13px;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #5d2fdc26}select option{color:var(--text);background-color:#1a1428}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:10px 22px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:11px 28px;box-shadow:0 4px 20px #5d2fdc59}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 28px #5d2fdc80}.btn-copy{border:1px solid var(--border);color:var(--text-muted);background:#ffffff12;border-radius:8px;padding:6px 14px;font-size:.82rem}.btn-copy:hover:not(:disabled){color:var(--text);background:#ffffff1a;border-color:#ffffff29}.btn-copy.copied{color:#4ade80;background:#4ade8012;border-color:#4ade8066}.spinner{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:.65s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-card{animation:.3s cubic-bezier(.16,1,.3,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:16px 24px;display:flex}.result-label{letter-spacing:.8px;text-transform:uppercase;background:linear-gradient(135deg,#a78bfa,var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.72rem;font-weight:600}.result-body{padding:20px 24px}.result-text{color:var(--text);white-space:pre-wrap;word-break:break-word;font-family:Inter,monospace;font-size:.9rem;line-height:1.75}.error-box{color:#f87171;background:#f8717112;border-top:1px solid #f8717133;padding:14px 24px;font-size:.875rem}@media (max-width:540px){.app-inner{padding:48px 16px 60px}.card-section{padding:18px}.card-controls{flex-direction:column;align-items:stretch}.btn-primary{justify-content:center;width:100%}.gate-card{padding:40px 24px}}