.step{width:min(460px,100%);display:flex;flex-direction:column;gap:14px}.step h2{font-size:clamp(22px,6vw,32px);line-height:1.1}.lead{font-size:14px}.small{font-size:12px}.center{text-align:center}.col{display:flex;flex-direction:column;gap:14px}.err{color:var(--danger);font-size:14px;margin-bottom:12px}.warn{font-size:12px;border:1px dashed var(--line);padding:10px 12px;color:var(--dim)}.consents{display:flex;flex-direction:column;gap:10px}.consent{display:flex;gap:12px;text-align:left;padding:12px 14px;border:1px solid var(--line);background:var(--card);cursor:pointer;transition:border-color .2s,background .2s}.consent b{font-family:var(--disp);font-size:14px}.consent p{font-size:12px;color:var(--dim);margin-top:4px}.consent .box{flex:none;width:20px;height:20px;border:1px solid var(--dim);margin-top:2px;position:relative}.consent[aria-pressed=true]{border-color:var(--fg)}.consent[aria-pressed=true] .box{background:var(--fg);border-color:var(--fg)}.consent[aria-pressed=true] .box:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid var(--bg);border-width:0 3px 3px 0;transform:rotate(45deg)}.tabs{display:flex;border:1px solid var(--line)}.tabs button{flex:1;padding:11px;background:none;border:0;cursor:pointer;color:var(--dim);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.tabs button.on{background:var(--fg);color:var(--bg);font-weight:700}.qrwrap{display:flex;flex-direction:column;align-items:center;gap:16px}.qrframe{position:relative;width:min(240px,70vw);aspect-ratio:1;padding:12px}.qrframe .qr{width:100%;height:100%;background:#fff;color:#000;display:grid;place-items:center;padding:6px;position:relative;z-index:1}.qrframe .qr svg{width:100%;height:100%;display:block}.qr.loading{background:var(--card)}.ring{position:absolute;inset:0;border:3px solid var(--fg);clip-path:inset(0 0 0 0);transform-origin:center}@keyframes ring{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 100% 0 0)}}.howto{counter-reset:s;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:13px;width:100%}.howto li{counter-increment:s;display:flex;gap:12px;align-items:baseline}.howto li:before{content:counter(s);font-family:var(--disp);font-weight:900;font-size:13px;width:22px;height:22px;flex:none;display:grid;place-items:center;border:1px solid var(--line)}.cells{display:flex;gap:8px}.cells input{width:100%;min-width:0;aspect-ratio:3/4;max-width:58px;text-align:center;font-family:var(--disp);font-size:26px;background:var(--card);border:1px solid var(--line);outline:none}.cells input:focus{border-color:var(--fg)}.synccount{display:flex;flex-direction:column}.synccount .big{font-size:clamp(44px,13vw,80px);line-height:1}.log{font-family:var(--mono);font-size:12px;border:1px solid var(--line);background:var(--card);padding:12px;min-height:160px;white-space:pre-wrap}.log u{text-decoration:none;color:var(--dim)}.reveal{align-items:stretch;text-align:center}.flip{perspective:900px;height:260px;position:relative}.face{position:absolute;inset:0;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--card)}.face.back{animation:flipBack 1s .3s cubic-bezier(.6,0,.2,1) forwards}.face.back span{font-size:120px;font-weight:900}.face.front{transform:rotateY(180deg);animation:flipFront 1s .3s cubic-bezier(.6,0,.2,1) forwards;border-color:var(--fg)}.face.front .emoji .ic{width:64px;height:64px;margin:0}.face.front h2{font-size:clamp(28px,8vw,40px)}@keyframes flipBack{to{transform:rotateY(-180deg)}}@keyframes flipFront{to{transform:rotateY(0)}}.drops{display:flex;flex-direction:column;gap:8px;text-align:left;margin-top:8px}.drop{display:flex;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);opacity:0;animation:drop .5s cubic-bezier(.2,1.4,.4,1) forwards}.drop b{display:block;font-family:var(--disp);font-size:13px}@keyframes drop{0%{opacity:0;transform:translateY(-24px) scale(.9)}to{opacity:1;transform:none}}