@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-elevated:#1a1a26;--bg-glass:#ffffff08;--bg-glass-hover:#ffffff0f;--bg-glass-border:#ffffff14;--accent-primary:#8b5cf6;--accent-secondary:#a78bfa;--accent-glow:#8b5cf64d;--accent-gradient:linear-gradient(135deg, #8b5cf6 0%, #6d28d9 50%, #4c1d95 100%);--accent-gradient-hover:linear-gradient(135deg, #a78bfa 0%, #8b5cf6 50%, #6d28d9 100%);--text-primary:#f1f1f4;--text-secondary:#9494a8;--text-muted:#5c5c72;--text-accent:#c4b5fd;--success:#22c55e;--success-bg:#22c55e1a;--success-border:#22c55e40;--error:#ef4444;--error-bg:#ef44441a;--error-border:#ef444440;--warning:#f59e0b;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 40px var(--accent-glow);--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}.bg-pattern{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-pattern:before{content:"";background:radial-gradient(600px 600px at 20% 30%,#8b5cf614 0%,#0000 60%),radial-gradient(500px 500px at 80% 70%,#6d28d90f 0%,#0000 60%),radial-gradient(400px 400px,#4c1d950a 0%,#0000 60%);width:200%;height:200%;animation:30s ease-in-out infinite alternate bgDrift;position:absolute;top:-50%;left:-50%}@keyframes bgDrift{0%{transform:translate(0)rotate(0)}to{transform:translate(-30px,-20px)rotate(3deg)}}.bg-pattern:after{content:"";background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.page-container{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(24px);border:1px solid var(--bg-glass-border);border-radius:var(--radius-xl);width:100%;max-width:460px;box-shadow:var(--shadow-lg);animation:cardSlideUp var(--duration-slow) var(--ease-out) both;padding:40px}.glass-card--wide{max-width:560px}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.card-header{text-align:center;margin-bottom:36px}.card-logo{background:var(--accent-gradient);border-radius:var(--radius-md);width:56px;height:56px;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;margin:0 auto 16px;font-size:24px;animation:3s ease-in-out infinite logoPulse;display:flex}@keyframes logoPulse{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow), 0 0 60px #8b5cf626}}.card-title{letter-spacing:-.02em;color:var(--text-primary);font-size:22px;font-weight:700}.card-subtitle{color:var(--text-secondary);margin-top:4px;font-size:14px}.form-group{margin-bottom:20px}.form-label{color:var(--text-secondary);letter-spacing:.01em;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.form-input{background:var(--bg-secondary);border:1px solid var(--bg-glass-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--duration-normal) var(--ease-out);outline:none;padding:12px 16px;font-family:inherit;font-size:14px}.form-input:focus{border-color:var(--accent-primary);background:var(--bg-elevated);box-shadow:0 0 0 3px #8b5cf626}.form-input::placeholder{color:var(--text-muted)}.form-input--textarea{resize:vertical;min-height:100px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:13px;line-height:1.5}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent-gradient);color:#fff;width:100%;box-shadow:var(--shadow-sm), 0 0 20px #8b5cf633}.btn--primary:hover:not(:disabled){background:var(--accent-gradient-hover);box-shadow:var(--shadow-md), 0 0 30px #8b5cf64d;transform:translateY(-1px)}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--ghost{color:var(--text-secondary);background:0 0;padding:8px 16px;font-size:13px;font-weight:500}.btn--ghost:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.btn .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.alert{border-radius:var(--radius-md);animation:alertSlideIn var(--duration-normal) var(--ease-out) both;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}@keyframes alertSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.alert--success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success)}.alert--error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error)}.dashboard-container{z-index:1;min-height:100vh;padding:24px;position:relative}.dashboard-header{background:var(--bg-glass);-webkit-backdrop-filter:blur(24px);border:1px solid var(--bg-glass-border);border-radius:var(--radius-lg);max-width:560px;animation:cardSlideUp var(--duration-slow) var(--ease-out) both;justify-content:space-between;align-items:center;margin:0 auto 24px;padding:16px 24px;display:flex}.dashboard-brand{align-items:center;gap:12px;display:flex}.dashboard-brand-icon{background:var(--accent-gradient);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.dashboard-brand-text{color:var(--text-primary);font-size:15px;font-weight:600}.form-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(24px);border:1px solid var(--bg-glass-border);border-radius:var(--radius-xl);width:100%;max-width:560px;box-shadow:var(--shadow-lg);animation:cardSlideUp var(--duration-slow) var(--ease-out) both;margin:0 auto;padding:36px;animation-delay:.1s}.form-card-title{color:var(--text-primary);margin-bottom:4px;font-size:18px;font-weight:600}.form-card-subtitle{color:var(--text-secondary);margin-bottom:28px;font-size:13px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-hint{color:var(--text-muted);margin-top:6px;font-size:11px}.dashboard-content{grid-template-columns:1fr;gap:24px;max-width:1120px;margin:0 auto;padding-bottom:40px;display:grid}@media (min-width:1024px){.dashboard-content{grid-template-columns:1fr 1fr}}.dashboard-content .form-card{max-width:100%;margin:0}.history-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.btn--clear{color:var(--error);border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;padding:4px 8px;font-size:12px;font-weight:500}.btn--clear:hover{background:var(--error-bg);border-color:var(--error-border)}.empty-state{text-align:center;border:1px dashed var(--bg-glass-border);border-radius:var(--radius-lg);background:#ffffff03;flex-direction:column;justify-content:center;align-items:center;margin-top:10px;padding:40px 20px;display:flex}.empty-icon{opacity:.6;margin-bottom:12px;font-size:32px}.empty-text{color:var(--text-secondary);font-size:13px}.history-list{flex-direction:column;gap:16px;max-height:480px;margin-top:10px;padding-right:6px;display:flex;overflow-y:auto}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:0 0}.history-list::-webkit-scrollbar-thumb{background:var(--bg-glass-border);border-radius:3px}.history-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.history-item{background:var(--bg-secondary);border:1px solid var(--bg-glass-border);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out);padding:16px}.history-item:hover{border-color:var(--accent-primary);background:var(--bg-elevated);transform:translateY(-2px)}.history-item-header{border-bottom:1px solid var(--bg-glass-border);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.promo-badge{color:var(--text-accent);background:var(--accent-glow);border-radius:var(--radius-sm);letter-spacing:.05em;text-shadow:0 0 10px var(--accent-glow);border:1px solid #8b5cf64d;padding:4px 10px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:13px;font-weight:700}.btn--copy{background:var(--bg-glass);border:1px solid var(--bg-glass-border);color:var(--text-secondary);border-radius:var(--radius-sm);height:auto;padding:4px 10px;font-size:11px;font-weight:600}.btn--copy:hover{color:var(--text-primary);background:var(--bg-glass-hover);border-color:var(--accent-secondary)}.history-item-details{flex-direction:column;gap:8px;display:flex}.detail-row{align-items:flex-start;gap:8px;font-size:12px;display:flex}.detail-label{color:var(--text-muted);flex-shrink:0;width:70px;font-weight:500}.detail-value{color:var(--text-primary);word-break:break-all}code.detail-value{color:var(--text-accent);background:#0003;border-radius:4px;padding:2px 6px;font-family:SF Mono,Fira Code,monospace}@media (max-width:1023px){.dashboard-header{max-width:560px}}@media (max-width:600px){.glass-card,.form-card{padding:28px 20px}.dashboard-header{padding:12px 16px}.form-row{grid-template-columns:1fr}}