.p-join,.p-main{width:min(100%,520px);padding:max(20px, env(safe-area-inset-top)) 20px max(28px, env(safe-area-inset-bottom));flex-direction:column;gap:18px;min-height:100dvh;margin:0 auto;display:flex}.p-join{justify-content:center;gap:28px}.join-brand{color:var(--gold);text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.join-name{font-size:32px}.join-info{flex-direction:column;align-items:center;gap:4px;display:flex}.join-title{font-size:20px}.join-form{flex-direction:column;gap:18px;padding:24px 20px;display:flex}.code-input{letter-spacing:.12em;text-transform:uppercase;color:var(--gold-light);min-height:52px;font-size:22px}.join-form input{min-height:52px;font-size:17px}.btn-wide{width:100%;min-height:52px;font-size:17px}.p-header{justify-content:space-between;align-items:center;gap:12px;font-size:20px;display:flex}.s-title{color:var(--faint);margin-top:-10px}.q-card{flex-direction:column;gap:14px;padding:18px;display:flex}.q-nav{justify-content:space-between;align-items:center;gap:8px;display:flex}.q-nav-mid{flex-direction:column;align-items:center;gap:4px;display:flex}.q-text{overflow-wrap:anywhere;font-size:26px;line-height:1.2}.answer-form{flex-direction:column;gap:8px;display:flex}.answer-form input{flex:1;min-height:50px;font-size:17px}.answer-form .btn-icon{flex-shrink:0;width:50px;min-height:50px}.form-note{margin:0}.stack-s{flex-direction:column;gap:10px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.cloud-box{flex-direction:column;flex:1;gap:10px;display:flex}.p-cloud{flex:1;min-height:360px}.pick-hint{margin:-4px 0 0}.waiting{text-align:center;flex-direction:column;gap:8px;padding:28px 22px;display:flex}.waiting .title{font-size:22px}.waiting p{margin:0}.new-pill{border-color:var(--gold);color:var(--gold-light);align-self:center}
