html,body{margin:0;width:100%;height:100%;background:#000;overflow:hidden;font-family:system-ui,sans-serif}#root{width:100%;height:100%}.stage{position:relative;width:100%;height:100%;background:#000}.layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .8s ease,transform .8s ease;transform:translateZ(0)}.sls-anim-paused,.sls-anim-paused *{animation-play-state:paused!important}.layer.show{opacity:1;z-index:2}.layer.hide{opacity:0;z-index:1}.layer.trans-cut{transition:none}.layer.trans-slide.show{animation:slide-in .8s ease}.layer.trans-zoom.show{animation:zoom-in .8s ease}.layer.trans-wipe.show{animation:wipe-in .8s ease}.layer.trans-dissolve.show{transition-duration:1.6s}.layer.trans-kenburns.show img,.anim-kenburns{animation:kenburns 12s ease-in-out infinite alternate}.anim-pulse{animation:anim-pulse 4s ease-in-out infinite}.anim-pan{animation:anim-pan 10s ease-in-out infinite alternate}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes zoom-in{0%{transform:scale(1.15);opacity:0}to{transform:scale(1);opacity:1}}@keyframes wipe-in{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.12) translate(1.5%,-1.5%)}}@keyframes anim-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes anim-pan{0%{transform:translate(-3%)}to{transform:translate(3%)}}.idle-card{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#9aa6b2;background:#11161c;font-size:22px}.idle-brand,.pair-brand{font-size:30px;font-weight:700;color:#fff}.idle-brand span,.pair-brand span{color:#f6a000}.pw-welcome{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3vmin;gap:clamp(14px,3vmin,32px);background:radial-gradient(circle at 50% 38%,#ffb347,#f6a000 45%,#e07a00)}.pw-logo{height:30vmin;height:min(30vmin,280px);width:18vmin;width:min(18vmin,168px);max-height:46vmin;max-width:28vmin;filter:drop-shadow(0 4px 16px rgba(0,0,0,.28))}.pw-logo svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%}.pw-name{font-size:6vmin;font-size:clamp(22px,6vmin,56px);font-weight:700;color:#fff;letter-spacing:-.3px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.pw-name span{color:#ffe0a0}.pw-ready{margin-top:1.5vmin;margin-top:clamp(8px,1.5vmin,18px);font-size:3.4vmin;font-size:clamp(15px,3.4vmin,30px);font-weight:600;color:#fff;letter-spacing:.04em;text-shadow:0 2px 8px rgba(0,0,0,.3)}.pw-url{margin-top:.8vmin;margin-top:clamp(4px,.8vmin,10px);font-size:2.8vmin;font-size:clamp(13px,2.8vmin,24px);color:#fff8e8;opacity:.92;letter-spacing:.02em;text-shadow:0 1px 6px rgba(0,0,0,.28);word-break:break-all}@media(prefers-reduced-motion:reduce){.pw-logo circle{animation:none!important;opacity:1!important}}.pe-root{min-height:100vh;min-height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;overflow:auto;padding:4vmin;color:#fff;background:radial-gradient(circle at 50% 38%,#ffb347,#f6a000 45%,#e07a00);box-sizing:border-box}.pe-wrap{margin:auto;display:flex;width:100%;max-width:420px;max-width:min(420px,92vw);flex-direction:column;align-items:center;gap:3vmin;gap:clamp(14px,3vmin,28px)}@media(orientation:landscape){.pe-wrap{max-width:920px;max-width:min(920px,94vw);flex-direction:row;align-items:center;gap:4vmin;gap:clamp(20px,4vmin,48px)}.pe-col1{flex:1}.pe-col2{flex:1;align-self:center;max-width:420px;max-width:min(420px,44vw)}}.pe-col1{display:flex;width:100%;flex-direction:column;align-items:center;text-align:center}.pe-brand{display:flex;align-items:center;gap:1.6vmin;gap:clamp(8px,1.6vmin,14px);margin-bottom:2.5vmin;margin-bottom:clamp(12px,2.5vmin,22px);--pe-name-size: clamp(18px, 4.4vmin, 34px)}.pe-brand-icon{display:inline-flex;height:4.8vmin;width:4.8vmin;height:calc(var(--pe-name-size) * 1.1);width:calc(var(--pe-name-size) * 1.1);max-height:8vmin;max-width:8vmin;filter:drop-shadow(0 3px 10px rgba(0,0,0,.28))}.pe-brand-icon svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%}.pe-brand-icon.is-signage{height:3.2vmin;width:1.9vmin;height:calc(var(--pe-name-size) * .72);width:calc(var(--pe-name-size) * .72 * .6)}@keyframes pe-pulse{0%{opacity:.28}50%{opacity:1}to{opacity:.28}}@media(prefers-reduced-motion:reduce){.pe-brand-icon circle{animation:none!important;opacity:1!important}}.pe-brand-name{font-size:4.4vmin;font-size:var(--pe-name-size);font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.3);letter-spacing:-.3px}.pe-brand-accent{color:#ffe0a0}.pe-title{margin:0 0 2.2vmin;margin:0 0 clamp(10px,2.2vmin,20px);font-size:5vmin;font-size:clamp(20px,5vmin,40px);font-weight:700;line-height:1.15;text-shadow:0 1px 4px rgba(0,0,0,.25)}.pe-codebox{width:100%;max-width:440px;max-width:min(440px,92vw);margin:0 auto}.pe-label{margin:0 0 1.2vmin;margin:0 0 clamp(5px,1.2vmin,10px);font-size:2.4vmin;font-size:clamp(13px,2.4vmin,18px);font-weight:500;color:#fff}#pe-code{width:100%;box-sizing:border-box;border:0;border-radius:12px;border-radius:clamp(8px,1.4vmin,12px);background:rgba(0,0,0,.2);padding:1.6vmin 0;padding:clamp(8px,1.6vmin,16px) 0;text-align:center;font-family:monospace;font-size:8vmin;font-size:clamp(30px,8vmin,72px);font-weight:700;letter-spacing:.16em;color:#fff;outline:none}#pe-code::placeholder{color:rgba(255,255,255,.4)}#pe-submit{margin-top:1.6vmin;margin-top:clamp(8px,1.6vmin,14px);width:100%;border:0;border-radius:12px;border-radius:clamp(8px,1.4vmin,12px);background:#fff;padding:1.8vmin 0;padding:clamp(10px,1.8vmin,16px) 0;font-size:2.6vmin;font-size:clamp(14px,2.6vmin,20px);font-weight:600;color:#0f172a;cursor:pointer;transition:background .15s}#pe-submit:hover{background:rgba(255,255,255,.9)}#pe-submit:disabled{opacity:.5;cursor:default}.pe-status{margin-top:2.4vmin;margin-top:clamp(12px,2.4vmin,22px)}.pe-waiting{margin:0;display:flex;align-items:center;justify-content:center;gap:1.2vmin;gap:clamp(6px,1.2vmin,10px);font-size:2.8vmin;font-size:clamp(15px,2.8vmin,21px);font-weight:600;color:#fff}.pe-dot{display:inline-block;height:1.4vmin;height:clamp(8px,1.4vmin,12px);width:1.4vmin;width:clamp(8px,1.4vmin,12px);border-radius:99px;background:#fff;animation:pe-pulse 1.4s ease-in-out infinite}@keyframes pe-pulse{0%,to{opacity:1}50%{opacity:.35}}.pe-dbg{margin:1vmin auto 0;margin:clamp(6px,1vmin,12px) auto 0;max-width:92%;white-space:pre-wrap;word-break:break-word;font-family:monospace;font-size:1.9vmin;font-size:clamp(12px,1.9vmin,17px);line-height:1.3;color:#ffe6b0}.pe-hint{margin:clamp(6px,1.4vmin,12px) auto 0;max-width:32ch;border-radius:12px;border-radius:clamp(8px,1.4vmin,12px);background:rgba(0,0,0,.2);padding:1.4vmin 1.8vmin;padding:clamp(7px,1.4vmin,12px) clamp(10px,1.8vmin,16px);font-size:2.3vmin;font-size:clamp(13px,2.3vmin,17px);font-weight:500;color:rgba(255,255,255,.95);line-height:1.35}.pe-error{margin:1.4vmin 0 0;margin:clamp(6px,1.4vmin,12px) 0 0;font-size:2.3vmin;font-size:clamp(13px,2.3vmin,17px);font-weight:500;color:#fff;min-height:1em}.pe-col2{margin:0 auto;display:flex;width:100%;max-width:360px;max-width:min(360px,90vw);flex-direction:column;align-items:stretch;gap:2vmin;gap:clamp(10px,2vmin,16px);border-radius:20px;border-radius:clamp(14px,2.4vmin,20px);background:rgba(0,0,0,.15);padding:2.6vmin;padding:clamp(14px,2.6vmin,22px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pe-qrblock{display:flex;flex-direction:column;align-items:center;gap:1.4vmin;gap:clamp(6px,1.4vmin,10px)}.pe-qr-label{margin:0;font-size:2.2vmin;font-size:clamp(12px,2.2vmin,16px);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.9)}#pe-qr{border-radius:12px;border-radius:clamp(8px,1.4vmin,12px);background:#fff;padding:1vmin;padding:clamp(6px,1vmin,10px);width:200px;height:200px;width:min(40vw,34vh,240px);height:min(40vw,34vh,240px)}.pe-foot{margin-top:1vmin;margin-top:clamp(4px,1vmin,10px);display:flex;flex-direction:column;align-items:center;gap:.8vmin;gap:clamp(3px,.8vmin,8px);border-top:1px solid rgba(255,255,255,.18);padding-top:1.6vmin;padding-top:clamp(8px,1.6vmin,14px)}.pe-id{display:flex;flex-direction:column;align-items:center;gap:2px}.pe-id-label{font-size:2vmin;font-size:clamp(11px,2vmin,15px);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.8)}.pe-id-value{font-family:monospace;font-weight:800;font-size:6.5vmin;font-size:clamp(28px,6.5vmin,56px);letter-spacing:.18em;line-height:1;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.25)}.pe-build{margin:.6vmin 0 0;margin:clamp(2px,.6vmin,6px) 0 0;font-size:1.8vmin;font-size:clamp(10px,1.8vmin,13px);font-weight:500;color:rgba(255,255,255,.55)}.pe-build span{font-family:monospace}.pe-powered{margin:.4vmin 0 0;margin:clamp(2px,.4vmin,5px) 0 0;font-size:1.68vmin;font-size:clamp(9.45px,1.68vmin,12.6px);font-weight:500;color:rgba(255,255,255,.5);text-decoration:none;white-space:nowrap}.pe-powered:hover,.pe-powered:focus-visible{text-decoration:none}.pe-powered:hover .pe-powered-logo,.pe-powered:focus-visible .pe-powered-logo{opacity:.85}.pe-powered-by{color:rgba(255,255,255,.5)}.pe-powered-logo{display:inline-block;height:.8em;vertical-align:baseline;margin:0 .02em 0 .36em}.pe-powered-logo svg{display:block;height:100%;width:auto;overflow:visible}.pe-powered-tld{color:rgba(255,255,255,.5);font-weight:500}@supports not (width: clamp(1px,1px,1px)){.pe-brand-icon{margin-right:2.6vmin}.pe-brand-name{font-size:6.4vmin}.pw-logo{margin-bottom:2.4vmin}.pw-name{font-size:7.4vmin}#pe-code{font-size:64px;letter-spacing:.12em}}@media(max-aspect-ratio:1/2){.pe-brand{gap:1.8vw;gap:clamp(6px,1.8vw,12px);margin-bottom:3vw;margin-bottom:clamp(10px,3vw,20px);--pe-name-size: clamp(14px, 4.2vw, 26px)}.pe-brand-name{font-size:4.2vw;font-size:var(--pe-name-size)}.pe-brand-icon{height:4.6vw;width:4.6vw;height:calc(var(--pe-name-size) * 1.1);width:calc(var(--pe-name-size) * 1.1);max-height:9vw;max-width:9vw}.pe-brand-icon.is-signage{height:3vw;width:1.8vw;height:calc(var(--pe-name-size) * .72);width:calc(var(--pe-name-size) * .72 * .6)}.pe-title{font-size:4.8vw;font-size:clamp(16px,4.8vw,32px);margin-bottom:2.5vw;margin-bottom:clamp(8px,2.5vw,18px)}.pe-codebox{max-width:340px;max-width:min(340px,94vw)}.pe-label{font-size:2.8vw;font-size:clamp(12px,2.8vw,16px);margin-bottom:1.2vw;margin-bottom:clamp(4px,1.2vw,8px)}#pe-code{font-size:9vw;font-size:clamp(26px,9vw,52px);padding:1.8vw 0;padding:clamp(7px,1.8vw,14px) 0;letter-spacing:.2em}#pe-submit{font-size:3.8vw;font-size:clamp(13px,3.8vw,18px);padding:2.2vw 0;padding:clamp(9px,2.2vw,14px) 0;margin-top:1.8vw;margin-top:clamp(6px,1.8vw,12px)}.pe-waiting{font-size:3.2vw;font-size:clamp(13px,3.2vw,18px);gap:1.4vw;gap:clamp(5px,1.4vw,8px)}.pe-dot{height:1.6vw;height:clamp(7px,1.6vw,10px);width:1.6vw;width:clamp(7px,1.6vw,10px)}.pe-hint,.pe-error{font-size:2.6vw;font-size:clamp(11px,2.6vw,15px)}.pe-col2{max-width:340px;max-width:min(340px,94vw);padding:3vw;padding:clamp(12px,3vw,20px);gap:2.2vw;gap:clamp(8px,2.2vw,14px)}#pe-qr{width:52vw;height:52vw;width:min(52vw,220px);height:min(52vw,220px)}.pe-qr-label{font-size:2.5vw;font-size:clamp(11px,2.5vw,15px)}.pe-id-value{font-size:8vw;font-size:clamp(20px,8vw,44px)}.pe-id-label{font-size:2vw;font-size:clamp(10px,2vw,13px)}}