.join-root{min-height:100vh;min-height:100dvh}.landing{min-height:100vh;min-height:100dvh;display:flex;justify-content:center;position:relative;overflow:hidden}.landing-cover{position:absolute;left:0;right:0;top:0;height:55vh;height:55dvh;-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent);mask-image:linear-gradient(to bottom,#000 55%,transparent);pointer-events:none}.landing-cover img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s ease-out}.landing-cover img.loaded{opacity:1}.landing:not(.has-cover) .landing-cover{display:none}.landing-inner{position:relative;width:100%;max-width:440px;min-height:100vh;min-height:100dvh;padding:calc(50px + var(--safe-top)) max(24px,var(--safe-right)) 0 max(24px,var(--safe-left));display:flex;flex-direction:column}.landing.has-cover .landing-inner{padding-top:calc(240px + var(--safe-top))}.landing-top{display:flex;flex-direction:column;padding-bottom:20px}.landing .eyebrow{font-size:15px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--ink-78)}.landing h1{margin:6px 0 0;font-size:34px;line-height:1.1;font-weight:700;overflow-wrap:anywhere}.landing-tagline{margin-top:4px;font-size:16px;font-weight:600;color:var(--ink-80);overflow-wrap:anywhere}.members-row{margin-top:16px;display:flex;align-items:center;gap:12px;min-width:0}.avatar-stack{display:flex;flex-shrink:0}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.avatar-stack .avatar,.avatar-stack .face-more{font-size:13px;border:2px solid var(--ground, #213a2c)}.avatar-stack>*+*{margin-left:-10px}.avatar-stack .face-more{height:30px;min-width:30px;padding:0 7px;border-radius:15px;background:#3d3d3d;color:#ebebeb;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.members-text{font-size:15px;line-height:1.3;color:var(--ink-85);min-width:0}.look-chip{margin-top:16px;align-self:flex-start;min-height:30px;padding:5px 12px;border-radius:15px;background:var(--ink-10);box-shadow:inset 0 0 0 1px var(--ink-28);display:flex;align-items:center;gap:7px;font-size:15px;font-weight:600}.look-dot{width:10px;height:10px;border-radius:5px;flex-shrink:0;box-shadow:inset 0 0 0 1px #0000001f}.landing-panel{margin:auto calc(-1*max(24px,var(--safe-left))) 0;padding:20px 24px calc(24px + var(--safe-bottom));border-radius:22px 22px 0 0;background:#000000c7;color:#fff;display:flex;flex-direction:column;--ink-78: rgba(255, 255, 255, .72);--ink-80: rgba(255, 255, 255, .72);--ink-85: rgba(255, 255, 255, .85);--ink-55: rgba(255, 255, 255, .55);--primary-bg: var(--yellow);--primary-ink: #111}.landing-form{display:flex;flex-direction:column}.name-box{display:flex;flex-direction:column;gap:8px}.name-box label{font-size:15px;color:#ffffffb8}.name-box input{height:48px;width:100%;padding:0 14px;border:0;border-radius:12px;background:#ffffff1f;color:#fff;font-size:17px}.name-box input::placeholder{color:#ffffff73}.joining-as{margin:0;font-size:15px;color:#ffffffb8}.joining-as b{color:#fff}.consent{margin:10px 0 0;font-size:13px;line-height:1.4;color:#fff9}.landing .btn-primary{margin-top:14px;flex-shrink:0}.landing-small{margin-top:6px;text-align:center;font-size:12.5px;color:var(--ink-78)}.landing-error{margin-top:8px;font-size:14px;line-height:1.4;font-weight:600;text-align:center;color:var(--orange-text)}.landing-error:empty{display:none}.landing .btn-outline{margin-top:12px;height:46px;border-radius:23px;border-color:var(--ink-55);flex-shrink:0}.landing .open-app{margin-top:4px;align-self:center;font-size:14px;color:var(--ink-85);padding:6px}.in-app-nudge{margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.in-app-nudge h2{margin:0;font-size:20px;font-weight:700}.in-app-nudge p{margin:0;font-size:14px;line-height:1.45;color:#fffc}.in-app-nudge .btn-primary{margin-top:6px}.nudge-status{font-size:13px;color:#ffffffb8;overflow-wrap:anywhere}.nudge-status:empty{display:none}.landing-loading{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:15px;color:#ffffffc7;background:#111}.closed h2{font-size:36px;line-height:1.05}.closed .frames-box{margin-top:8px;height:110px;border-radius:12px;background:#00000040;display:flex;align-items:center;justify-content:center;gap:8px}.grounded[data-ink=dark] .closed .frames-box,.closed.grounded[data-ink=dark] .frames-box{background:#15181c0f}.closed .frames-box span{width:58px;height:76px;border-radius:6px;border:1.5px solid var(--ink-28)}.closed-wrap{min-height:100vh;min-height:100dvh}.ink-78{color:var(--ink-78)}.code-form{display:flex;flex-direction:column;gap:10px;margin-top:8px}.code-form label{font-size:13px;font-weight:600;opacity:.8}.code-form input{height:56px;width:100%;padding:0 16px;border-radius:14px;border:0;background:#fff;color:#1c1c1e;font-size:24px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-align:center}.code-form input::placeholder{color:#aeaeb2;font-weight:600}.code-error{min-height:20px;font-size:14px;line-height:1.4;color:var(--orange-text)}.home{min-height:100vh;min-height:100dvh;background:#0e0e10}.home .brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:.3em}.home h1{margin-top:28px;font-size:34px}.home-foot{margin-top:auto;padding-top:24px;font-size:13px;line-height:1.45;opacity:.7}