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%{clip-path:inset(0 100% 0 0)}to{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}.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:min(420px,92vw);flex-direction:column;align-items:center;gap:clamp(14px,3vmin,28px)}@media(orientation:landscape){.pe-wrap{max-width:min(920px,94vw);flex-direction:row;align-items:center;gap:clamp(20px,4vmin,48px)}.pe-col1{flex:1}.pe-col2{flex:1;align-self:center;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:clamp(8px,1.6vmin,14px);margin-bottom:clamp(12px,2.5vmin,22px)}.pe-brand-icon{display:inline-flex;height:clamp(44px,9vmin,88px);width:clamp(44px,9vmin,88px);filter:drop-shadow(0 3px 10px rgba(0,0,0,.28))}.pe-brand-icon svg{display:block;width:100%;height:100%}.pe-brand-name{font-size:clamp(18px,4.4vmin,34px);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 clamp(10px,2.2vmin,20px);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:min(360px,90vw);margin:0 auto}.pe-label{margin:0 0 clamp(5px,1.2vmin,10px);font-size:clamp(13px,2.4vmin,18px);font-weight:500;color:#fff}#pe-code{width:100%;box-sizing:border-box;border:0;border-radius:clamp(8px,1.4vmin,12px);background:rgba(0,0,0,.2);padding:clamp(8px,1.6vmin,16px) 0;text-align:center;font-family:monospace;font-size:clamp(30px,8vmin,64px);font-weight:700;letter-spacing:.28em;color:#fff;outline:none}#pe-code::placeholder{color:rgba(255,255,255,.4)}#pe-submit{margin-top:clamp(8px,1.6vmin,14px);width:100%;border:0;border-radius:clamp(8px,1.4vmin,12px);background:#fff;padding:clamp(10px,1.8vmin,16px) 0;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:clamp(12px,2.4vmin,22px)}.pe-waiting{margin:0;display:flex;align-items:center;justify-content:center;gap:clamp(6px,1.2vmin,10px);font-size:clamp(15px,2.8vmin,21px);font-weight:600;color:#fff}.pe-dot{display:inline-block;height:clamp(8px,1.4vmin,12px);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-hint{margin:clamp(6px,1.4vmin,12px) auto 0;max-width:32ch;border-radius:clamp(8px,1.4vmin,12px);background:rgba(0,0,0,.2);padding:clamp(7px,1.4vmin,12px) clamp(10px,1.8vmin,16px);font-size:clamp(13px,2.3vmin,17px);font-weight:500;color:rgba(255,255,255,.95);line-height:1.35}.pe-error{margin:clamp(6px,1.4vmin,12px) 0 0;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:min(360px,90vw);flex-direction:column;align-items:stretch;gap:clamp(10px,2vmin,16px);border-radius:clamp(14px,2.4vmin,20px);background:rgba(0,0,0,.15);padding:clamp(14px,2.6vmin,22px);backdrop-filter:blur(8px)}.pe-qrblock{display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.4vmin,10px)}.pe-qr-label{margin:0;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:clamp(8px,1.4vmin,12px);background:#fff;padding:clamp(6px,1vmin,10px);width:min(40vw,34vh,240px);height:min(40vw,34vh,240px)}.pe-foot{margin-top:clamp(4px,1vmin,10px);display:flex;flex-direction:column;align-items:center;gap:clamp(3px,.8vmin,8px);border-top:1px solid rgba(255,255,255,.18);padding-top:clamp(8px,1.6vmin,14px)}.pe-id{display:flex;flex-direction:column;align-items:center;gap:2px}.pe-id-label{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: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:clamp(2px,.6vmin,6px) 0 0;font-size:clamp(10px,1.8vmin,13px);font-weight:500;color:rgba(255,255,255,.55)}.pe-build span{font-family:monospace}@media(max-aspect-ratio:1/2){.pe-brand-icon{height:clamp(28px,9vw,72px);width:clamp(28px,9vw,72px)}.pe-brand-name{font-size:clamp(14px,4.2vw,26px)}.pe-brand{gap:clamp(6px,1.8vw,12px);margin-bottom:clamp(10px,3vw,20px)}.pe-title{font-size:clamp(16px,4.8vw,32px);margin-bottom:clamp(8px,2.5vw,18px)}.pe-codebox{max-width:min(340px,94vw)}.pe-label{font-size:clamp(12px,2.8vw,16px);margin-bottom:clamp(4px,1.2vw,8px)}#pe-code{font-size:clamp(26px,9vw,52px);padding:clamp(7px,1.8vw,14px) 0;letter-spacing:.2em}#pe-submit{font-size:clamp(13px,3.8vw,18px);padding:clamp(9px,2.2vw,14px) 0;margin-top:clamp(6px,1.8vw,12px)}.pe-waiting{font-size:clamp(13px,3.2vw,18px);gap:clamp(5px,1.4vw,8px)}.pe-dot{height:clamp(7px,1.6vw,10px);width:clamp(7px,1.6vw,10px)}.pe-hint,.pe-error{font-size:clamp(11px,2.6vw,15px)}.pe-col2{max-width:min(340px,94vw);padding:clamp(12px,3vw,20px);gap:clamp(8px,2.2vw,14px)}#pe-qr{width:min(52vw,220px);height:min(52vw,220px)}.pe-qr-label{font-size:clamp(11px,2.5vw,15px)}.pe-id-value{font-size:clamp(20px,8vw,44px)}.pe-id-label{font-size:clamp(10px,2vw,13px)}}