.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.app__inner{width:100%;max-width:520px;display:flex;flex-direction:column;gap:1.5rem}.app__header{text-align:center;display:flex;flex-direction:column;gap:.375rem}.app__brand{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 auto .25rem;padding:.375rem .75rem;background:var(--accent-soft);border-radius:999px;width:fit-content}.app__brand-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.app__title{font-size:clamp(2rem,5vw,2.75rem);line-height:1.1;font-weight:800;letter-spacing:-.02em;margin:0;color:var(--text-primary)}.app__title-accent{background:linear-gradient(135deg,var(--accent) 0%,#ec4899 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.app__subtitle{font-size:1rem;color:var(--text-secondary);margin:0}.card{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.75rem;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:1.25rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-label{font-size:.875rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.375rem}.input{width:100%;padding:.875rem 1rem;font-size:1rem;font-family:var(--font-sans);color:var(--text-primary);background:var(--surface-muted);border:1.5px solid var(--border);border-radius:var(--radius-md);transition:all .15s ease;outline:none}.input::placeholder{color:var(--text-muted)}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--accent);background:var(--surface-elevated);box-shadow:0 0 0 4px var(--accent-soft)}.input--error{border-color:var(--danger)}.input--error:focus{box-shadow:0 0 0 4px var(--danger-soft)}.input-error{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--danger);font-weight:500}.input-error:before{content:"";display:inline-block;width:14px;height:14px;background:var(--danger);mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'><path fill-rule='evenodd' d='M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z' clip-rule='evenodd'/></svg>") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'><path fill-rule='evenodd' d='M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z' clip-rule='evenodd'/></svg>") center / contain no-repeat}.qr-section{display:flex;flex-direction:column;gap:1rem;animation:fadeIn .2s ease-out}.qr-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.qr-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--accent-soft) 0%,transparent 50%);pointer-events:none}.qr-canvas{position:relative;background:white;padding:1rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex}.qr-link{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.8125rem;color:var(--text-secondary);padding:.75rem 1rem;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md);word-break:break-all}.qr-link__label{color:var(--text-muted);font-family:var(--font-sans);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.actions{display:flex;gap:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;font-family:var(--font-sans);border:1.5px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;outline:none;flex:1}.btn:focus-visible{box-shadow:0 0 0 4px var(--accent-soft)}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--primary:active{transform:translateY(0)}.btn--secondary{background:var(--surface-elevated);color:var(--text-primary);border-color:var(--border)}.btn--secondary:hover{border-color:var(--border-strong);background:var(--surface-muted)}.btn--ghost{background:transparent;color:var(--text-secondary);border:none;padding:.5rem;flex:0}.btn--ghost:hover{color:var(--text-primary);background:var(--surface-muted)}.btn__icon{width:16px;height:16px;flex-shrink:0}.empty{text-align:center;padding:2rem 1rem;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:.75rem}.empty__icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--surface-muted);border:1.5px dashed var(--border-strong);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.empty__icon svg{width:22px;height:22px}.empty__text{font-size:.875rem;margin:0}.app__footer{text-align:center;font-size:.75rem;color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.app{padding:1rem .75rem}.card{padding:1.25rem;border-radius:var(--radius-lg)}.actions{flex-direction:column}}:root{--bg-base: #f6f7fb;--bg-gradient-1: #eef2ff;--bg-gradient-2: #fdf2f8;--bg-gradient-3: #ecfeff;--surface: #ffffff;--surface-elevated: #ffffff;--surface-muted: #f1f3f8;--border: rgba(15, 23, 42, .08);--border-strong: rgba(15, 23, 42, .16);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent: #6366f1;--accent-hover: #4f46e5;--accent-soft: rgba(99, 102, 241, .1);--danger: #dc2626;--danger-soft: rgba(220, 38, 38, .08);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 10px 30px -10px rgba(15, 23, 42, .15), 0 4px 12px -4px rgba(15, 23, 42, .08);--shadow-lg: 0 24px 60px -20px rgba(79, 70, 229, .25), 0 8px 24px -8px rgba(15, 23, 42, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", monospace;font-family:var(--font-sans);line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg-base);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}@media (prefers-color-scheme: dark){:root{--bg-base: #0b1020;--bg-gradient-1: #1e1b4b;--bg-gradient-2: #0f172a;--bg-gradient-3: #134e4a;--surface: rgba(255, 255, 255, .04);--surface-elevated: rgba(255, 255, 255, .06);--surface-muted: rgba(255, 255, 255, .03);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--accent: #818cf8;--accent-hover: #a5b4fc;--accent-soft: rgba(129, 140, 248, .15);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .12);--shadow-md: 0 10px 30px -10px rgba(0, 0, 0, .5), 0 4px 12px -4px rgba(0, 0, 0, .3);--shadow-lg: 0 24px 60px -20px rgba(99, 102, 241, .4), 0 8px 24px -8px rgba(0, 0, 0, .4)}}*{box-sizing:border-box}html,body{margin:0;padding:0;min-width:320px;min-height:100vh}body{background:radial-gradient(ellipse 80% 60% at 20% 0%,var(--bg-gradient-1) 0%,transparent 60%),radial-gradient(ellipse 60% 60% at 80% 20%,var(--bg-gradient-2) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 50% 100%,var(--bg-gradient-3) 0%,transparent 60%),var(--bg-base);background-attachment:fixed}a{color:var(--accent);text-decoration:none;font-weight:500;transition:color .15s ease}a:hover{color:var(--accent-hover);text-decoration:underline}