:root{color-scheme:dark}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#0b0d12}.app{min-height:100%;display:grid;padding:0;place-items:stretch}.phoneViewport{width:100vw;height:100vh;height:100dvh;border-radius:0;overflow:hidden;position:relative;box-shadow:none;border:none}@media (min-width: 1280px){.app{padding:24px;place-items:center}.phoneViewport{width:min(420px,92vw);height:min(860px,92dvh);border-radius:36px;box-shadow:0 20px 70px #0000008c}}.loginScene,.loginScene__layer{position:absolute;top:0;right:0;bottom:0;left:0}.loginScene__layer--background{background:#000}.loginScene__layer--artwork{z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none}.loginScene__artworkImage{width:100%;height:100%;object-fit:contain;object-position:center;display:block}@media (pointer: coarse){.loginScene__artworkImage{object-fit:contain;object-position:center}}@media (min-width: 1280px) and (pointer: fine){.loginScene__artworkImage{object-fit:cover;object-position:center 35%}}.loginScene__layer--content{z-index:2}.loginScene__layer--overlay{z-index:3}.loginScene__loginWithXButton{position:absolute;z-index:10;top:calc(14px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px));min-height:44px;min-width:44px;padding:10px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:10px;background:#0009;border:1px solid rgba(255,0,214,.42);color:#ebfffff2;font-weight:650;letter-spacing:.01em;font-size:14px;line-height:1;text-shadow:0 0 12px rgba(255,0,214,.65);box-shadow:0 0 0 1px #ffffff0f inset,0 0 18px #ff00d638,0 0 34px #be00ff24;filter:drop-shadow(0 0 12px rgba(255,0,214,.26));animation:loginWithXPulse 2.6s ease-in-out infinite;cursor:pointer}@supports (backdrop-filter: blur(8px)){.loginScene__loginWithXButton{background:linear-gradient(135deg,#ff00d61f,#ff00d60a);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);mix-blend-mode:screen}}.loginScene__loginWithXButton:hover{box-shadow:0 0 0 1px #ffffff14 inset,0 0 22px #ff00d64d,0 0 40px #be00ff2e}.loginScene__loginWithXButton:active{transform:translateY(.5px)}.loginScene__loginWithXButton:focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:2px}.loginScene__loginWithXText{white-space:nowrap}.loginScene__xLogo{width:18px;height:18px;display:block;flex:0 0 auto}@keyframes loginWithXPulse{0%,to{box-shadow:0 0 0 1px #ffffff0f inset,0 0 18px #ff00d633,0 0 34px #be00ff1f;filter:drop-shadow(0 0 12px rgba(255,0,214,.22))}50%{box-shadow:0 0 0 1px #ffffff14 inset,0 0 26px #ff00d657,0 0 46px #be00ff2e;filter:drop-shadow(0 0 16px rgba(255,0,214,.32))}}@media (prefers-reduced-motion: reduce){.loginScene__loginWithXButton{animation:none}}.comingSoon{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#000;color:#ffffffeb}.comingSoon__content{width:min(420px,100%);text-align:center}.comingSoon__title{margin:0 0 8px;font-size:26px;letter-spacing:.02em}.comingSoon__subtitle{margin:0 0 18px;opacity:.8}.comingSoon__logout{min-height:44px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#ffffffeb;cursor:pointer}.comingSoon__logout:disabled{opacity:.7;cursor:not-allowed}