:root{--terminal-dark: #0a0a0a;--terminal-light: #1a1a1a;--primary: #00ff00;--primary-70: #00ff00b3;--primary-50: #00ff0080;--primary-30: #00ff004d;--bg-panel: #0a0a0a80;--font: "Space Mono", "Courier New", monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font);color:var(--primary);background:linear-gradient(to bottom,var(--terminal-dark),var(--terminal-light));min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}.nav{border-bottom:1px solid var(--primary-30);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nav-inner,.footer-inner,.container{width:min(720px,100% - 2rem);margin-inline:auto}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:4rem}.brand{font-size:1.25rem;font-weight:700}.brand:hover,.nav-links a:hover{color:var(--primary-70)}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:var(--primary-70);font-size:.875rem;transition:color .15s ease}.container{flex:1;padding:2rem 0 3rem}.header{margin-bottom:1.75rem}h1{font-size:clamp(1.5rem,4vw,2rem);margin:0 0 .75rem}.lead{margin:0;color:var(--primary-70);line-height:1.6}.cursor{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.panel{border:1px solid var(--primary-30);background:var(--bg-panel);border-radius:.25rem;padding:1.25rem;margin-bottom:1.25rem}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.field span,.utm legend,.final-url-label{color:var(--primary-70);font-size:.875rem}input{width:100%;background:var(--terminal-dark);border:1px solid var(--primary-30);border-radius:.25rem;color:var(--primary);font:inherit;padding:.65rem .75rem;outline:none}input:focus{border-color:var(--primary-50)}input::placeholder{color:var(--primary-50)}.utm{border:1px solid var(--primary-30);border-radius:.25rem;margin:0 0 1rem;padding:1rem}.utm legend{padding:0 .35rem}.actions{display:flex;flex-wrap:wrap;gap:.75rem}button{font:inherit;color:var(--terminal-dark);background:var(--primary);border:1px solid var(--primary);border-radius:.25rem;padding:.6rem .9rem;cursor:pointer;transition:opacity .15s ease,background .15s ease}button:hover:not(:disabled){background:#6f6}button:disabled{opacity:.35;cursor:not-allowed}.result{text-align:center}.final-url-label{margin:0 0 .5rem;text-align:left}.final-url{margin:0 0 1.25rem;text-align:left;word-break:break-all;color:var(--primary);min-height:1.5rem}#qr-canvas{margin:0 auto 1rem;background:#fff;padding:.75rem;border-radius:.25rem;image-rendering:pixelated}.status{margin:0;min-height:1.25rem;color:var(--primary-70);font-size:.875rem}.footer{border-top:1px solid var(--primary-30);padding:2rem 0}.footer-inner{color:var(--primary-70)}.footer-inner p{margin:0}