:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.4;font-weight:400;color:#0f172a;background-color:#0b1220;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #0b1220;--card: rgba(255, 255, 255, .06);--card-2: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .14);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .68);--primary: #7c3aed;--danger: #ef4444}html,body{height:100%}body{margin:0;min-width:320px;background:radial-gradient(1000px 700px at 15% 10%,rgba(124,58,237,.25),transparent 60%),radial-gradient(900px 700px at 90% 20%,rgba(59,130,246,.18),transparent 55%),var(--bg);color:var(--text)}*{box-sizing:border-box}a{color:inherit}button,input{font:inherit}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003}.topbar__title{font-weight:700;letter-spacing:.2px}.topbar__meta{display:flex;align-items:center;gap:8px}.topbar__pill{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffff0f}.topbar__link{border:0;background:transparent;color:var(--muted);padding:6px 8px;border-radius:8px;cursor:pointer}.topbar__link:active{background:#ffffff0f}.screen{flex:1;padding:18px 14px 30px;display:flex;justify-content:center}.card{width:100%;max-width:520px;border:1px solid var(--border);background:linear-gradient(180deg,var(--card),rgba(255,255,255,.02));border-radius:16px;padding:16px}.h1{margin:0 0 10px;font-size:20px;line-height:1.2}.p{margin:0 0 14px;color:var(--muted)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn{width:100%;border-radius:12px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);padding:12px;text-align:center;cursor:pointer}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:linear-gradient(180deg,#7c3aede6,#7c3aedb8);border-color:#7c3aedd9}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.options{display:grid;gap:10px}.opt{width:100%;border-radius:14px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);padding:12px;text-align:left}.opt--active{border-color:#7c3aede6;background:#7c3aed2e}.error{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(239,68,68,.5);background:#ef44441f;color:#ffffffeb}.box{border-radius:14px;border:1px solid var(--border);background:#ffffff0a;padding:12px;margin-bottom:12px}.label{font-size:12px;color:var(--muted);margin-bottom:6px}.text{white-space:pre-wrap}.text--mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.scanner{display:grid;gap:12px}.scanner__camera{position:relative}.scanner__tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tab{border-radius:12px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);padding:10px 12px}.tab:disabled{opacity:.55}.tab--active{border-color:#ffffff40;background:#ffffff14}.video{width:100%;aspect-ratio:3 / 4;border-radius:14px;border:1px solid var(--border);background:#ffffff14;object-fit:cover}.scanOverlay{position:absolute;inset:0;pointer-events:none;display:grid;place-items:center}.scanOverlay__frame{width:min(72%,260px);aspect-ratio:1 / 1;border-radius:18px;box-shadow:0 0 0 9999px #00000047,inset 0 0 0 2px #ffffff59;position:relative}.scanOverlay__frame:before{content:"";position:absolute;inset:-2px;border-radius:20px;background:linear-gradient(90deg,#ffffff8c,#fff3) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;opacity:.35}.scanOverlay__line{width:min(72%,260px);height:2px;border-radius:999px;background:#78e6ffd9;box-shadow:0 0 18px #78e6ff8c;transform:translateY(-40px);animation:scanLine 2.2s ease-in-out infinite}@keyframes scanLine{0%{transform:translateY(-40px);opacity:.6}50%{transform:translateY(40px);opacity:1}to{transform:translateY(-40px);opacity:.6}}.scanner__manual{display:grid;gap:10px}.input{width:100%;border-radius:12px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);padding:12px;outline:none}.input::placeholder{color:#ffffff73}.hint{margin-top:10px;color:var(--muted)}.fragments{display:grid;gap:10px}.frag{border-radius:12px;border:1px solid var(--border);background:#ffffff08;padding:10px;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start}.frag__n{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--border);background:#ffffff0f}.frag__t{color:#ffffffe6}.modalOverlay{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50}.modal{width:100%;max-width:420px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff1a,#ffffff0d);padding:16px}.modal__title{font-weight:700;margin-bottom:8px}.modal__text{color:var(--muted);margin-bottom:14px}.modal__field{display:grid;gap:10px;margin-bottom:14px}.modal__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qrGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 14px}.qrCard{border-radius:14px;border:1px solid var(--border);background:#ffffff0a;padding:10px;display:grid;justify-items:center;gap:8px}.qrImg{width:100%;max-width:220px;background:#fff;border-radius:10px;padding:8px}.qrLabel{color:#ffffffe6;font-weight:600}