@import url('data:text/css,');
:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172f2a;background:#f3f4ed;font-synthesis:none;line-height:1.5;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,a,label{touch-action:manipulation}button,.file-button,.download{font:inherit;font-weight:600;cursor:pointer;border:1px solid #cdd6ca;border-radius:8px;background:#fff;color:#203d32;padding:11px 16px;text-decoration:none}button:hover,.file-button:hover{border-color:#326c50;background:#f1f5ed}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,a:focus-visible,.file-button:focus-within{outline:3px solid #76a338;outline-offset:3px}button.primary,.download{color:#fff;background:#234d3b;border-color:#234d3b}button.primary:hover,.download:hover{background:#326348}button.full{width:100%;margin-top:14px}.top,main,footer{max-width:1320px;margin:auto}.top{padding:25px 38px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dbe0d3}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:20px;font-weight:750;letter-spacing:-.7px}.mark{background:#234d3b;color:#def2ab;width:35px;height:35px;border-radius:9px;display:grid;place-items:center;font-size:25px}.tag{font-family:monospace;font-size:10px;border:1px solid #bdc9b8;padding:3px 6px;border-radius:3px;margin-left:10px;letter-spacing:.5px}.local{font-size:12px;color:#5b705f;display:flex;align-items:center;gap:8px}.local i{background:#799e38;width:7px;height:7px;border-radius:50%}main{padding:0 38px}.intro{padding:48px 0 35px;position:relative}.eyebrow{font-family:monospace;letter-spacing:1.8px;font-size:11px;color:#557049;font-weight:600}h1{font-size:clamp(42px,5.5vw,70px);line-height:1.04;letter-spacing:-3px;margin:21px 0 20px;font-weight:650}h1 span{color:#648044}.intro>p:not(.eyebrow){max-width:520px;color:#627160;font-size:16px;line-height:1.7}.features{display:flex;gap:20px;font-family:monospace;font-size:11px;color:#607056;margin-top:24px}.tabs{display:flex;gap:6px;border-bottom:1px solid #d2dcca;margin-bottom:22px}.tabs button{border:none;border-radius:8px 8px 0 0;background:transparent;padding:14px 21px;color:#667762}.tabs button.active{color:#234d3b;background:#e1e8d7;box-shadow:inset 0 -2px #234d3b}.workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:22px}.card{background:#fffef9;border:1px solid #d8dfd1;border-radius:14px;padding:24px;box-shadow:0 3px 5px #21352504}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.card h2{font-size:16px;margin:0;font-weight:650;letter-spacing:-.3px}.step{font-size:11px;font-family:monospace;color:#7c8e69;margin-right:9px}.pill{font-family:monospace;font-size:10px;white-space:nowrap;background:#edf1e7;border-radius:4px;color:#5a7151;padding:5px 8px}.viewfinder{background:#132c29;min-height:310px;aspect-ratio:1.8;position:relative;border-radius:9px;overflow:hidden;display:grid;place-items:center}video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.empty{color:#e6efda;text-align:center;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px}.empty span{font-size:12px;color:#a5b9a3}.scan-icon{font-size:45px;color:#c3df83;line-height:1}.corners{position:absolute;width:78%;height:77%;border:1px solid #b9d78e33;pointer-events:none;border-radius:7px}.button-row{display:flex;gap:9px;margin-top:17px;flex-wrap:wrap}.hint{font-size:12px;color:#6b7d65;line-height:1.65}.import-row{border-top:1px solid #e5e9df;margin-top:20px;padding-top:20px;display:flex;gap:13px;align-items:center;flex-wrap:wrap}.file-button{display:inline-block;font-size:13px;position:relative}.file-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.import-row>span{font-size:12px;color:#76866b}.percent{display:flex;align-items:baseline;gap:5px;margin-top:5px}.percent strong{font-size:76px;letter-spacing:-5px;line-height:1.2;font-weight:500}.percent>span{font-size:26px;color:#8d9d7c}progress{width:100%;height:7px;border:0;border-radius:8px;appearance:none;background:#e8eddf;margin:12px 0 20px}progress::-webkit-progress-bar{background:#e8eddf;border-radius:8px}progress::-webkit-progress-value{background:#72973b;border-radius:8px}progress::-moz-progress-bar{background:#72973b}.stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stats div{display:flex;flex-direction:column;gap:3px}.stats span{font-size:11px;color:#829078}.stats strong{font-family:monospace;font-weight:500;font-size:14px}.field{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin:23px 0 8px}.field span{font-weight:400;color:#849278}input[type=password]{width:100%;font:inherit;padding:11px 12px;border:1px solid #d6dece;border-radius:7px;background:#fff}input[type=range]{width:100%;accent-color:#406840}#status,#playerStatus{font-size:12px;color:#65745c;overflow-wrap:anywhere}#status.error,#playerStatus.error{color:#a13b2c}#result{border-top:1px solid #dce3d3;padding-top:16px;margin-top:18px;overflow-wrap:anywhere}.verified{color:#477a30;font-size:12px;margin-bottom:10px}#filename{font-size:16px}#fileDetails{font-size:12px}#hash{font-size:10px;display:block;word-break:break-all;color:#6c7b61}.download{display:block;text-align:center;margin-top:15px;font-size:14px}.player-card{display:grid;grid-template-columns:1fr 1fr;gap:35px}.player-card[hidden],.workspace[hidden],[hidden]{display:none!important}.player-card h2{font-size:30px;letter-spacing:-1px;margin-top:20px}.player-card p{color:#64745a}.qr-stage{background:white;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:340px;border:1px solid #e3e9da;border-radius:10px}.qr-stage canvas{width:100%;height:auto;image-rendering:pixelated}.qr-stage p{font:12px monospace;padding:8px;margin:0}.qr-stage:fullscreen{border:0;border-radius:0;background:white;width:100%;height:100%}.qr-stage:fullscreen canvas{width:min(90vw,90vh);height:min(90vw,90vh)}.notes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;padding:34px 0 30px}.notes span{font:10px monospace;letter-spacing:1.2px;color:#567346}.notes p{font-size:12px;line-height:1.8;color:#79856e}footer{border-top:1px solid #dbe0d3;padding:22px 38px;display:flex;justify-content:space-between;gap:20px;color:#7e8d70;font:10px monospace;letter-spacing:.5px}@media(min-width:950px){.intro:after{content:'▦';position:absolute;right:8%;top:25px;font-size:230px;line-height:1;color:#dde4cf;transform:rotate(-10deg);font-weight:400;pointer-events:none}}@media(max-width:760px){.top{padding:19px 18px}.tag{margin-left:3px}.local{display:none}main{padding:0 16px}.intro{padding:26px 4px 25px}h1{letter-spacing:-2px}.features{gap:10px;flex-wrap:wrap;font-size:10px}.workspace,.player-card{grid-template-columns:1fr}.card{padding:18px}.viewfinder{min-height:260px}.notes{grid-template-columns:1fr;gap:6px;padding:25px 4px}.notes p{margin-top:5px}footer{padding:20px 18px;flex-direction:column;gap:9px}.tabs button{font-size:13px;padding:13px 15px}.card-head{flex-wrap:wrap}.player-card{gap:20px}.qr-stage{min-height:250px}}
.site-nav{display:flex;align-items:center;gap:18px;font-size:13px}.site-nav a{color:#41594a}.site-nav a:hover{color:#234d3b}
/* iPhone/iPad: áreas seguras do notch, tela cheia própria do player e dica de instalação */
.top{padding-top:max(25px,env(safe-area-inset-top));padding-left:max(38px,env(safe-area-inset-left));padding-right:max(38px,env(safe-area-inset-right))}footer{padding-bottom:max(22px,env(safe-area-inset-bottom))}
@media(max-width:760px){.top{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}}
.qr-stage.pseudo-full{position:fixed;inset:0;z-index:50;border:0;border-radius:0;background:#fff;min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.qr-stage.pseudo-full canvas{width:min(94vw,86vh);height:auto}
body.locked{overflow:hidden}
.ios-install{position:relative;display:flex;flex-direction:column;gap:6px;margin:18px 0 0;padding:14px 44px 14px 16px;border:1px solid #c9d8b6;background:#eef4e4;border-radius:12px;font-size:13px;color:#2f5236}.ios-install button{position:absolute;top:8px;right:8px;padding:4px 10px;font-size:16px;line-height:1}
#share{margin-top:10px}
/* Celular: o visor segue a largura da tela (aspect-ratio + min-height forçava 468 px num iPhone de 390 px) */
.workspace>*,.player-card>*{min-width:0}
@media(max-width:760px){.viewfinder{aspect-ratio:4/3;min-height:0}}