:root{--bg:#070907;--card:#111511;--line:#272c27;--text:#f2f5ef;--muted:#808880;--acid:#d5ff55}
body{background:radial-gradient(circle at 15% 5%,rgba(213,255,85,.09),transparent 28%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh}.brand{display:flex;align-items:center;gap:10px;letter-spacing:-.03em}.brand span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--acid);color:#10130b;font-weight:900}.badge{background:transparent!important;border:1px solid #d5ff5528;color:#a8b09f;font-size:9px;letter-spacing:.08em}.hero{max-width:760px}.eyebrow,.section-label{color:var(--acid);font:500 9px ui-monospace,monospace;letter-spacing:.16em}.hero h1{font-size:clamp(48px,8vw,78px);line-height:.94;letter-spacing:-.07em;margin:12px 0 20px;font-weight:800}.hero h1 span{color:var(--acid)}.hero p{max-width:650px;color:var(--muted);line-height:1.8;font-size:14px}.custom-tabs{border-bottom:1px solid var(--line);border-radius:0!important;gap:20px}.custom-tabs .nav-link{border-radius:0;color:#666e65;background:transparent;padding:12px 2px;font:600 9px ui-monospace,monospace;border-bottom:2px solid transparent}.custom-tabs .nav-link.active{color:var(--acid);background:transparent;border-bottom-color:var(--acid)}.app-card{background:linear-gradient(145deg,#151915,#0e110e);border:1px solid var(--line);border-radius:22px;padding:24px}.app-card h2{font-size:19px;letter-spacing:-.04em;margin:7px 0 0}.drop-zone{height:240px;border:1px dashed #343b33;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.2s}.drop-zone:hover,.drop-zone.dragging{border-color:var(--acid);background:#d5ff5508}.upload-icon{width:46px;height:46px;border-radius:13px;background:#d5ff5510;color:var(--acid);display:grid;place-items:center;font-size:25px}.drop-zone small,.small-note{font-size:10px;color:var(--muted);line-height:1.65}.file-info{border:1px solid var(--line);border-radius:11px;padding:12px;font-size:11px;margin:13px 0}.file-info small{display:block;color:var(--muted);margin-top:4px}.btn-acid{background:var(--acid);border:0;color:#10130b;font-weight:800;font-size:10px;height:46px;border-radius:11px}.btn-acid:disabled{opacity:.3}.btn-dark-soft{background:#181c18;border:1px solid var(--line);color:#9da59a;font-size:9px;font-weight:600;height:42px;border-radius:10px}.state{border:1px solid var(--line);border-radius:99px;padding:7px 9px;color:#737b71;font:500 8px ui-monospace,monospace}.state.live{color:var(--acid);border-color:#d5ff5535}.qr-stage{position:relative;width:min(380px,85%);aspect-ratio:1;background:#fff;border-radius:18px;margin:22px auto;display:grid;place-items:center;overflow:hidden}.qr-stage.idle{background:#111510;border:1px dashed #30372f}.qr-stage #qrCode{position:relative;z-index:2;width:330px;height:330px;display:flex;align-items:center;justify-content:center}.qr-stage #qrCode img,.qr-stage #qrCode canvas{width:330px!important;height:330px!important}.qr-stage:not(.idle) #qrPlaceholder{display:none}#qrPlaceholder{position:absolute;text-align:center;color:#687065;font:500 10px ui-monospace,monospace;z-index:1}.qr-stage.animate{animation:qrSwap .35s ease}@keyframes qrSwap{0%{transform:scale(.975);filter:brightness(.85)}45%{transform:scale(1.01);filter:brightness(1.08)}100%{transform:scale(1);filter:brightness(1)}}.stats small{display:block;color:#60685e;font:500 8px ui-monospace,monospace}.stats b{display:block;font:500 12px ui-monospace,monospace;margin-top:4px}.progress-thin{height:4px;background:#262b25;border-radius:99px}.progress-bar{background:var(--acid);transition:width .2s}.scanner{min-height:400px}#reader{width:100%;max-width:460px;margin-left:auto;margin-right:auto;overflow:hidden;border-radius:15px}#reader video{border-radius:15px}.receiver-card{min-height:400px}.receive-waiting{height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center}.receive-waiting div{font-size:68px;color:#2b312a}.receive-waiting small{font:500 9px ui-monospace,monospace;color:var(--muted)}.receive-circle{width:135px;height:135px;border-radius:50%;border:1px solid #d5ff5540;display:grid;place-items:center;margin:25px auto 18px}.receive-circle span{font:500 28px ui-monospace,monospace;color:var(--acid)}.muted-text{color:var(--muted);font-size:10px}.error-box{background:#2a1515;border:1px solid #6d2d2d;color:#ff9b9b;border-radius:10px;padding:10px;font-size:10px}footer{color:#50574f;font:500 8px ui-monospace,monospace}@media(max-width:767px){.app-card{padding:18px}.qr-stage{width:min(330px,88vw)}.qr-stage #qrCode,.qr-stage #qrCode img,.qr-stage #qrCode canvas{width:290px!important;height:290px!important}}