:root{color-scheme:light;--green:#25d366;--ink:#151d1a;--muted:#66706a;--line:#dfe6e1}*{box-sizing:border-box}body{margin:0;background:#fbfcf9;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}header{height:76px;margin:0 auto;max-width:1200px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-weight:600}.brand b{font-size:38px;letter-spacing:-4px;color:var(--green)}.private{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}.private:before{content:"";width:6px;height:6px;background:var(--green);border-radius:50%}main,#finished{width:min(100% - 48px,570px);margin:70px auto 56px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 24px}h1{font-size:clamp(58px,10vw,91px);line-height:.98;letter-spacing:-5px;margin:0 0 26px;font-weight:600}h1 em{font-style:normal;color:#18944b}.lede{font-size:18px;line-height:1.5;max-width:460px;margin:0 0 30px}.steps{display:flex;flex-direction:column;border-top:1px solid var(--line);margin-bottom:27px}.steps span{padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.steps b{font-size:11px;color:#18944b;padding-right:20px}.primary{border:0;background:var(--green);color:#102818;padding:17px 22px;width:100%;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:15px;font-weight:600;border-radius:5px;min-height:52px}.primary:disabled{opacity:.5;cursor:wait}.primary:hover:not(:disabled){background:#22c55e}.primary.small{width:auto;min-height:42px;font-size:13px;padding:11px 16px}.detail{font-size:12px;line-height:1.55;color:var(--muted);margin:13px 0}#status{font-size:13px;line-height:1.5;margin:14px 0;color:var(--muted)}#status.error{color:#a32822}.bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0}.bar strong{display:block;font-size:15px}.bar span{display:block;font-size:12px;color:var(--muted);margin-top:4px}#workspace{width:min(100% - 32px,1300px);margin:12px auto}.browser-tip{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 12px}#screen{height:min(70dvh,800px);background:#eaf0e9;border:1px solid var(--line);border-radius:5px;overflow:hidden;touch-action:none}.controls{display:flex;align-items:center;gap:7px;padding:12px 0;flex-wrap:wrap}.controls button{background:white;border:1px solid var(--line);color:var(--ink);border-radius:4px;padding:10px;font-size:12px;cursor:pointer}.controls span{font-size:11px;color:var(--muted);margin-left:auto}#keyboard{width:100%;height:64px;resize:none;padding:12px;font-size:16px;border:1px solid var(--line);border-radius:5px}footer{max-width:1200px;margin:0 auto;padding:24px 32px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;border-top:1px solid var(--line)}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:3px solid #157e42;outline-offset:3px}@media(max-width:600px){header{height:64px;padding:0 22px}main,#finished{margin:38px auto}h1{letter-spacing:-3.5px}.lede{font-size:16px}.bar strong{font-size:13px}.primary.small{font-size:11px;padding:10px}.browser-tip{max-width:350px}#screen{height:65dvh}#workspace{width:100%;padding:0 10px}.controls{padding-inline:3px}.controls span{width:100%;margin:0}footer{padding:20px 24px}}