:root{--color-light:#f2f5f9;--color-primary:#263fa9;--color-primary-hover:#1d318a;--color-dark:#030616;--color-paper:#fafaf9;--color-overlay:#f8fafc1a;--button-glow:#263fa914;--card-shadow:#03061659;--font-sans:"Outfit", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:400;line-height:1.5}:root,[data-theme=dark]{--bg:var(--color-dark);--bg-pattern:url(/qr-code-generator/qa-bg.jpg);--text:var(--color-light);--text-muted:#f2f5f999;--input-bg:var(--color-dark);--input-border:var(--color-primary);--button-bg:var(--color-primary);--button-text:var(--color-light);--card-bg:var(--color-paper);--card-text:var(--color-dark);--halo:var(--color-overlay);--toggle-bg:var(--color-overlay);--toggle-bg-hover:#f8fafc29;--toggle-border:#f8fafc29}[data-theme=light]{--bg:var(--color-light);--bg-pattern:none;--text:var(--color-dark);--text-muted:#03061699;--input-bg:#fff;--input-border:var(--color-primary);--button-bg:var(--color-primary);--button-text:var(--color-light);--card-bg:var(--color-paper);--card-text:var(--color-dark);--halo:#0306160f;--toggle-bg:#0306160a;--toggle-bg-hover:#0306161a;--toggle-border:#0306161f}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--text);background-color:var(--bg);background-image:var(--bg-pattern);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;margin:0;transition:background-color .25s,color .25s}button{cursor:pointer;border:none;font-family:inherit}input{font-family:inherit}.header{justify-content:center;align-items:center;width:100%;display:flex}.header__logo{width:auto;height:40px;transition:height .25s}.header--compact .header__logo{height:24px}[data-theme=light] .header__logo{filter:invert()}.theme-toggle{background:var(--toggle-bg);border:1px solid var(--toggle-border);width:44px;height:44px;color:var(--text);z-index:10;border-radius:999px;justify-content:center;align-items:center;transition:background-color .2s,transform .2s,border-color .2s;display:inline-flex;position:fixed;top:20px;right:20px}.theme-toggle:hover{background:var(--toggle-bg-hover);transform:translateY(-1px)}.theme-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.url-form{background:var(--input-bg);border:1px solid var(--input-border);width:min(620px,100%);box-shadow:0 0 0 4px var(--button-glow);border-radius:16px;align-items:center;gap:8px;padding:6px;display:flex}.url-form__input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:12px 18px;font-size:1rem;line-height:1.5}.url-form__input::placeholder{color:var(--text-muted)}.url-form__submit{background:var(--button-bg);color:var(--button-text);border-radius:8px;padding:12px 22px;font-size:1rem;font-weight:500;transition:background-color .2s,transform .2s,opacity .2s}.url-form__submit:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.url-form__submit:focus-visible{outline:2px solid var(--color-light);outline-offset:2px}.url-form__submit:disabled{opacity:.55;cursor:not-allowed}@media (width<=480px){.url-form__input{padding:10px 14px}.url-form__submit{padding:10px 16px}}.qr-display{flex-direction:column;align-items:center;gap:36px;width:100%;display:flex}.qr-display__halo{background:var(--halo);border-radius:50%;justify-content:center;align-items:center;width:340px;height:340px;display:flex}.qr-display__card{background:var(--card-bg);box-shadow:0 20px 40px var(--card-shadow);border-radius:24px;padding:18px}.qr-display__canvas{border-radius:8px;width:240px;height:240px;display:block}.qr-display__actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.qr-display__button{background:var(--button-bg);color:var(--button-text);border-radius:10px;align-items:center;gap:10px;padding:12px 26px;font-size:1rem;font-weight:500;transition:background-color .2s,transform .2s;display:inline-flex}.qr-display__button img{width:18px;height:18px}.qr-display__button:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.qr-display__button:focus-visible{outline:2px solid var(--color-light);outline-offset:2px}.qr-display__status{min-height:1.2em;color:var(--text-muted);margin:0;font-size:.875rem}@media (width<=480px){.qr-display__halo{width:280px;height:280px}.qr-display__canvas{width:200px;height:200px}.qr-display__actions{justify-content:space-around;width:100%}.qr-display__button{padding:12px 20px}}.app{flex-direction:column;min-height:100vh;display:flex}.app__main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:32px;width:min(1100px,100%);margin:0 auto;padding:80px 24px;display:flex}.app__main--result{justify-content:flex-start;gap:48px;padding-top:64px}.app__back{color:var(--text-muted);background:0 0;border-radius:999px;padding:8px 14px;font-size:.9rem;transition:color .2s}.app__back:hover{color:var(--text)}.app__back:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (width<=640px){.app__main{gap:24px;padding:60px 20px}.app__main--result{gap:32px;padding-top:48px}}