.auth-shell{background:radial-gradient(circle at 14% 18%,#4f46e52e,transparent 32%),radial-gradient(circle at 86% 82%,#06b6d429,transparent 30%),linear-gradient(145deg,#f8faff 0,#eef4ff 48%,#f7fbff 100%),var(--bg);height:var(--app-viewport-height,100dvh);isolation:isolate;place-items:center;min-height:0;padding:24px 18px;display:grid;position:relative;overflow:auto}.auth-shell:after{content:"";opacity:.6;pointer-events:none;z-index:-1;background:radial-gradient(circle,#2563eb21 1px,#0000 0) 0 0/24px 24px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(110deg,#00000052,#0000 72%);mask-image:linear-gradient(110deg,#00000052,#0000 72%)}.auth-shell[data-ime-surface]{max-height:var(--app-ime-available-height,var(--app-viewport-height,100dvh));grid-template-rows:minmax(0,1fr);padding:0;overflow:hidden}.auth-shell-scroll{overscroll-behavior:contain;place-items:center;width:100%;height:100%;min-height:0;padding:24px 18px;scroll-padding-block:16px;display:grid;overflow:auto}.auth-frame{direction:ltr;background:#ffffffe6;border:1px solid #fffffff5;border-radius:32px;grid-template-columns:minmax(0,1.22fr) minmax(380px,440px);grid-template-areas:"story form""gallery gallery";align-items:stretch;gap:0;width:min(1160px,100%);margin-bottom:16px;padding:8px;display:grid;overflow:hidden;box-shadow:0 34px 100px #1e40af29,0 8px 28px #0f172a12}.auth-stack{text-align:right;direction:rtl;background:#ffffffd1;align-content:center;gap:0;width:100%;display:grid}.auth-stack--login{border-radius:0 24px 0 0;grid-area:form;align-content:start;justify-self:stretch;overflow:hidden}.auth-stack>.auth-panel{width:100%}.auth-story{color:#fff;isolation:isolate;direction:rtl;background:radial-gradient(circle at 82% 14%,#facc1533,#0000 26%),radial-gradient(circle at 12% 82%,#ec489938,#0000 34%),linear-gradient(145deg,#2563eb,#4f46e5 52%,#0d9488);border:1px solid #ffffff1f;border-radius:24px 0 0;grid-area:story;justify-items:stretch;gap:14px;min-width:0;min-height:590px;padding:22px 24px 26px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a}.auth-story:after,.auth-story:before{content:"";pointer-events:none;z-index:-1;border-radius:999px;position:absolute}.auth-story:before{filter:blur(70px);opacity:.14;background:#facc15;width:150px;height:150px;top:80px;right:-55px}.auth-story:after{filter:blur(80px);opacity:.18;background:#fb7185;width:190px;height:190px;bottom:-65px;left:-60px}.auth-story-topline{direction:rtl;justify-content:flex-end;align-items:center;min-width:0;display:flex}.auth-live-pill{color:#ffffffc2;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:7px;min-height:30px;padding:0 10px;font-size:11px;font-weight:750;display:inline-flex}.auth-live-pill i{background:#34d399;border-radius:999px;width:7px;height:7px;animation:1.8s ease-in-out infinite auth-live-pulse;box-shadow:0 0 0 4px #34d39921}.auth-vibe-scene{width:100%;max-width:460px;height:300px;margin:-2px auto -6px;position:relative}.auth-vibe-orbit{border:1px solid #ffffff2e;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-vibe-orbit--outer{width:270px;height:270px}.auth-vibe-orbit--inner{background:radial-gradient(circle,#ffffff21,#0000 68%);width:170px;height:170px}.auth-scene-core{z-index:3;background:#ffffff21;border:1px solid #ffffff47;border-radius:26px;justify-content:center;align-items:center;width:82px;height:82px;padding:13px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-4deg);box-shadow:0 18px 60px #0f172a38,inset 0 1px #ffffff24}.auth-scene-core img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.auth-scene-core i{background:#34d399;border:3px solid #071421;border-radius:999px;width:14px;height:14px;position:absolute;bottom:7px;right:7px}.auth-scene-avatar{z-index:2;justify-items:center;animation:5.5s ease-in-out infinite auth-vibe-float;display:grid;position:absolute}.auth-scene-avatar-visual{background:linear-gradient(145deg,#fff,#dbeafe);border:3px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;font-size:30px;display:flex;box-shadow:0 14px 38px #00000061}.auth-scene-avatar-visual--friends{background:linear-gradient(145deg,#fde68a,#fb7185)}.auth-scene-avatar-visual--music{background:linear-gradient(145deg,#c4b5fd,#60a5fa)}.auth-scene-avatar-visual--cafe{background:linear-gradient(145deg,#fed7aa,#fbbf24)}.auth-scene-avatar-visual--game{background:linear-gradient(145deg,#99f6e4,#22d3ee)}.auth-scene-avatar small{color:#ffffffd1;white-space:nowrap;background:#050e18db;border:1px solid #ffffff21;border-radius:999px;margin-top:-5px;padding:3px 8px;font-size:10px;font-weight:800}.auth-scene-avatar--one{top:20%;right:5%}.auth-scene-avatar--two{animation-delay:-1.4s;top:3%;left:12%}.auth-scene-avatar--two .auth-scene-avatar-visual{width:58px;height:58px}.auth-scene-avatar--three{animation-delay:-2.8s;bottom:7%;left:6%}.auth-scene-avatar--three .auth-scene-avatar-visual{width:74px;height:74px}.auth-scene-avatar--four{animation-delay:-4.1s;bottom:2%;right:17%}.auth-scene-avatar--four .auth-scene-avatar-visual{width:52px;height:52px}.auth-scene-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;white-space:nowrap;z-index:4;background:#ffffff1a;border:1px solid #ffffff24;border-radius:12px 12px 4px;padding:7px 9px;font-size:11px;font-weight:800;position:absolute}.auth-scene-message--one{top:2%;right:5%}.auth-scene-message--two{bottom:9%;left:31%}.auth-story-copy{text-align:right;gap:8px;display:grid}.auth-story-eyebrow{color:#67e8f9;font-size:12px;font-weight:900}.auth-story-copy h2{color:#fff;letter-spacing:-.5px;max-width:510px;margin:0;font-size:clamp(25px,2.8vw,36px);font-weight:950;line-height:1.45}.auth-story-copy p{color:#ffffffa3;max-width:500px;margin:0;font-size:13px;font-weight:650;line-height:1.85}.auth-story-features{flex-wrap:wrap;gap:7px;margin-top:4px;display:flex}.auth-story-features span{color:#ffffffd1;background:#ffffff14;border:1px solid #ffffff1c;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.auth-story-features svg{color:#7dd3fc}.auth-story-features .auth-story-feature-soon{color:#fef3c7e6;border-color:#fbbf244d}.auth-story-features .auth-story-feature-soon svg{color:#fbbf24}@keyframes auth-vibe-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1.5deg)}}@keyframes auth-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.62;transform:scale(.76)}}.auth-loading-shell{place-items:center}.auth-loading-shell .auth-stack{width:min(640px,100%)}.auth-loading-shell .auth-panel{text-align:center;place-content:center;justify-items:center;min-height:174px;padding:32px}.auth-loading-shell .auth-brand{flex-direction:column;justify-content:center;gap:14px;width:100%}.auth-loading-spinner{color:var(--accent);background:#eef4fff2;border:1px solid #2563eb2e;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.auth-loading-spinner svg{animation:.9s linear infinite auth-loading-spin}@keyframes auth-loading-spin{to{transform:rotate(1turn)}}.auth-panel{box-shadow:none;text-align:right;direction:rtl;background:0 0;border:0;border-radius:0;gap:18px;width:min(480px,100%);padding:26px;display:grid}.auth-brand{align-items:center;gap:12px;display:flex}.auth-brand--login{background:0 0;border:0;align-items:center;padding:0}.auth-brand .brand-mark{--topbar-control-size:56px;flex:0 0 var(--topbar-control-size);border-radius:12px;font-size:24px}.auth-brand h1{color:var(--ink);letter-spacing:0;margin:0 0 5px;font-size:28px;font-weight:950;line-height:1}.auth-brand p{color:var(--muted);margin:0;font-size:13px;font-weight:750}.auth-login-heading{gap:0;padding-top:2px;display:grid}.auth-login-heading h2{color:var(--ink);letter-spacing:-.25px;margin:0;font-size:24px;font-weight:950;line-height:1.4}.auth-form-heading{gap:5px;display:grid}.auth-form-heading span{color:var(--accent-3);font-size:12px;font-weight:900}.auth-form-heading h2{color:var(--ink);letter-spacing:0;margin:0;font-size:24px;font-weight:950;line-height:1.35}.auth-form-heading p{color:var(--muted);margin:0;font-size:13px;font-weight:650;line-height:1.8}.auth-form{gap:13px;display:grid}.auth-field{color:var(--muted);gap:7px;font-size:12px;font-weight:850;display:grid}.auth-input-shell{color:color-mix(in srgb,var(--accent) 72%,var(--muted));direction:rtl;background:#f8fafce6;border:1px solid #64748b33;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-height:48px;padding:0 12px;display:grid}.auth-input-shell:focus-within{box-shadow:var(--focus-ring);background:#fff;border-color:#2563eb85}.auth-input-shell--username{direction:ltr;grid-template-columns:auto minmax(0,1fr)}.auth-form input{color:var(--ink);outline:0;width:100%;min-height:46px;padding:0;background:0 0!important;border:0!important;border-radius:0!important}.auth-form input:focus{box-shadow:none!important}.auth-form input.ltr-input{text-align:left;direction:ltr}.auth-help{color:var(--muted);margin:0;font-size:12px}.auth-phone-lock .auth-input-shell{color:color-mix(in srgb,var(--muted) 82%,var(--accent));background:linear-gradient(135deg,#eef4fff5,#f1f5f9eb);border-color:#2563eb2e;box-shadow:inset 0 1px #ffffffd1}.auth-phone-lock .auth-input-shell:focus-within{background:linear-gradient(135deg,#eef4fff5,#f1f5f9eb);border-color:#2563eb2e;box-shadow:inset 0 1px #ffffffd1}.auth-phone-lock input{cursor:not-allowed;opacity:1;-webkit-text-fill-color:color-mix(in srgb,var(--ink) 52%,var(--muted));color:color-mix(in srgb,var(--ink) 52%,var(--muted))!important}.auth-submit-button{min-height:48px;font-weight:900;background:linear-gradient(105deg,#4f46e5,#2563eb 52%,#06b6d4)!important;border:0!important;border-radius:14px!important;box-shadow:0 14px 32px #2563eb42!important}.auth-submit-button:not(:disabled):focus-visible,.auth-submit-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 16px 36px #2563eb52,0 0 0 4px #2563eb1a!important}.auth-secure-note{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:6px;margin:-2px 0 0;font-size:11px;font-weight:700;line-height:1.65;display:flex}.auth-secure-note svg{color:#059669;flex:none}.auth-form .request-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px;display:grid}.auth-form .request-row .primary-button,.auth-form .request-row .soft-button{border-radius:var(--radius-control);flex:none;width:100%;min-width:0;height:48px;min-height:48px;padding:0 14px;font-size:14px;font-weight:850}.auth-form .request-row .soft-button{color:color-mix(in srgb,var(--ink) 78%,var(--accent))!important;background:#eef4ffb8!important;border-color:#2563eb38!important;box-shadow:inset 0 1px #ffffffc2!important}.auth-form .request-row .soft-button:not(:disabled):focus-visible,.auth-form .request-row .soft-button:not(:disabled):hover{transform:none;background:#e2ecffeb!important;border-color:#2563eb52!important;box-shadow:inset 0 1px #ffffffc2!important}.auth-form .request-row .primary-button:not(:disabled):focus-visible,.auth-form .request-row .primary-button:not(:disabled):hover{transform:none}.full-width{width:100%}.auth-code-hint{justify-content:center;margin-top:2px}.auth-code-hint:focus-visible,.auth-code-hint:hover{border-color:var(--accent);color:#1d3f4a}.auth-gallery-card{box-shadow:none;color:var(--ink);text-align:right;direction:rtl;background:#eef4ff75;border:0;border-top:1px solid #94a3b838;border-radius:0 0 24px 24px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:78px;padding:12px;text-decoration:none;display:grid}.auth-gallery-card:focus-visible,.auth-gallery-card:hover{background:#dbeafeb8;outline:0;box-shadow:inset 0 0 0 2px #2563eb2e}.auth-gallery-card--login-footer{grid-area:gallery;justify-self:stretch;width:100%;margin-top:0}.auth-gallery-icon{color:var(--accent);background:#ffffffd1;border:1px solid #2563eb24;border-radius:8px;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.auth-gallery-copy{gap:4px;min-width:0;display:grid}.auth-gallery-copy strong{color:var(--ink);font-size:15px;font-weight:950;line-height:1.45}.auth-gallery-copy small{color:var(--muted);font-size:12px;font-weight:750;line-height:1.6}.auth-gallery-action{background:var(--accent);color:#fff;white-space:nowrap;border-radius:8px;flex:none;align-items:center;gap:7px;min-height:40px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.auth-stack--login>.auth-install-card.pwa-install--inline{box-shadow:none!important;background:#f8fafc8a!important;border:0!important;border-top:1px solid #94a3b838!important;border-radius:0!important;margin:0!important;padding:16px 26px 20px!important}@media (width<=920px){.auth-frame{grid-template-columns:minmax(0,1fr);grid-template-areas:"story""form""gallery";justify-items:stretch;max-width:620px}.auth-stack--login{border-radius:0;justify-self:stretch}.auth-story{border-radius:24px 24px 0 0;width:100%;max-width:none}}@media (width<=760px){.auth-shell{align-items:start;padding:8px}.auth-shell[data-ime-surface]{align-items:stretch;padding:0}.auth-shell-scroll{align-items:start;padding:8px;scroll-padding-block:12px}.auth-loading-shell{align-items:center}.auth-frame{gap:0;padding:6px}.auth-story{transform-origin:top;gap:4px;width:100%;max-width:none;min-height:0;max-height:460px;padding:14px 16px 16px;transition:max-height .22s,opacity .16s,padding .22s,transform .22s}.auth-frame--code-step .auth-story,.auth-frame--focus-prepared .auth-story,.auth-frame--has-input .auth-story,.auth-frame:focus-within .auth-story{opacity:0;pointer-events:none;border-width:0;max-height:0;padding-block:0;overflow:hidden;transform:translateY(-14px)scale(.98)}.auth-frame--code-step .auth-stack--login,.auth-frame--focus-prepared .auth-stack--login,.auth-frame--has-input .auth-stack--login,.auth-frame:focus-within .auth-stack--login{border-radius:24px 24px 0 0}.auth-live-pill{min-height:26px;padding-inline:8px;font-size:9px}.auth-vibe-scene{max-width:360px;height:198px}.auth-vibe-orbit--outer{width:186px;height:186px}.auth-vibe-orbit--inner{width:116px;height:116px}.auth-scene-core{border-radius:19px;width:60px;height:60px;padding:10px}.auth-scene-avatar-visual{width:48px;height:48px;font-size:22px}.auth-scene-avatar--two .auth-scene-avatar-visual{width:42px;height:42px}.auth-scene-avatar--three .auth-scene-avatar-visual{width:52px;height:52px}.auth-scene-avatar--four .auth-scene-avatar-visual{width:38px;height:38px}.auth-scene-avatar small{padding:2px 6px;font-size:8px}.auth-scene-message{padding:5px 7px;font-size:9px}.auth-story-copy{gap:3px}.auth-story-eyebrow{font-size:10px}.auth-story-copy h2{font-size:20px;line-height:1.45}.auth-story-copy p{display:none}.auth-story-features{gap:5px}.auth-story-features span{min-height:25px;padding-inline:8px;font-size:9px}.auth-panel{gap:15px;width:100%;padding:18px}.auth-gallery-card{grid-template-columns:auto minmax(0,1fr) auto;min-height:74px}.auth-gallery-action{grid-column:auto;justify-content:center;width:auto}.auth-brand--login{padding:0}.auth-brand .brand-mark{--topbar-control-size:50px}.auth-brand h1{font-size:24px}.auth-form-heading h2,.auth-login-heading h2{font-size:21px}.auth-input-shell{min-height:46px}.auth-form input{font-size:16px}}@media (width<=380px){.auth-frame{gap:0}.auth-story{max-height:420px;padding-inline:13px}.auth-vibe-scene{height:170px}.auth-story-copy h2{font-size:18px}.auth-panel{padding:16px}.auth-brand{gap:9px}.auth-brand .brand-mark{--topbar-control-size:46px}.auth-brand h1{font-size:22px}}@media (prefers-reduced-motion:reduce){.auth-live-pill i,.auth-scene-avatar{animation:none}.auth-story{transition:none}}