:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #a3ffcc}.app{color:#f5f5f5;background:#090b0f;flex-direction:column;min-height:100vh;display:flex}.header{border-bottom:1px solid #1e222b;justify-content:space-between;align-items:center;padding:24px 7%;display:flex}.brand{letter-spacing:2px;align-items:center;gap:12px;font-size:20px;font-weight:800;display:flex}.brand-icon{background:#090b0f;border:none;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;overflow:hidden}.brand-icon img{object-fit:contain;width:100%;height:100%;display:block}.header-tag{color:#737984;letter-spacing:3px;font-size:11px}.main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:80px;width:min(1100px,86%);margin:auto;padding:70px 0;display:grid}.intro h1{letter-spacing:-4px;margin:20px 0;font-size:clamp(45px,6vw,78px);line-height:1.08}.intro h1 span{color:#a3ffcc}.eyebrow{color:#a3ffcc;letter-spacing:3px;font-size:11px;font-weight:700}.intro p{color:#9299a7;max-width:410px;font-size:16px;line-height:1.8}.scanner-card{background:#11151c;border:1px solid #262d36;border-radius:22px;justify-content:center;align-items:center;min-width:0;min-height:440px;padding:35px;display:flex;box-shadow:0 25px 80px #0005}.scanner-content{text-align:center;width:100%;min-width:0}.scanner-content h2{margin:0 0 10px;font-size:21px}.scanner-content p{color:#9299a7;margin:0 0 28px;font-size:13px;line-height:1.7}.qr-placeholder{color:#a3ffcc;border:2px dashed #a3ffcc;border-radius:20px;place-items:center;width:110px;height:110px;margin:0 auto 28px;font-size:85px;display:grid}.primary-button,.secondary-button{font:inherit;text-align:center;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-size:13px;font-weight:700;line-height:1.4;text-decoration:none;transition:background .2s,border-color .2s,transform .2s,opacity .2s;display:inline-flex}.primary-button{color:#09110d;background:#a3ffcc}.primary-button:hover:not(:disabled){background:#c1ffdf;transform:translateY(-2px)}.secondary-button{color:#fff;background:#252b34}.secondary-button:hover:not(:disabled){background:#323b47;border-color:#424e5d}.primary-button:disabled,.secondary-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.text-button{color:#9299a7;width:100%;font:inherit;cursor:pointer;background:0 0;border:none;margin-top:22px;padding:8px;font-size:12px;transition:color .2s;display:block}.text-button:hover{color:#a3ffcc}.primary-button:focus-visible,.secondary-button:focus-visible,.text-button:focus-visible,.footer a:focus-visible{outline-offset:4px;outline:2px solid #a3ffcc}.camera-reader{background:#090c11;border:1px solid #29313b;border-radius:16px;width:100%;margin-bottom:24px;overflow:hidden}.camera-reader video{object-fit:cover;border-radius:14px;display:block;width:100%!important;height:auto!important}.camera-reader img{display:none}.scan-frame{color:#a3ffcc;border:3px solid #a3ffcc;border-radius:22px;place-items:center;width:190px;height:190px;margin:0 auto 25px;font-size:95px;display:grid;position:relative;overflow:hidden}.scan-line{background:#a3ffcc;height:2px;animation:2s ease-in-out infinite alternate scanning;position:absolute;left:0;right:0;box-shadow:0 0 15px #a3ffcc}@keyframes scanning{0%{top:10%}to{top:90%}}.file-input-hidden{display:none}.file-reader-hidden{opacity:0;pointer-events:none;width:320px;height:320px;position:absolute;top:0;left:-10000px;overflow:hidden}.upload-section{flex-direction:column;align-items:center;gap:18px;margin-top:20px;display:flex}.upload-divider{color:#69717e;letter-spacing:2px;font-size:11px;font-weight:700}.upload-section .secondary-button{width:100%;max-width:280px}.upload-section .secondary-button:disabled{cursor:wait}.success-icon{color:#07110b;background:#a3ffcc;border-radius:50%;place-items:center;width:65px;height:65px;margin:0 auto 16px;font-size:35px;display:grid}.success-label{color:#a3ffcc;letter-spacing:2px;margin-bottom:10px;font-size:10px;font-weight:700;display:inline-block}.result-type{color:#a3ffcc;letter-spacing:2px;border:1px solid #32483e;border-radius:6px;margin-bottom:12px;padding:6px 12px;font-size:10px;font-weight:700;display:inline-block}.result-origin{text-align:left;flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.result-origin span{color:#727b89;letter-spacing:1.5px;font-size:10px;font-weight:700}.result-origin strong{color:#dce5ed;overflow-wrap:anywhere;font-size:14px}.result-file-type{color:#a3ffcc;text-align:left;margin-bottom:12px;font-size:12px;font-weight:600}.result-box{color:#a3ffcc;overflow-wrap:anywhere;text-align:left;background:#090c11;border:1px solid #29313b;border-radius:10px;margin-bottom:20px;padding:15px;font-size:13px;line-height:1.6}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.result-actions a{min-width:110px}.scanner-error{color:#ff9c9c!important}.copy-message{color:#a3ffcc!important;margin:12px 0 0!important}.file-note{color:#9299a7;margin-top:14px!important;margin-bottom:0!important;font-size:11px!important}.privacy-note{text-align:center;color:#727b89;grid-column:1/-1;font-size:12px}.privacy-note span{color:#a3ffcc;margin-right:6px}.footer{color:#727b89;border-top:1px solid #1e222b;justify-content:space-between;align-items:center;gap:20px;padding:23px 7%;font-size:11px;display:flex}.footer a{color:#a3ffcc;font-weight:600;text-decoration:none;transition:color .2s}.footer a:hover{color:#fff!important;text-decoration:underline!important}@media (width<=850px){.main{grid-template-columns:minmax(0,1fr);gap:40px;padding:50px 0}.intro h1{letter-spacing:-2px}.scanner-card{min-height:400px}.header-tag{display:none}}@media (width<=480px){.header{padding:20px 6%}.brand{font-size:18px}.brand-icon{width:38px;height:38px}.main{gap:32px;width:88%;padding:40px 0}.scanner-card{border-radius:18px;min-height:380px;padding:22px}.camera-reader{border-radius:12px}.result-actions{flex-direction:column}.result-actions a,.result-actions button{width:100%}.footer{text-align:center;flex-direction:column;gap:12px}}@media (prefers-reduced-motion:reduce){.scan-line{animation:none}.primary-button,.secondary-button,.text-button,.footer a{transition:none}}
