:root{--u:min(100vw / 1920, 100vh / 1080);--p-bg:#090b12;--p-text:#f1f3f8;--p-text-2:#c9ceda;--p-muted:#8c93a4;--p-link:#a9bdff;--p-glass:#ffffff12;--p-glass-line:#ffffff24;--p-ok:#4ade80}html,body,#root{background:var(--p-bg);height:100%;color:var(--p-text);cursor:none;margin:0;font-family:Geist,ui-sans-serif,system-ui,sans-serif;overflow:hidden}.p-mono{font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.p-stage{box-sizing:border-box;width:100%;height:100%;padding:calc(var(--u) * 96) calc(var(--u) * 128) calc(var(--u) * 80);background:var(--p-bg);flex-direction:column;display:flex}.p-head{justify-content:space-between;align-items:center;display:flex}.p-brand{align-items:center;gap:calc(var(--u) * 20);display:flex}.p-brand__name{font-size:calc(var(--u) * 40);letter-spacing:-.025em;font-weight:650}.p-net{align-items:center;gap:calc(var(--u) * 14);height:calc(var(--u) * 56);padding:0 calc(var(--u) * 24);color:var(--p-text-2);font-size:calc(var(--u) * 24);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;display:inline-flex}.p-net__dot{width:calc(var(--u) * 12);height:calc(var(--u) * 12);background:var(--p-ok);border-radius:50%}.p-net[data-online=false] .p-net__dot{border:calc(var(--u) * 2) solid var(--p-muted);box-sizing:border-box;background:0 0}.p-body{justify-content:space-between;align-items:center;gap:calc(var(--u) * 96);flex:1;display:flex}.p-left{gap:calc(var(--u) * 48);flex-direction:column;display:flex}.p-intro{gap:calc(var(--u) * 16);flex-direction:column;display:flex}.p-kicker{color:#a9b0c0;font-size:calc(var(--u) * 32);margin:0;font-weight:500}.p-title{max-width:calc(var(--u) * 1000);font-size:calc(var(--u) * 52);letter-spacing:-.025em;margin:0;font-weight:600;line-height:1.15}.p-link{color:var(--p-link)}.p-code{align-items:center;gap:calc(var(--u) * 20);display:flex}.p-code__wrap{align-items:center;gap:calc(var(--u) * 20);display:inline-flex}.p-code__box{box-sizing:border-box;width:calc(var(--u) * 132);height:calc(var(--u) * 172);border:1px solid var(--p-glass-line);border-radius:calc(var(--u) * 22);background:var(--p-glass);font-size:calc(var(--u) * 120);place-items:center;font-weight:500;line-height:1;display:grid}.p-code__dash{width:calc(var(--u) * 36);height:calc(var(--u) * 8);border-radius:calc(var(--u) * 4);background:#ffffff59}.p-getting{color:var(--p-text-2);font-size:calc(var(--u) * 40);margin:0}.p-expiry{color:var(--p-text-2);font-size:calc(var(--u) * 30);margin:0}.p-expiry__time{color:#fff;font-weight:500}.p-qr{align-items:center;gap:calc(var(--u) * 24);flex-direction:column;flex:none;display:flex}.p-qr__card{padding:calc(var(--u) * 28);border-radius:calc(var(--u) * 28);box-shadow:0 calc(var(--u) * 40) calc(var(--u) * 80) calc(var(--u) * -30) #000000b3;background:#fff}.qr{width:calc(var(--u) * 300);height:calc(var(--u) * 300);display:block}.p-qr__label{color:var(--p-text-2);font-size:calc(var(--u) * 26)}.p-center{justify-content:center;align-items:center;gap:calc(var(--u) * 24);text-align:center;flex-direction:column;flex:1;display:flex}.p-foot{color:var(--p-muted);font-size:calc(var(--u) * 22);justify-content:space-between;align-items:flex-end;display:flex}.p-breathe{animation:3s ease-in-out infinite p-breathe}@keyframes p-breathe{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.p-breathe{animation:none}}.p-stage-playlist{width:100%;height:100%;position:relative;overflow:hidden}