.pg-auth .shell{border:1px solid var(--line);border-radius:var(--r-xl);margin:var(--sp-2) auto var(--sp-10);width:min(1100px, calc(100% - 2 * var(--gutter)));background:var(--card);flex:1;grid-template-columns:1fr 1.05fr;gap:0;display:grid;overflow:clip}.pg-auth .side{background:var(--grad);color:#fff;padding:var(--sp-10);gap:var(--sp-5);flex-direction:column;display:flex;position:relative;overflow:hidden}.pg-auth .side:after{content:"</>";font-family:var(--mono);color:#ffffff14;pointer-events:none;font-size:260px;font-weight:700;line-height:1;position:absolute;bottom:-70px;right:-30px}.pg-auth .side h1{letter-spacing:-.01em;font-size:clamp(30px,3.6vw,42px);line-height:1.2}.pg-auth .side .nw{display:inline-block}.pg-auth .side p{opacity:.9;font-size:var(--fs-md)}.pg-auth .side-list{gap:var(--sp-2);font-size:var(--fs-md);flex-direction:column;list-style:none;display:flex}.pg-auth .side-list li{gap:var(--sp-2);grid-template-columns:20px 1fr;align-items:start;display:grid}.pg-auth .side-list svg{border-radius:var(--r-sm);background:#ffffff38;width:20px;height:20px;margin-top:2px;padding:3px}.pg-auth .guest{border-radius:var(--r-lg);padding:var(--sp-4);z-index:1;background:#00000047;border:1px solid #ffffff40;margin-top:auto;position:relative}.pg-auth .guest h4{font-family:var(--display);font-size:var(--fs-md);color:var(--ink);opacity:.85;margin-bottom:var(--sp-2);font-weight:600}.pg-auth .guest-grid{gap:var(--sp-2);grid-template-columns:repeat(3,1fr);display:grid}.pg-auth .guest-grid b{font-family:var(--mono);font-size:var(--fs-2xl);display:block}.pg-auth .guest-grid span{font-size:var(--fs-xs);opacity:.85}.pg-auth .guest p{font-size:var(--fs-sm);margin-top:var(--sp-2);opacity:.9}.pg-auth .main{padding:var(--sp-10);flex-direction:column;justify-content:center;display:flex}.pg-auth .view{gap:var(--sp-4);flex-direction:column;display:none}.pg-auth .view.on{display:flex}.pg-auth .view h2{font-size:var(--fs-3xl);line-height:1.25}.pg-auth .view .sub{color:var(--muted);margin-top:calc(-1 * var(--sp-2))}.pg-auth .steps{gap:var(--sp-1);display:flex}.pg-auth .steps i{border-radius:var(--r-pill);background:var(--soft);flex:1;height:5px}.pg-auth .steps i.on{background:var(--grad)}.pg-auth .steps-lbl{font-family:var(--mono);font-size:var(--fs-xs);color:var(--muted);margin-top:calc(-1 * var(--sp-2))}.pg-auth .social{gap:var(--sp-2);grid-template-columns:1fr 1fr;display:grid}.pg-auth .social .btn{justify-content:center}.pg-auth .or{align-items:center;gap:var(--sp-3);color:var(--muted);font-family:var(--mono);font-size:var(--fs-xs);display:flex}.pg-auth .or:before,.pg-auth .or:after{content:"";background:var(--soft);flex:1;height:1px}.pg-auth .ui-label a{font-weight:400;font-size:var(--fs-sm);color:var(--muted);text-decoration:underline}.pg-auth .pw{position:relative}.pg-auth .pw .ui-input{padding-right:var(--sp-16)}.pg-auth .pw button{right:var(--sp-1);border-radius:var(--r-sm);color:var(--muted);font-family:var(--mono);font-size:var(--fs-xs);min-height:36px;padding:0 var(--sp-3);background:0 0;border:none;position:absolute;top:50%;transform:translateY(-50%)}.pg-auth .pw button:hover{color:var(--ink)}.pg-auth .hint{color:var(--muted);font-size:var(--fs-sm)}.pg-auth .meter{gap:var(--sp-1);grid-template-columns:repeat(4,1fr);display:grid}.pg-auth .meter i{border-radius:var(--r-pill);background:var(--soft);height:5px}.pg-auth .meter.s1 i:nth-child(-n+1){background:var(--signal)}.pg-auth .meter.s2 i:nth-child(-n+2){background:var(--signal-soft)}.pg-auth .meter.s3 i:nth-child(-n+3){background:var(--volt)}.pg-auth .meter.s4 i{background:var(--ok)}.pg-auth .rules{gap:var(--sp-1) var(--sp-3);font-size:var(--fs-xs);color:var(--muted);grid-template-columns:1fr 1fr;list-style:none;display:grid}.pg-auth .rules li{gap:var(--sp-1);align-items:center;display:flex}.pg-auth .rules svg{flex:none;width:14px;height:14px}.pg-auth .rules li.ok{color:var(--ink)}.pg-auth .rules li.ok svg{color:var(--ok)}.pg-auth .check{gap:var(--sp-2);font-size:var(--fs-ui);color:var(--muted);align-items:flex-start;display:flex}.pg-auth .check input{flex:none;width:16px;height:16px;margin-top:3px}.pg-auth .check a{text-decoration:underline}.pg-auth .main .btn-volt{min-height:var(--h-control-lg);font-size:var(--fs-md)}.pg-auth .main .btn[disabled]{opacity:.5;cursor:progress}.pg-auth .swap{text-align:center;font-size:var(--fs-ui);color:var(--muted)}.pg-auth .swap a,.pg-auth .swap button{color:var(--ink);font-weight:600;font:inherit;cursor:pointer;background:0 0;border:none;text-decoration:underline}.pg-auth .swap a:has(svg){gap:var(--sp-1);align-items:center;display:inline-flex}.pg-auth .uname{position:relative}.pg-auth .uname .at{left:var(--sp-4);font-family:var(--mono);color:var(--muted);position:absolute;top:50%;transform:translateY(-50%)}.pg-auth .uname .ui-input{padding-left:var(--sp-8);font-family:var(--mono)}.pg-auth .avail{gap:var(--sp-1);font-family:var(--mono);font-size:var(--fs-xs);align-items:center;min-height:18px;display:flex}.pg-auth .avail svg{flex:none;width:14px;height:14px}.pg-auth .avail.ok{color:var(--ok)}.pg-auth .avail.no{color:var(--signal)}.pg-auth .avail.wait{color:var(--muted)}.pg-auth .sugg{gap:var(--sp-2);flex-wrap:wrap;display:flex}.pg-auth .sugg button{font-family:var(--mono);font-size:var(--fs-xs);min-height:32px;padding:0 var(--sp-3);border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper);color:var(--ink)}.pg-auth .colors{gap:var(--sp-2);display:flex}.pg-auth .colors label{position:relative}.pg-auth .colors input{opacity:0;position:absolute}.pg-auth .colors span{border:1px solid var(--line);cursor:pointer;border-radius:50%;width:34px;height:34px;display:block}.pg-auth .colors input:checked+span{outline:3px solid var(--ink);outline-offset:2px}.pg-auth .colors input:focus-visible+span{outline:2px solid var(--volt);outline-offset:2px}.pg-auth .preview{align-items:center;gap:var(--sp-3);padding:var(--sp-3);border:1px dashed var(--line-strong);border-radius:var(--r-lg);display:flex}.pg-auth .preview .av{width:44px;height:44px;font-family:var(--mono);color:var(--on-avatar);border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.pg-auth .preview b{display:block}.pg-auth .preview small{font-family:var(--mono);font-size:var(--fs-xs);color:var(--muted)}.pg-auth .xfer{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.pg-auth .xfer-head{gap:var(--sp-2);padding:var(--sp-4);background:var(--paper);border-bottom:1px solid var(--line);text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.pg-auth .xfer-head small{font-family:var(--mono);font-size:var(--fs-xs);color:var(--muted);display:block}.pg-auth .xfer-head b{font-family:var(--mono);font-size:var(--fs-3xl)}.pg-auth .xfer-head .to b{color:var(--volt-hi)}.pg-auth .arrow{width:24px;height:24px;color:var(--muted)}.pg-auth .xfer.moving .arrow{color:var(--volt);animation:.6s ease-in-out infinite nudge}@keyframes nudge{50%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.pg-auth .xfer.moving .arrow{animation:none}}.pg-auth .xfer ul{list-style:none}.pg-auth .xfer li{gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px dashed var(--soft);font-size:var(--fs-ui);grid-template-columns:20px 1fr auto;align-items:center;display:grid}.pg-auth .xfer li:last-child{border-bottom:none}.pg-auth .xfer li .ic{border-radius:var(--r-sm);border:1px solid var(--line);color:#0000;place-items:center;width:20px;height:20px;display:grid}.pg-auth .xfer li .ic svg{width:14px;height:14px}.pg-auth .xfer li.done .ic{background:var(--grad);color:#fff;border-color:#0000}.pg-auth .xfer li span:last-child{font-family:var(--mono);font-size:var(--fs-sm);color:var(--muted)}.pg-auth .note{font-size:var(--fs-sm);color:var(--muted);background:var(--soft);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3)}.pg-auth .choice-row{gap:var(--sp-2);grid-template-columns:1fr;display:grid}.pg-auth .linkish{color:var(--muted);font:inherit;font-size:var(--fs-ui);cursor:pointer;background:0 0;border:none;align-self:center;text-decoration:underline}.pg-auth .done-ic{background:var(--grad);color:#fff;border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.pg-auth .done-ic svg{width:32px;height:32px}.pg-auth .sum{border:1px solid var(--line);border-radius:var(--r-lg);grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.pg-auth .sum div{padding:var(--sp-3);border-right:1px solid var(--line)}.pg-auth .sum div:last-child{border-right:none}.pg-auth .sum b{font-family:var(--mono);font-size:var(--fs-2xl);display:block}.pg-auth .sum span{font-size:var(--fs-xs);color:var(--muted)}@media (max-width:900px){.pg-auth .shell{grid-template-columns:1fr}.pg-auth .side{padding:var(--sp-6)}.pg-auth .side .side-list{display:none}.pg-auth .side:after{font-size:160px;bottom:-40px}}@media (max-width:560px){.pg-auth .main,.pg-auth .side{padding:var(--sp-6) var(--sp-5)}.pg-auth .social,.pg-auth .rules,.pg-auth .sum{grid-template-columns:1fr}.pg-auth .sum div{border-right:none;border-bottom:1px solid var(--line)}.pg-auth .sum div:last-child{border-bottom:none}}.pg-auth{padding:var(--sp-6) 0 var(--sp-2)}.pg-auth .shell{min-height:560px}.pg-auth .main .btn-volt:disabled{opacity:.5;cursor:not-allowed}.pg-auth .side h1:empty,.pg-auth .view .err:empty{display:none}