:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#080808;color:#f5f5f5}*{box-sizing:border-box}body{margin:0}header{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px}header img{width:175px}header span,.eyebrow{font-size:11px;letter-spacing:2px;color:#eac66b}main{max-width:1240px;margin:auto;padding:0 24px}h1{font-size:clamp(28px,4vw,44px);letter-spacing:-1.5px;margin:12px 0}p{line-height:1.65;color:#bdbdbd}button,select,a{font:inherit}button,select{border:1px solid #3b3b3b;background:#171717;color:#eee;border-radius:10px;padding:12px 16px;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #cc9fea;outline-offset:4px}a{color:#efd07d}button:hover{border-color:#d0ab53}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}.devices{display:flex;gap:10px;margin:22px 0 0}.devices [aria-pressed=true]{background:#2b2415;border-color:#ceab56;color:#ffe0a0}#device-tip{font-size:13px}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:25px;margin-top:30px}aside{align-self:start;position:sticky;top:20px;background:#111;border:1px solid #292929;border-radius:14px;padding:20px}label{font-size:13px}select{width:100%;margin:12px 0;font-size:12px}progress{width:100%;accent-color:#e7bf61}.small{font-size:12px}.quiet{background:transparent;font-size:12px;padding:8px;margin-top:10px}article{background:#121212;border:1px solid #303030;border-radius:18px;padding:28px;min-width:0}.step-top{display:flex;justify-content:space-between;color:#e5c475;font-size:12px}h2{font-size:28px;margin:20px 0 10px}.action{font-size:19px;color:#f4f4f4;margin:0 0 18px}#step-link{display:inline-block;padding:13px 18px;background:#e9c366;color:#151008;font-weight:700;border-radius:10px;text-decoration:none}.note{border-left:3px solid #a98745;padding:10px 14px;background:#211c12;border-radius:0 8px 8px 0;font-size:13px;color:#e4d6b6}.image-wrap{position:relative;background:#eee;border-radius:10px;overflow:hidden}.image-wrap img{width:100%;display:block}.highlight{position:absolute;border:3px solid #e83365;box-shadow:0 0 0 2px white;border-radius:7px;pointer-events:none}.highlight:before{content:'TOQUE AQUI';position:absolute;right:0;bottom:100%;background:#b5133d;color:white;font-size:clamp(7px,1vw,11px);padding:3px 5px;white-space:nowrap;border-radius:4px}.zoom-open{display:block;margin:12px 0 22px;font-size:12px}.expected{background:#12251b;border:1px solid #285037;border-radius:12px;padding:17px;margin:20px 0}.expected strong{color:#9ce0af}.expected p{margin:6px 0 0;color:#d3e7d9}.help{font-size:13px;color:#ccc;padding:12px 0}summary{cursor:pointer}.controls{display:flex;justify-content:space-between;gap:12px;margin-top:24px}#next{background:#edca74;color:#171108;border:0;font-weight:700}footer{text-align:center;font-size:12px;color:#888;line-height:1.8;padding:35px 0}dialog{max-width:96vw;width:1400px;background:#111;border:1px solid #555;border-radius:12px;padding:15px}dialog::backdrop{background:#000d}#close-zoom{position:sticky;top:0;z-index:3;margin-bottom:10px}#zoom-body{overflow:auto;max-height:80vh}#zoom-body .image-wrap{min-width:900px}.schema{padding:24px;background:#191919;border:1px dashed #555;border-radius:12px}.schema b{display:block;color:#e2c579;margin-bottom:18px}.schema div{padding:13px;border:1px solid #444;border-radius:8px;margin:10px 0;color:#eee}.schema small{display:block;color:#aaa;margin-top:6px}#finished{padding:20px;background:#18311f;color:#bce6c6;border-radius:12px}@media(max-width:760px){header{padding:18px}header img{width:135px}header span{font-size:9px}main{padding:0 15px}.layout{display:block;margin-top:20px}aside{position:static;margin-bottom:16px;padding:16px}aside .small{display:none}aside p{margin:5px 0}.layout article{padding:19px}h2{font-size:25px}.action{font-size:17px}.controls{position:sticky;bottom:0;background:#121212f5;padding:12px 0;margin-bottom:-10px}.controls button{font-size:13px;padding:12px}#visual .highlight{border-width:2px}.intro>p{font-size:14px}}@media(prefers-reduced-motion:no-preference){button{transition:border-color .15s}}
